一覧でドーンみたいのがほしかったので
分類表
レイヤーの分類
大きく「Foundation」「Layout」「Object」のレイヤーに別れ Objectは3つの種類がある。
| 分類 | 粒度感 | 主な例/パーツ | 接頭辞 |
|---|---|---|---|
| Foundation | ブラウザ全体にかかる打ち消し用や修正の部分 | reset.css | （なし） |
| Layout | ページを構成する大部分の内容、AtomicDesignでいくところのTemplate | header,footer | .l-* |
| Object/Component | すべてのページに置いて使い回されるパーツ、コンポーネント郡 | button,form | .c-* |
| Object/Project | そのページ固有の要素で標準的なパーツとはまた異なるくくりのもの | article,pickup | .p-* |
| Object/Utitlty | ComponentやProjectに定義付けしにくいようそ、なるべくなら避けたいもの | margin,block | .u-* |
