AstraLux Crystal LED Wall Sconce With Clear Glass Shades
Below is a structured overview derived from the provided styling details used for the product page. It outlines the open state styling, layout behavior, and typography rules that govern the presentation of this product description.
Open state styling
- .is-open { background: #f7f7f7; padding: 0px 30px; }
Footer title styling
- .section-footer__title { letter-spacing: 2px!important; font-weight: 500!important; font-size: 1rem!important; }
Accordion panel behavior
- .styles-module--accordionPanel--r0+I+ { background-color: #f7f7f7; max-height: 2200px; overflow: hidden; }
- Media queries: At min-width 768px, the accordion panel transitions max-height over 1s with the same background and height constraints.
Accordion wrapper behavior
- .styles-module--accordionWrapper--3e-Eu { padding: 0rem 0rem; transition: opacity 0.5s ease 0.2s; opacity: 1; will-change: opacity; }
Column layout
- On larger screens (min-width: 768px), .styles-module--columns--sZFL5 uses a two-column layout.
Global resets and typography
- Reset rules for lists and form elements include: menu, ol, ul have no default list styling and zero margins/padding where applicable.
- .mb-8 sets margin-bottom to 2rem.
- .type-upper-070 sets font-weight to 700 and letter-spacing to 0.0875rem.
- .type-upper-040 and .type-upper-070 share a font-family of Replica Std, Helvetica Neue, sans-serif, font-size 0.625rem, line-height 1.6, and are transformed to uppercase.
- .max-w-sm sets max width to 24rem; .mb-6 sets margin-bottom to 1.5rem.
- .gatsby-image-wrapper content with [data-main-image] is initially hidden for performance, using opacity 0 and a translateZ(0) transform.
Note: The content reflects the styling system used to present the product page and does not introduce additional product features.