変数ガイド
変数名をクリックするとコピーできます。
カラーリスト
-
- #023894
- $main_color
-
- #002476
- $sub_color
-
- #0f4db6
- $light_color
-
- #06183d
- $deep_color
-
- #4478d0
- $hover_color
-
- #f0f1f2
- $back_color
-
- #f3f2e8
- $light_back_color
-
- #f0f4f8
- $ttl_back_color
-
- #a9b0bb
- $border_color
-
- rgba(0, 0, 0, 0.12)
- $shadow_color
-
- #1e242b
- $ttl_color
-
- #222222
- $text_color
-
- #555555
- $light_text_color
-
- #c7cfdb
- $icon_color
-
- #f0f5ff
- $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