variables 変数ガイド

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
  • $pdf
  • $zip
  • $file
  • $check
  • $envelope
  • $external
  • $map_marker

アイコン関連(Google Material Icons)

  • arrow_upward
    $m_arrow_up
  • arrow_forward
    $m_arrow_right
  • arrow_back
    $m_arrow_left
  • arrow_downward
    $m_arrow_down
  • arrow_drop_up
    $m_tri_up
  • arrow_right
    $m_tri_right
  • arrow_left
    $m_tri_left
  • arrow_drop_down
    $m_tri_down
  • picture_as_pdf
    $m_pdf
  • folder_zip
    $m_zip
  • folder
    $m_file
  • done
    $m_check
  • mail_outline
    $m_envelope
  • open_in_new
    $m_external
  • location_on
    $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

ENTRY エントリーはこちらから