要素の初期化やmixinなどのベースを設定。リセットCSSなどが該当します。

ヘッダーやフッターなど大枠のレイアウトに関する定義。装飾はなく枠だけを用意しているイメージ。

再利用ができる最小限のパーツ。21種類100パターンのパーツを用意しました。

サイト固有のまとまりを定義してパターン化します。案件に応じて追加していくところです。

ちょっとした調整のために使われます。余白の調整や非表示など。

色や幅、高さなど各種の値を設定するところ。

外部リソースで読み込んだCSSを上書きするところ。

JavaScriptに連動して動きが決まっているパーツもあります。

SVGのパターンを用意しました。主にセクション間の区切りで使うことを想定しています。