変数ガイド
変数名をクリックするとコピーできます。
カラーリスト
-
- #d01126
- $main_color
-
- #1f3199
- $sub_color
-
- #ae0e20
- $deep_color
-
- #fff3f4
- $hover_color
-
- #e6e6e6
- $back_color
-
- #fcfcfc
- $light_back_color
-
- #f0f4f8
- $ttl_back_color
-
- #bbbbbb
- $border_color
-
- rgba(0, 0, 0, 0.12)
- $shadow_color
-
- #000000
- $ttl_color
-
- #000000
- $text_color
-
- #474747
- $light_text_color
-
- #c7cfdb
- $icon_color
-
- #fff7f8
- $highlight_color
-
- #222222
- $highlight_text
アイコン関連(Font Awesome)
-
- $arrow_up
-
- $arrow_right
-
- $arrow_left
-
- $arrow_down
-
- $tri_up
-
- $tri_right
-
- $tri_left
-
- $tri_down
-
- $word
-
- $excel
-
- $powerpoint
-
-
- $zip
-
- $file
-
- $check
-
- $envelope
-
- $external
フォント関連
-
- ゴシック体フォント
- $gothic
-
- 明朝体フォント
- $mincho
-
- 英語フォント
- $en_font
-
- PCフォントサイズ(16px)
- $base_font
-
- SPフォントサイズ(15px)
- $base_sp_font
スクリーンサイズ
-
- ベース(1200px)
- $base
-
- ホバーアクション(901px)
- $hover
-
- タブレット(900px)
- $tablet
-
- スマホ(640px)
- $phone
-
- 最小(320px)
- $min