ガイドライン CSSサンプル
再利用可能CSS
コンポーネント関連
見出し
見出しが入ります
サブテキスト
ボタン
カード型コンポーネント
カバー
見出し
テキスト
見出し
テキスト
ラベル
カテゴリー
カテゴリー
カテゴリー
日付
2023.00.00
レイアウト関連
グリッドシステム
グリッドパターン
12列のグリッドシステム。必要なグリッド数を指定してレイアウトする事ができます。
各デバイス（ブレークポイント）ごとに調整可能です。
gapの調整
gapの調整はdata-gutterに指定する
並び順
並び順はdata-dirに指定する
位置揃え
位置揃えはdata-alignに指定する
スペーサー
上下の余白をpaddingで空けています。
ユーティリティクラスと併用で背景色を設定する事も可能です。
上下の余白をpaddingで空けています。
上下の余白をpaddingで空けています。
予め用意しているパターンを指定する事で上下余白の間隔を調整する事ができます。
コンテナー
予め指定している横幅のコンテナーを指定しセンタリングする事が可能です。
予め指定している横幅のコンテナーを指定しセンタリングする事が可能です。
予め指定している横幅のコンテナーを指定しセンタリングする事が可能です。
予め指定している横幅のコンテナーを指定しセンタリングする事が可能です。