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; 预期变化: 透明度; }
列布局
- 在较大屏幕(最小宽度768px)上,.styles-module--columns--sZFL5 使用两栏布局。
全局重置和排版
- 列表和表单元素的重置规则包括:menu、ol、ul 无默认列表样式,且在适用时无边距和内边距。
- .mb-8 设置底部外边距为2rem。
- .type-upper-070 设置字重为700,字母间距为0.0875rem。
- .type-upper-040 和 .type-upper-070 共享 Replica Std、Helvetica Neue、无衬线字体,字号0.625rem,行高1.6,且转换为大写字母。
- .max-w-sm 设置最大宽度为24rem;.mb-6 设置底部外边距为1.5rem。
- .gatsby-image-wrapper 中带有 [data-main-image] 的内容初始隐藏以提升性能,使用透明度0和translateZ(0)变换。
注意:内容反映了用于展示产品页面的样式系统,并未引入额外的产品功能。