レシピ
gallery-basic
写真ギャラリー。実績・作品集。
概要
画像をグリッドで並べる写真ギャラリーセクションです。ホバーで拡大アニメーション付き。キャプションも付けられます。
YAML パラメータ
| パラメータ | 説明 |
|---|---|
heading |
セクション英語ラベル（省略でヘッダー非表示） |
subheading |
セクション日本語見出し |
extraClass |
追加CSSクラス |
style |
CSS変数の上書き |
items[] |
画像データ配列 |
items[].src |
画像パス |
items[].alt |
alt テキスト |
items[].caption |
キャプション（省略可） |
CSS 調整変数
| 変数名 | 用途 | デフォルト |
|---|---|---|
--gallery-basic-padding |
セクション余白 | 5rem 0 |
--gallery-basic-bg |
背景色 | #f8fafc |
--gallery-basic-title-size |
見出しサイズ | 1.8rem |
--gallery-basic-label-color |
ラベル色 | #00C6FF |
--gallery-basic-radius |
画像角丸 | 12px |
--gallery-basic-gap |
グリッド間隔 | 1rem |
--gallery-basic-col-min |
列最小幅 | 280px |