AstraLux クリスタル LED ウォールブラケット クリアガラスシェード付き
以下は、製品ページで使用されているスタイリングの詳細から導き出された構造化された概要です。これは、製品説明の表示を制御するオープン状態のスタイリング、レイアウトの動作、およびタイポグラフィのルールを示しています。
オープン状態のスタイリング
- .is-open { 背景色: #f7f7f7; パディング: 0px 30px; }
フッタータイトルのスタイリング
- .section-footer__title { 文字間隔: 2px!important; フォントの太さ: 500!important; フォントサイズ: 1rem!important; }
アコーディオンパネルの動作
- .styles-module--accordionPanel--r0+I+ { 背景色: #f7f7f7; 最大高さ: 2200px; オーバーフロー: 隠す; }
- メディアクエリ: 最小幅768pxで、アコーディオンパネルは最大高さを1秒かけて遷移し、同じ背景色と高さの制約を維持します。
アコーディオンラッパーの動作
- .styles-module--accordionWrapper--3e-Eu { パディング: 0rem 0rem; トランジション: 不透明度 0.5秒 イーズ 0.2秒遅延; 不透明度: 1; will-change: 不透明度; }
カラムレイアウト
- 大きな画面（最小幅768px）では、.styles-module--columns--sZFL5 が2カラムレイアウトを使用します。
グローバルリセットとタイポグラフィ
- リストとフォーム要素のリセットルールには、menu、ol、ul がデフォルトのリストスタイルなし、適用可能な場合はマージン・パディングがゼロに設定されています。
- .mb-8 は下マージンを2remに設定します。
- .type-upper-070 はフォントの太さを700、文字間隔を0.0875remに設定します。
- .type-upper-040 と .type-upper-070 は、フォントファミリーにReplica Std、Helvetica Neue、sans-serifを共有し、フォントサイズ0.625rem、行間1.6、すべて大文字に変換されます。
- .max-w-sm は最大幅を24remに設定し、.mb-6 は下マージンを1.5remに設定します。
- .gatsby-image-wrapper の [data-main-image] を含むコンテンツは、パフォーマンスのために初期状態で非表示（不透明度0、translateZ(0)変換）になっています。
注: この内容は製品ページの表示に使用されるスタイリングシステムを反映しており、追加の製品機能を示すものではありません。