テーミングのCSS
概要
記事では、テーマアプリのデザインマッピングについて説明し、CSSを使用して色やタイポグラフィを変更したい場合にテーマから取得できる変数を提供します。
マッピング
| CSS Var | テーマ設定-色 | テーマ設定-タイポグラフィ | テーマ設定-ボタン | 値の例 |
| --colors_primary_main | カラー プライマリ メイン | #ed5725 | ||
| --colors_primary_tint | カラー プライマリ ティント | #f17951 | ||
| --colors_primary_shade | カラー プライマリ シェード | #cb3f11 | ||
| --colors_secondary_main | カラー セカンダリ メイン | #fe997b | ||
| --colors_secondary_tint | カラー セカンダリ ティント | #fead95 | ||
| --colors_secondary_shade | カラー セカンダリ シェード | #fd602f | ||
| --colors_background_main | カラー バックグラウンド メイン | #fdede7 | ||
| --colors_background_tint | カラー バックグラウンド ティント | #fdf1ec | ||
| --colors_background_shade | カラー バックグラウンド シェード | #f6aa8e | ||
| --colors_text_main | カラー テキスト メイン | #212529 | ||
| --colors_text_tint | カラー テキスト ティント | #49525a | ||
| --colors_text_shade | カラー テキスト シェード | #1b1f22 | ||
| --colors_link_main | カラー リンク メイン | #2a1d8e | ||
| --colors_link_tint | カラー リンク ティント | #3b29c7 | ||
| --colors_link_shade | カラー リンク シェード | #221772 | ||
| --colors_success_main | カラー サクセス メイン | #115f6a | ||
| --colors_success_tint | カラー サクセス ティント | #1b9bab | ||
| --colors_success_shade | カラー サクセス シェード | #0d4b54 | ||
| --colors_warning_main | カラー ワーニング メイン | #f4a939 | ||
| --colors_warning_tint | カラー ワーニング ティント | #f6ba60 | ||
| --colors_warning_shade | カラー ワーニング シェード | #e38d0d | ||
| --colors_error_main | カラー エラー メイン | #c62437 | ||
| --colors_error_tint | カラー エラー ティント | #dd4557 | ||
| --colors_error_shade | カラー エラー シェード | #a01d2c | ||
| --colors_info_main | カラー インフォ メイン | #595959 | ||
| --colors_info_tint | カラー インフォ ティント | #7a7a7a | ||
| --colors_info_shade | カラー インフォ シェード | #474747 | ||
| --colors_base_black | カラー ベース 黒 | #000000 | ||
| --colors_base_white | カラー ベース 白 | #ffffff | ||
| --colors_base_transparent | カラー ベース 透明 | 透明 | ||
| --fonts_primary_font | フォント プライマリフォント | walkme-poppins | ||
| --fonts_secondary_font | フォント セカンダリフォント |
walkme-proxima-nova
|
||
| --typography_title_large_font_family | タイポグラフィ タイトル 大 フォントファミリー |
var(--fonts_primary_font)
|
||
| --typography_title_large_font_size | タイポグラフィ タイトル 大 フォントサイズ | 24px | ||
| --typography_title_large_font_weight | タイポグラフィ タイトル 大 フォント幅 | 太字 | ||
| --typography_title_large_font_style | タイポグラフィ タイトル 大 フォントスタイル | 標準 | ||
| --typography_title_large_text_decoration | タイポグラフィ タイトル 大 テキスト装飾 | なし | ||
| --typography_title_font_family | タイポグラフィ タイトル フォントファミリー |
var(--fonts_primary_font)
|
||
| --typography_title_font_size | タイポグラフィ タイトル フォントサイズ | 20px | ||
| --typography_title_font_weight | タイポグラフィ タイトル フォント幅 | 太字 | ||
| --typography_title_font_style | タイポグラフィ タイトル フォントスタイル | 標準 | ||
| --typography_title_text_decoration | タイポグラフィ タイトル テキスト装飾 | なし | ||
| --typography_subtitle_font_family | タイポグラフィ サブタイトル フォントファミリー |
var(--fonts_primary_font)
|
||
| --typography_subtitle_font_size | タイポグラフィ サブタイトル フォントサイズ | 16px | ||
| --typography_subtitle_font_weight | タイポグラフィ サブタイトル フォント幅 | 太字 | ||
| --typography_subtitle_font_style | タイポグラフィ サブタイトル フォントスタイル | 標準 | ||
| --typography_subtitle_text_decoration | タイポグラフィ サブタイトル テキスト装飾 | なし | ||
| --typography_body_font_family | タイポグラフィ 本文 フォントファミリー |
var(--fonts_primary_font)
|
||
| --typography_body_font_size | タイポグラフィ 本文 フォントサイズ | 14px | ||
| --typography_body_font_weight | タイポグラフィ 本文 フォント幅 | 標準 | ||
| --typography_body_font_style | タイポグラフィ 本文 フォントスタイル | 標準 | ||
| --typography_body_text_decoration | タイポグラフィ 本文 テキスト装飾 | なし | ||
| --typography_button_text_font_family | タイポグラフィ ボタン テキスト フォントファミリー |
var(--fonts_primary_font)
|
||
| --typography_button_text_font_size | タイポグラフィ ボタン テキスト フォントサイズ | 16px | ||
| --typography_button_text_font_weight | タイポグラフィ ボタン テキスト フォント幅 | 太字 | ||
| --typography_button_text_font_style | タイポグラフィ ボタン テキスト フォントスタイル | 標準 | ||
| --typography_button_text_text_decoration | タイポグラフィ ボタン テキスト テキスト装飾 | なし | ||
| --typography_button_text_small_font_family | タイポグラフィ ボタン テキスト 小 フォントファミリー |
var(--fonts_primary_font)
|
||
| --typography_button_text_small_font_size | タイポグラフィ ボタン テキスト 小 フォントサイズ | 16px | ||
| --typography_button_text_small_font_weight | タイポグラフィ ボタン テキスト 小 フォント幅 | 太字 | ||
| --typography_button_text_small_font_style | タイポグラフィ ボタン テキスト 小 フォントスタイル | 標準 | ||
| --typography_button_text_small_text_decoration |
タイポグラフィ ボタン テキスト 小 テキスト装飾
|
なし | ||
| --buttons_primary_default_text_color | ボタン プライマリ デフォルト テキスト 色 |
var(--colors_base_white)
|
||
| --buttons_primary_default_fill_color | ボタン プライマリ デフォルト 塗りつぶし 色 |
var(--colors_primary_main)
|
||
| --buttons_primary_default_border_width | ボタン プライマリ デフォルト 境界 幅 | 0 | ||
| --buttons_primary_default_border_color | ボタン プライマリ デフォルト 境界 色 |
var(--colors_base_transparent)
|
||
| --buttons_primary_default_border_radius | ボタン プライマリ デフォルト コーナー 半径 | 100px | ||
| --buttons_primary_hover_text_color | ボタン プライマリ ホバー テキスト 色 |
var(--colors_base_white)
|
||
| --buttons_primary_hover_fill_color | ボタン プライマリ ホバー 塗りつぶし 色 |
var(--colors_primary_shade)
|
||
| --buttons_primary_hover_border_width | ボタン プライマリ ホバー 境界 幅 | 0 | ||
| --buttons_primary_hover_border_color | ボタン プライマリ ホバー 境界 色 |
var(--colors_base_transparent)
|
||
| --buttons_primary_hover_border_radius | ボタン プライマリ ホバー コーナー 半径 | 100px | ||
| --buttons_primary_clicked_text_color | ボタン プライマリ クリック済 テキスト 色 |
var(--colors_base_white)
|
||
| --buttons_primary_clicked_fill_color | ボタン プライマリ クリック済 塗りつぶし 色 |
var(--colors_primary_shade)
|
||
| --buttons_primary_clicked_border_width | ボタン プライマリ クリック済 境界 幅 | 0 | ||
| --buttons_primary_clicked_border_color | ボタン プライマリ クリック済 境界 色 |
var(--colors_base_transparent)
|
||
| --buttons_primary_clicked_border_radius | ボタン プライマリ クリック済 コーナー 半径 | 100px | ||
| --buttons_secondary_default_text_color | ボタン セカンダリ デフォルト テキスト 色 |
var(--colors_primary_main)
|
||
| --buttons_secondary_default_fill_color | ボタン セカンダリ デフォルト 塗りつぶし 色 |
var(--colors_base_transparent)
|
||
| --buttons_secondary_default_border_width | ボタン セカンダリ デフォルト 境界 幅 | 1px | ||
| --buttons_secondary_default_border_color | ボタン セカンダリ デフォルト 境界 色 |
var(--colors_primary_main)
|
||
| --buttons_secondary_default_border_radius | ボタン セカンダリ デフォルト コーナー 半径 | 100px | ||
| --buttons_secondary_hover_text_color | ボタン セカンダリ ホバー テキスト 色 |
var(--colors_primary_shade)
|
||
| --buttons_secondary_hover_fill_color | ボタン セカンダリ ホバー 塗りつぶし 色 |
var(--colors_base_transparent)
|
||
| --buttons_secondary_hover_border_width | ボタン セカンダリ ホバー 境界 幅 | 1px | ||
| --buttons_secondary_hover_border_color | ボタン セカンダリ ホバー 境界 色 |
var(--colors_primary_shade)
|
||
| --buttons_secondary_hover_border_radius | ボタン セカンダリ ホバー コーナー 半径 | 100px | ||
| --buttons_secondary_clicked_text_color | ボタン セカンダリ クリック済 テキスト 色 |
var(--colors_primary_shade)
|
||
| --buttons_secondary_clicked_fill_color | ボタン セカンダリ クリック済 塗りつぶし 色 |
var(--colors_base_transparent)
|
||
| --buttons_secondary_clicked_border_width | ボタン セカンダリ クリック済 境界 幅 | 1px | ||
| --buttons_secondary_clicked_border_color | ボタン セカンダリ クリック済 境界 色 |
var(--colors_primary_shade)
|
||
| --buttons_secondary_clicked_border_radius | ボタン セカンダリ クリック済 コーナー 半径 | 100px | ||
| --buttons_text_link_default_text_color | ボタン テキスト リンク デフォルト テキスト 色 |
var(--colors_primary_main)
|
||
| --buttons_text_link_default_fill_color | ボタン テキスト リンク デフォルト 塗りつぶし色 |
var(--colors_base_transparent)
|
||
| --buttons_text_link_default_border_width | ボタン テキスト リンク デフォルト 境界 幅 | 0 | ||
| --buttons_text_link_default_border_color | ボタン テキスト リンク デフォルト 境界色 |
var(--colors_base_transparent)
|
||
| --buttons_text_link_default_border_radius | ボタン テキスト リンク デフォルト コーナー 半径 | 0 | ||
| --buttons_text_link_hover_text_color | ボタン テキスト リンク ホバー テキスト 色 |
var(--colors_primary_shade)
|
||
| --buttons_text_link_hover_fill_color | ボタン テキスト リンク ホバー 塗りつぶし色 |
var(--colors_base_transparent)
|
||
| --buttons_text_link_hover_border_width | ボタン テキスト リンク ホバー 境界 幅 | 0 | ||
| --buttons_text_link_hover_border_color | ボタン テキスト リンク ホバー 境界色 |
var(--colors_base_transparent)
|
||
| --buttons_text_link_hover_border_radius | ボタン テキスト リンク ホバー コーナー 半径 | 0 | ||
| --buttons_text_link_clicked_text_color | ボタン テキスト リンク クリック済 テキスト 色 |
var(--colors_primary_shade)
|
||
| --buttons_text_link_clicked_fill_color | ボタン テキスト リンク クリック済 塗りつぶし 色 |
var(--colors_base_transparent)
|
||
| --buttons_text_link_clicked_border_width | ボタン テキスト リンク クリック済 境界 幅 | 0 | ||
| --buttons_text_link_clicked_border_color | ボタン テキスト リンク クリック済 境界 色 |
var(--colors_base_transparent)
|
||
| --buttons_text_link_clicked_border_radius | ボタン テキスト リンク クリック済 コーナー 半径 | 0 | ||
| --buttons_success_default_text_color | ボタン サクセス デフォルト テキスト 色 |
var(--colors_base_white)
|
||
| --buttons_success_default_fill_color | ボタン サクセス デフォルト 塗りつぶし 色 |
var(--colors_success_main)
|
||
| --buttons_success_default_border_width | ボタン サクセス デフォルト 境界 幅 | 0 | ||
| --buttons_success_default_border_colo | ボタン サクセス デフォルト 境界 色 |
var(--colors_base_transparent)
|
||
| --buttons_success_default_border_radius | ボタン サクセス デフォルト コーナー 半径 | 100px | ||
| --buttons_success_hover_text_color | ボタン サクセス ホバー テキスト 色 |
var(--colors_base_white)
|
||
| --buttons_success_hover_fill_color | ボタン サクセス ホバー 塗りつぶし 色 |
var(--colors_success_shade)
|
||
| --buttons_success_hover_border_width | ボタン サクセス ホバー 境界 幅 | 0 | ||
| --buttons_success_hover_border_color | ボタン サクセス ホバー 境界 色 |
var(--colors_base_transparent)
|
||
| --buttons_success_hover_border_radius | ボタン サクセス ホバー コーナー 半径 | 100px | ||
| --buttons_success_clicked_text_color | ボタン サクセス クリック済 テキスト 色 |
var(--colors_base_white)
|
||
| --buttons_success_clicked_fill_color | ボタン サクセス クリック済 塗りつぶし 色 |
var(--colors_success_shade)
|
||
| --buttons_success_clicked_border_width | ボタン サクセス クリック済 境界 幅 | 0 | ||
| --buttons_success_clicked_border_color | ボタン サクセス クリック済 境界 色 |
var(--colors_base_transparent)
|
||
| --buttons_success_clicked_border_radius | ボタン サクセス クリック済 コーナー 半径 | 100px | ||
| --buttons_warning_default_text_color | ボタン ワーニング デフォルト テキスト 色 |
var(--colors_base_white)
|
||
| --buttons_warning_default_fill_color | ボタン ワーニング デフォルト 塗りつぶし 色 |
var(--colors_warning_main)
|
||
| --buttons_warning_default_border_width | ボタン ワーニング デフォルト 境界 幅 | 0 | ||
| --buttons_warning_default_border_color | ボタン ワーニング デフォルト 境界 色 |
var(--colors_base_transparent)
|
||
| --buttons_warning_default_border_radius | ボタン ワーニング デフォルト コーナー 半径 | 100px | ||
| --buttons_warning_hover_text_color | ボタン ワーニング ホバー テキスト 色 |
var(--colors_base_white)
|
||
| --buttons_warning_hover_fill_color | ボタン ワーニング ホバー 塗りつぶし 色 |
var(--colors_warning_shade)
|
||
| --buttons_warning_hover_border_width | ボタン ワーニング ホバー 境界 幅 | 0 | ||
| --buttons_warning_hover_border_color | ボタン ワーニング ホバー 境界 色 |
var(--colors_base_transparent)
|
||
| --buttons_warning_hover_border_radius | ボタン ワーニング ホバー コーナー 半径 | 100px | ||
| --buttons_warning_clicked_text_color | ボタン ワーニング クリック済 テキスト 色 |
var(--colors_base_white)
|
||
| --buttons_warning_clicked_fill_color | ボタン ワーニング クリック済 塗りつぶし 色 |
var(--colors_warning_shade)
|
||
| --buttons_warning_clicked_border_width | ボタン ワーニング クリック済 境界 幅 | 0 | ||
| --buttons_warning_clicked_border_colo | ボタン ワーニング クリック済 境界 色 |
var(--colors_base_transparent)
|
||
| --buttons_warning_clicked_border_radius | ボタン ワーニング クリック済 コーナー 半径 | 100px | ||
| --buttons_error_default_text_color | ボタン エラー デフォルト テキスト 色 |
var(--colors_base_white)
|
||
| --buttons_error_default_fill_color | ボタン エラー デフォルト 塗りつぶし 色 |
var(--colors_error_main)
|
||
| --buttons_error_default_border_width | ボタン エラー デフォルト 境界 幅 | 0 | ||
| --buttons_error_default_border_color | ボタン エラー デフォルト 境界 色 |
var(--colors_base_transparent)
|
||
| --buttons_error_default_border_radius | ボタン エラー デフォルト コーナー 半径 | 100px | ||
| --buttons_error_hover_text_color | ボタン エラー ホバー テキスト 色 |
var(--colors_base_white)
|
||
| --buttons_error_hover_fill_color | ボタン エラー ホバー 塗りつぶし 色 |
var(--colors_error_shade)
|
||
| --buttons_error_hover_border_width | ボタン エラー ホバー 境界 幅 | 0 | ||
| --buttons_error_hover_border_color | ボタン エラー ホバー 境界 色 |
var(--colors_base_transparent)
|
||
| --buttons_error_hover_border_radius | ボタン エラー ホバー コーナー 半径 | 100px | ||
| --buttons_error_clicked_text_color | ボタン エラー クリック済 テキスト 色 |
var(--colors_base_white)
|
||
| --buttons_error_clicked_fill_color | ボタン エラー クリック済 塗りつぶし 色 |
var(--colors_error_shade)
|
||
| --buttons_error_clicked_border_width | ボタン エラー クリック済 境界 幅 | 0 | ||
| --buttons_error_clicked_border_color | ボタン エラー クリック済 境界 色 |
var(--colors_base_transparent)
|
||
| --buttons_error_clicked_border_radius | ボタン エラー クリック済 コーナー 半径 | 100px | ||
|
--buttons_primary_default_text_typography_font_family
|
ボタン プライマリ デフォルト テキスト タイポグラフィ フォントファミリー |
var(--typography_button_text_font_family)
|
||
|
--buttons_primary_default_text_typography_font_size
|
ボタン プライマリ デフォルト テキスト タイポグラフィ フォントサイズ |
var(--typography_button_text_font_size)
|
||
|
--buttons_primary_default_text_typography_font_weight
|
ボタン プライマリ デフォルト テキスト タイポグラフィ フォント幅 |
var(--typography_button_text_font_weight)
|
||
|
--buttons_primary_default_text_typography_font_style
|
ボタン プライマリ デフォルト テキスト タイポグラフィ フォントスタイル |
var(--typography_button_text_font_style)
|
||
|
--buttons_primary_default_text_typography_text_decoration
|
ボタン プライマリ デフォルト テキスト タイポグラフィ テキスト装飾 |
var(--typography_button_text_text_decoration)
|
||
|
--buttons_primary_hover_text_typography_font_family
|
ボタン プライマリ ホバー テキスト タイポグラフィ フォントファミリー |
var(--typography_button_text_font_family)
|
||
|
--buttons_primary_hover_text_typography_font_size
|
ボタン プライマリ ホバー テキスト タイポグラフィ フォントサイズ |
var(--typography_button_text_font_size)
|
||
|
--buttons_primary_hover_text_typography_font_weight
|
ボタン プライマリ ホバー テキスト タイポグラフィ フォント幅 |
var(--typography_button_text_font_weight)
|
||
|
--buttons_primary_hover_text_typography_font_style
|
ボタン プライマリ ホバー テキスト タイポグラフィ フォントスタイル |
var(--typography_button_text_font_style)
|
||
|
--buttons_primary_hover_text_typography_text_decoration
|
ボタン プライマリ ホバー テキスト タイポグラフィ テキスト装飾 |
var(--typography_button_text_text_decoration)
|
||
|
--buttons_primary_clicked_text_typography_font_family
|
ボタン プライマリ クリック済 テキスト タイポグラフィ フォントファミリー |
var(--typography_button_text_font_family)
|
||
|
--buttons_primary_clicked_text_typography_font_size
|
ボタン プライマリ クリック済 テキスト タイポグラフィ フォントサイズ |
var(--typography_button_text_font_size)
|
||
|
--buttons_primary_clicked_text_typography_font_weight
|
ボタン プライマリ クリック済 テキスト タイポグラフィ フォント幅 |
var(--typography_button_text_font_weight)
|
||
|
--buttons_primary_clicked_text_typography_font_style
|
ボタン プライマリ クリック済 テキスト タイポグラフィ フォントスタイル |
var(--typography_button_text_font_style)
|
||
|
--buttons_primary_clicked_text_typography_text_decoration
|
ボタン プライマリ クリック済 テキスト タイポグラフィ テキスト装飾 |
var(--typography_button_text_text_decoration)
|
||
|
--buttons_secondary_default_text_typography_font_family
|
ボタン セカンダリ デフォルト テキスト タイポグラフィ フォントファミリー |
var(--typography_button_text_font_family)
|
||
|
--buttons_secondary_default_text_typography_font_size
|
ボタン セカンダリ デフォルト テキスト タイポグラフィ フォントサイズ |
var(--typography_button_text_font_size)
|
||
|
--buttons_secondary_default_text_typography_font_weight
|
ボタン セカンダリ デフォルト テキスト タイポグラフィ フォント幅 |
var(--typography_button_text_font_weight)
|
||
|
--buttons_secondary_default_text_typography_font_style
|
ボタン セカンダリ デフォルト テキスト タイポグラフィ フォントスタイル |
var(--typography_button_text_font_style)
|
||
|
--buttons_secondary_default_text_typography_text_decoration
|
ボタン セカンダリ デフォルト テキスト タイポグラフィ テキスト装飾 |
var(--typography_button_text_text_decoration)
|
||
|
--buttons_secondary_hover_text_typography_font_family
|
ボタン セカンダリ ホバー テキスト タイポグラフィ フォントファミリー |
var(--typography_button_text_font_family)
|
||
|
--buttons_secondary_hover_text_typography_font_size
|
ボタン セカンダリ ホバー テキスト タイポグラフィ フォントサイズ |
var(--typography_button_text_font_size)
|
||
|
--buttons_secondary_hover_text_typography_font_weight
|
ボタン セカンダリ ホバー テキスト タイポグラフィ フォント幅 |
var(--typography_button_text_font_weight)
|
||
|
--buttons_secondary_hover_text_typography_font_style
|
ボタン セカンダリ ホバー テキスト タイポグラフィ フォントスタイル |
var(--typography_button_text_font_style)
|
||
|
--buttons_secondary_hover_text_typography_text_decoration
|
ボタン セカンダリ ホバー テキスト タイポグラフィ テキスト装飾 |
var(--typography_button_text_text_decoration)
|
||
|
--buttons_secondary_clicked_text_typography_font_family
|
ボタン セカンダリ クリック済 テキスト タイポグラフィ フォントファミリー |
var(--typography_button_text_font_family)
|
||
|
--buttons_secondary_clicked_text_typography_font_size
|
ボタン セカンダリ クリック済 テキスト タイポグラフィ フォントサイズ |
var(--typography_button_text_font_size)
|
||
|
--buttons_secondary_clicked_text_typography_font_weight
|
ボタン セカンダリ クリック済 テキスト タイポグラフィ フォント幅 |
var(--typography_button_text_font_weight)
|
||
|
--buttons_secondary_clicked_text_typography_font_style
|
ボタン セカンダリ クリック済 テキスト タイポグラフィ フォントスタイル |
var(--typography_button_text_font_style)
|
||
|
--buttons_secondary_clicked_text_typography_text_decoration
|
ボタン セカンダリ クリック済 テキスト タイポグラフィ テキスト装飾 |
var(--typography_button_text_text_decoration)
|
||
|
--buttons_text_link_default_text_typography_font_family
|
ボタン テキストリンク デフォルト テキスト タイポグラフィ フォントファミリー |
var(--typography_button_text_font_family)
|
||
|
--buttons_text_link_default_text_typography_font_size
|
ボタン テキストリンク デフォルト テキスト タイポグラフィ フォントサイズ |
var(--typography_button_text_font_size)
|
||
|
--buttons_text_link_default_text_typography_font_weight
|
ボタン テキストリンク デフォルト テキスト タイポグラフィ フォント幅 |
var(--typography_button_text_font_weight)
|
||
|
--buttons_text_link_default_text_typography_font_style
|
ボタン テキストリンク デフォルト テキスト タイポグラフィ フォントスタイル |
var(--typography_button_text_font_style)
|
||
|
--buttons_text_link_default_text_typography_text_decoration
|
ボタン テキストリンク デフォルト テキスト タイポグラフィ テキスト装飾 |
var(--typography_button_text_text_decoration)
|
||
|
--buttons_text_link_hover_text_typography_font_family
|
ボタン テキストリンク ホバー テキスト タイポグラフィ フォントファミリー |
var(--typography_button_text_font_family)
|
||
|
--buttons_text_link_hover_text_typography_font_size
|
ボタン テキストリンク ホバー テキスト タイポグラフィ フォントサイズ |
var(--typography_button_text_font_size)
|
||
|
--buttons_text_link_hover_text_typography_font_weight
|
ボタン テキストリンク ホバー テキスト タイポグラフィ フォント幅 |
var(--typography_button_text_font_weight)
|
||
|
--buttons_text_link_hover_text_typography_font_style
|
ボタン テキストリンク ホバー テキスト タイポグラフィ フォントスタイル |
var(--typography_button_text_font_style)
|
||
|
--buttons_text_link_hover_text_typography_text_decoration
|
ボタン テキストリンク ホバー テキスト タイポグラフィ テキスト装飾 |
var(--typography_button_text_text_decoration)
|
||
|
--buttons_text_link_clicked_text_typography_font_family
|
ボタン テキストリンク クリック済 テキスト タイポグラフィ フォントファミリー |
var(--typography_button_text_font_family)
|
||
|
--buttons_text_link_clicked_text_typography_font_size
|
ボタン テキストリンク クリック済 テキスト タイポグラフィ フォントサイズ |
var(--typography_button_text_font_size)
|
||
|
--buttons_text_link_clicked_text_typography_font_weight
|
ボタン テキストリンク クリック済 テキスト タイポグラフィ フォント幅 |
var(--typography_button_text_font_weight)
|
||
|
--buttons_text_link_clicked_text_typography_font_style
|
ボタン テキストリンク クリック済 テキスト タイポグラフィ フォントスタイル |
var(--typography_button_text_font_style)
|
||
|
--buttons_text_link_clicked_text_typography_text_decoration
|
ボタン テキストリンク クリック済 テキスト タイポグラフィ テキスト装飾 |
var(--typography_button_text_text_decoration)
|
||
|
--buttons_success_default_text_typography_font_family
|
ボタン サクセス デフォルト テキスト タイポグラフィ フォントファミリー |
var(--typography_button_text_font_family)
|
||
|
--buttons_success_default_text_typography_font_size
|
ボタン サクセス デフォルト テキスト タイポグラフィ フォントサイズ |
var(--typography_button_text_font_size)
|
||
|
--buttons_success_default_text_typography_font_weight
|
ボタン サクセス デフォルト テキスト タイポグラフィ フォント幅 |
var(--typography_button_text_font_weight)
|
||
|
--buttons_success_default_text_typography_font_style
|
ボタン サクセス デフォルト テキスト タイポグラフィ フォントスタイル |
var(--typography_button_text_font_style)
|
||
|
--buttons_success_default_text_typography_text_decoration
|
ボタン サクセス デフォルト テキスト タイポグラフィ テキスト装飾 |
var(--typography_button_text_text_decoration)
|
||
|
--buttons_success_hover_text_typography_font_family
|
ボタン サクセス ホバー テキスト タイポグラフィ フォントファミリー |
var(--typography_button_text_font_family)
|
||
|
--buttons_success_hover_text_typography_font_size
|
ボタン サクセス ホバー テキスト タイポグラフィ フォントサイズ |
var(--typography_button_text_font_size)
|
||
|
--buttons_success_hover_text_typography_font_weight
|
ボタン サクセス ホバー テキスト タイポグラフィ フォント幅 |
var(--typography_button_text_font_weight)
|
||
|
--buttons_success_hover_text_typography_font_style
|
ボタン サクセス ホバー テキスト タイポグラフィ フォントスタイル |
var(--typography_button_text_font_style)
|
||
|
--buttons_success_hover_text_typography_text_decoration
|
ボタン サクセス ホバー テキスト タイポグラフィ テキスト装飾 |
var(--typography_button_text_text_decoration)
|
||
|
--buttons_success_clicked_text_typography_font_family
|
ボタン サクセス クリック済 テキスト タイポグラフィ フォントファミリー |
var(--typography_button_text_font_family)
|
||
|
--buttons_success_clicked_text_typography_font_size
|
ボタン サクセス クリック済 テキスト タイポグラフィ フォントサイズ |
var(--typography_button_text_font_size)
|
||
|
--buttons_success_clicked_text_typography_font_weight
|
ボタン サクセス クリック済 テキスト タイポグラフィ フォント幅 |
var(--typography_button_text_font_weight)
|
||
|
--buttons_success_clicked_text_typography_font_style
|
ボタン サクセス クリック済 テキスト タイポグラフィ フォントスタイル |
var(--typography_button_text_font_style)
|
||
|
--buttons_success_clicked_text_typography_text_decoration
|
ボタン サクセス クリック済 テキスト タイポグラフィ テキスト装飾 |
var(--typography_button_text_text_decoration)
|
||
|
--buttons_warning_default_text_typography_font_family
|
ボタン ワーニング デフォルト テキスト タイポグラフィ フォントファミリー |
var(--typography_button_text_font_family)
|
||
|
--buttons_warning_default_text_typography_font_size
|
ボタン ワーニング デフォルト テキスト タイポグラフィ フォントサイズ |
var(--typography_button_text_font_size)
|
||
|
--buttons_warning_default_text_typography_font_weight
|
ボタン ワーニング デフォルト テキスト タイポグラフィ フォント幅 |
var(--typography_button_text_font_weight)
|
||
|
--buttons_warning_default_text_typography_font_style
|
ボタン ワーニング デフォルト テキスト タイポグラフィ フォントスタイル |
var(--typography_button_text_font_style)
|
||
|
--buttons_warning_default_text_typography_text_decoration
|
ボタン ワーニング デフォルト テキスト タイポグラフィ テキスト装飾 |
var(--typography_button_text_text_decoration)
|
||
|
--buttons_warning_hover_text_typography_font_family
|
ボタン ワーニング ホバー テキスト タイポグラフィ フォントファミリー |
var(--typography_button_text_font_family)
|
||
|
--buttons_warning_hover_text_typography_font_size
|
ボタン ワーニング ホバー テキスト タイポグラフィ フォントサイズ |
var(--typography_button_text_font_size)
|
||
|
--buttons_warning_hover_text_typography_font_weight
|
ボタン ワーニング ホバー テキスト タイポグラフィ フォント幅 |
var(--typography_button_text_font_weight)
|
||
|
--buttons_warning_hover_text_typography_font_style
|
ボタン ワーニング ホバー テキスト タイポグラフィ フォントスタイル |
var(--typography_button_text_font_style)
|
||
|
--buttons_warning_hover_text_typography_text_decoration
|
ボタン ワーニング ホバー テキスト タイポグラフィ テキスト装飾 |
var(--typography_button_text_text_decoration)
|
||
|
--buttons_warning_clicked_text_typography_font_family
|
ボタン ワーニング クリック済 テキスト タイポグラフィ フォントファミリー |
var(--typography_button_text_font_family)
|
||
|
--buttons_warning_clicked_text_typography_font_size
|
ボタン ワーニング クリック済 テキスト タイポグラフィ フォントサイズ |
var(--typography_button_text_font_size)
|
||
|
--buttons_warning_clicked_text_typography_font_weight
|
ボタン ワーニング クリック済 テキスト タイポグラフィ フォント幅 |
var(--typography_button_text_font_weight)
|
||
|
--buttons_warning_clicked_text_typography_font_style
|
ボタン ワーニング クリック済 テキスト タイポグラフィ フォントスタイル |
var(--typography_button_text_font_style)
|
||
|
--buttons_warning_clicked_text_typography_text_decoration
|
ボタン ワーニング クリック済 テキスト タイポグラフィ テキスト装飾 |
var(--typography_button_text_text_decoration)
|
||
|
--buttons_error_default_text_typography_font_family
|
ボタン エラー デフォルト テキスト タイポグラフィ フォントファミリー |
var(--typography_button_text_font_family)
|
||
|
--buttons_error_default_text_typography_font_size
|
ボタン エラー デフォルト テキスト タイポグラフィ フォントサイズ |
var(--typography_button_text_font_size)
|
||
|
--buttons_error_default_text_typography_font_weight
|
ボタン エラー デフォルト テキスト タイポグラフィ フォント幅 |
var(--typography_button_text_font_weight)
|
||
|
--buttons_error_default_text_typography_font_style
|
ボタン エラー デフォルト テキスト タイポグラフィ フォントスタイル |
var(--typography_button_text_font_style)
|
||
|
--buttons_error_default_text_typography_text_decoration
|
ボタン エラー デフォルト テキスト タイポグラフィ テキスト装飾 |
var(--typography_button_text_text_decoration)
|
||
|
--buttons_error_hover_text_typography_font_family
|
ボタン エラー ホバー テキスト タイポグラフィ フォントファミリー |
var(--typography_button_text_font_family)
|
||
|
--buttons_error_hover_text_typography_font_size
|
ボタン エラー ホバー テキスト タイポグラフィ フォントサイズ |
var(--typography_button_text_font_size)
|
||
|
--buttons_error_hover_text_typography_font_weight
|
ボタン エラー ホバー テキスト タイポグラフィ フォント幅 |
var(--typography_button_text_font_weight)
|
||
|
--buttons_error_hover_text_typography_font_style
|
ボタン エラー ホバー テキスト タイポグラフィ フォントスタイル |
var(--typography_button_text_font_style)
|
||
|
--buttons_error_hover_text_typography_text_decoration
|
ボタン エラー ホバー テキスト タイポグラフィ テキスト装飾 |
var(--typography_button_text_text_decoration)
|
||
|
--buttons_error_clicked_text_typography_font_family
|
ボタン エラー クリック済 テキスト タイポグラフィ フォントファミリー |
var(--typography_button_text_font_family)
|
||
|
--buttons_error_clicked_text_typography_font_size
|
ボタン エラー クリック済 テキスト タイポグラフィ フォントサイズ |
var(--typography_button_text_font_size)
|
||
|
--buttons_error_clicked_text_typography_font_weight
|
ボタン エラー クリック済 テキスト タイポグラフィ フォント幅 |
var(--typography_button_text_font_weight)
|
||
|
--buttons_error_clicked_text_typography_font_style
|
ボタン エラー クリック済 テキスト タイポグラフィ フォントスタイル |
var(--typography_button_text_font_style)
|
||
|
--buttons_error_clicked_text_typography_text_decoration
|
ボタン エラー クリック済 テキスト タイポグラフィ テキスト装飾 |
var(--typography_button_text_text_decoration)
|
Was this article helpful?
Yes
No
Thanks for your feedback!