ガイドライン CSSサンプル
再利用可能CSS
コンポーネント関連
見出し
見出しが入ります
サブテキスト
ボタン
カード型コンポーネント
カバー
見出し
テキスト

見出し
テキスト

ラベル
カテゴリー
カテゴリー
カテゴリー
日付
2023.00.00
レイアウト関連
グリッドシステム
グリッドパターン
12列のグリッドシステム。必要なグリッド数を指定してレイアウトする事ができます。
各デバイス(ブレークポイント)ごとに調整可能です。

































gapの調整
gapの調整はdata-gutter
に指定する









並び順
並び順はdata-dir
に指定する




位置揃え
位置揃えはdata-align
に指定する






スペーサー
上下の余白をpaddingで空けています。
ユーティリティクラスと併用で背景色を設定する事も可能です。
上下の余白をpaddingで空けています。
上下の余白をpaddingで空けています。
予め用意しているパターンを指定する事で上下余白の間隔を調整する事ができます。
コンテナー
予め指定している横幅のコンテナーを指定しセンタリングする事が可能です。
予め指定している横幅のコンテナーを指定しセンタリングする事が可能です。
予め指定している横幅のコンテナーを指定しセンタリングする事が可能です。
予め指定している横幅のコンテナーを指定しセンタリングする事が可能です。