背景色付き見出し未リファクタリング

背景色付き見出し

クラス名

el_hasBgcHeading

マークアップ例

<h3 class="el_hasBgcHeading">背景色付き見出し</h3>

定義

機能
文章の見出しを提供

あしらい・振る舞い
フォントサイズはH3相当（CSS変数で変更可能）
背景色（定義自体はCSS変数で）はヘルパークラスでも変更可能
テキストの色はCSS変数

特記事項
H3に適用する前提であるが、どの要素、見出し以外にも適用できるように

変数とデフォルト値

--el--has-bg-heading--pad: 0.25em 1em
--el--has-bg-heading--color: var(--global--color-white)
--el--has-bg-heading--fz: var(--heading--font-size-h3)
--el--has-bg-heading--bgc: var(--global--color-keycolor)

ファイルパス

Change Log

1. 開発開始：2025-10-02
2. 最終更新：2025-10-02