コーディングルール
README.me参照
カラーアセット
- mainColor
- subColor
- catColor01
- catColor02
- catColor03
- bgColor
- bgColor02
- bgColor03
- bdrColor
- textColor
ユーティリティクラス
※**は数字
※末尾に--pcをつけるとpcのみで有効
- .u-mt** 上マージン 10px刻み 0~100px
- .u-mr** 右マージン
- .u-mb** 下マージン
- .u-ml** 左マージン
- .u-pt** 上余白 10px刻み 0~100px
- .u-pr** 右余白
- .u-pb** 下余白
- .u-pl** 左余白
- .u-w** ブロック要素の横幅 5%刻み 5~100%
- .u-fs** フォントサイズ 1px刻み 10~30px
- 細字 u-fwn
- 太字 u-fwb
- 左寄せ u-tal
- 中央寄せ u-tac
- 右寄せ u-tar
見出し
c-title-lv2
c-title-lv2 c-title-lv2--nbdr
c-title-lv3
テキスト装飾
リンクテキスト
リンクテキスト(外部リンクアイコン)
米印付テキスト米印付テキスト米印付テキスト米印付テキスト米印付テキスト米印付テキスト米印付テキスト米印付テキスト米印付テキスト米印付テキスト
ボタン
リスト
- リスト
- c-list__item
- c-list__item
- 四角いマーカー付きリスト
- c-list-sq__item
- c-list-sq__item
画像
表示比率343:200

google map
テーブル
th | td |
---|---|
th | td |
th | スマホ表示時にセルがblock表示になるテーブル |
---|---|
th | td |
ボックス要素のアラインメント
中央寄せ l-flex-center
右寄せ l-flex-end
flexレイアウト
- flexアイテム
- flexアイテム
- flexアイテム
- flexアイテム
- flexアイテム
- PCのみ
- flexアイテム
- flexアイテム
- flexアイテム
- flexアイテム
- 上下左右中央寄せ
- flexアイテム
- flexアイテム
- flexアイテム
- flexアイテム
- 上下左右中央寄せ PCのみ
- flexアイテム
- flexアイテム
- flexアイテム
- flexアイテム
- 右寄せ
- flexアイテム
- flexアイテム
- flexアイテム
- flexアイテム
- 右寄せ PCのみ
- flexアイテム
- flexアイテム
- flexアイテム
- flexアイテム
- 均等割り付け
- flexアイテム
- flexアイテム
- flexアイテム
- flexアイテム
- 均等割り付け PCのみ
- flexアイテム
- flexアイテム
- flexアイテム
- flexアイテム
flex-grid
- l-egrid__col2
- l-egrid__col2
- l-egrid__col3
- l-egrid__col3
- l-egrid__col3
- l-egrid__col4
- l-egrid__col4
- l-egrid__col4
- l-egrid__col4