VARIABLES 変数ガイド
変数名をクリックするとコピーできます。
カラーリスト
-
- #573bbb
- $main_color
-
- #f0c933
- $sub_color
-
- #e8e2ff
- $light_color
-
- #7c61dd
- $hover_color
-
- #eaecef
- $back_color
-
- #f2effe
- $light_back_color
-
- #ff5f27
- $link_color
-
- #dddddd
- $border_color
-
- rgba(106,106,106,0.22)
- $shadow_color
-
- #333333
- $text_color
-
- #6e757e
- $light_text_color
-
- #888888
- $icon_color
-
- #f2efff
- $highlight_color
-
- #333333
- $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
-
- $map_marker
アイコン関連(Google Material Icons)
-
- $m_arrow_up
-
- $m_arrow_right
-
- $m_arrow_left
-
- $m_arrow_down
-
- $m_tri_up
-
- $m_tri_right
-
- $m_tri_left
-
- $m_tri_down
-
- $m_pdf
-
- $m_zip
-
- $m_file
-
- $m_check
-
- $m_envelope
-
- $m_external
-
- $m_map_marker
フォント関連
-
- ゴシック体フォント
- $gothic
-
- 英語フォント(Poppins)
- $en_font
-
- 英語フォント(Barlow)
- $en_font_02
-
- PCフォントサイズ(16px)
- $base_font
スクリーンサイズ
-
- ベース(1200px)
- $base
-
- PC最小(1025px)
- $min_pc
-
- タブレット最大(1024px)
- $tablet
-
- タブレット最小(769px)
- $min_tablet
-
- スマホ最大(768px)
- $phone
-
- スマホ最小(320px)
- $min