Scss @each周期表
eachで周期表を作る
htmlは極力シンプルに設定
cssの手打ちでは凄まじい労力を使うところを、JS等の配列+繰り返し処理のノリでスタイル情報を格納・格納できる
- 室温での状態
-
- 分類
-
- アルカリ金属
- アルカリ土類金属
- 遷移元素
- 卑金属
- 半金属
- 非金属元素
- ハロゲン
- 希ガス
- ランタノイド
- アクチノイド
- 水素
- ヘリウム
- リチウム
- ベリリウム
- ホウ素
- 炭素
- 窒素
- 酸素
- フッ素
- ネオン
- ナトリウム
- マグネシウム
- アルミニウム
- ケイ素
- リン
- 硫黄
- 塩素
- アルゴン
- カリウム
- カルシウム
- スカンジウム
- チタン
- バナジウム
- クロム
- マンガン
- 鉄
- コバルト
- ニッケル
- 銅
- 亜鉛
- ガリウム
- ゲルマニウム
- ヒ素
- セレン
- 臭素
- クリプトン
- ルビジウム
- ストロンチウム
- イットリウム
- ジルコニウム
- ニオブ
- モリブデン
- テクネチウム
- ルテニウム
- ロジウム
- パラジウム
- 銀
- カドミウム
- インジウム
- スズ
- アンチモン
- テルル
- ヨウ素
- キセノン
- セシウム
- バリウム
- ランタン
- セリウム
- プラセオジム
- ネオジム
- プロメチウム
- サマリウム
- ユウロピウム
- ガドリニウム
- テルビウム
- ジスプロシウム
- ホルミウム
- エルビウム
- ツリウム
- イッテルビウム
- ルテチウム
- ハフニウム
- タンタルス
- タングステン
- レニウム
- オスミウム
- イリジウム
- 白金
- 金
- 水銀
- タリウム
- 鉛
- ビスマス
- ポロニウム
- アスタチン
- ラドン
- フランシウム
- ラジウム
- アクチニウム
- トリウム
- プロトアクチニウム
- ウラン
- ネプツニウム
- プルトニウム
- アメリシウム
- キュリウム
- バークリウム
- カリホルニウム
- アインスタイニウム
- フェルミウム
- メンデレビウム
- ノーベリウム
- ローレンシウム
- ラザホージウム
- ドブニウム
- シーボーギウム
- ボーリウム
- ハッシウム
- マイトネリウム
- ダームスタチウム
- レントゲニウム
- コペルニシウム
- ウンウントリウム
- フレロビウム
- ウンウンペンチウム
- リバモリウム
- ウンウンセプチウム
- ウンウンオクチウム