レシピ
feature-list-basic
機能一覧。アイコン+説明の縦リスト。
概要
アイコン付きの機能一覧を縦リストで表示するセクションです。Lucide アイコンに対応。card-grid-basic と違い、説明文をしっかり見せたい場合に向いています。
YAML パラメータ
| パラメータ | 説明 |
|---|---|
heading |
セクション英語ラベル（省略でヘッダー非表示） |
subheading |
セクション日本語見出し |
extraClass |
追加CSSクラス |
style |
CSS変数の上書き |
items[] |
機能データ配列 |
items[].icon |
Lucide アイコン名（例: "zap"、"shield"） |
items[].title |
機能名 |
items[].desc |
説明文（HTML可） |
CSS 調整変数
| 変数名 | 用途 | デフォルト |
|---|---|---|
--feature-list-basic-padding |
セクション余白 | 5rem 0 |
--feature-list-basic-bg |
背景色 | white |
--feature-list-basic-title-size |
見出しサイズ | 1.8rem |
--feature-list-basic-label-color |
ラベル色 | #00C6FF |
--feature-list-basic-icon-size |
アイコンサイズ | 24px |
--feature-list-basic-icon-color |
アイコン色 | #025DCC |
--feature-list-basic-gap |
リスト間隔 | 2rem |