oocss
参考
ルール
- 場所に依存した指定方法をしない
- レゴのように考える
スキン
装飾など。smacssでいうモジュールの部分。
構造
骨格。
smacss
参考
つくってるプロジェクトでは、oocssだけで十分で、smacssはガチで取り入れなくてもいい気がした。理由↓
- レイアウト>>使う機会が少ない。gridなどを使う機会があまりない。あるとしても、oocssでいう骨格を作るのと同等（な気がしている）。
- テーマルール>>使わなそう
- モジュール>>oocssのスキン的な考えで十分
- 状態>>これは普段からやっている気がする。
ベース
要素そのもののデフォルトスタイル
レイアウト
ページをエリアごとに分割
モジュール
再利用可能なパーツ
状態（ステート）
レイアウトやモジュールの特定の状態を示す
テーマ
サイトのルック＆フィールを定義
bem
参考
Block
アプリケーションの構成要素
Element
Block の構成要素
Modifire
元となる Block や Element で一部スタイルの変更に使うもの
classの付け方
.block__element--modifire