AstraLux Crystal LED nástěnná lampa s průhlednými skleněnými stínidly
Níže je strukturovaný přehled vycházející z poskytnutých stylových detailů použitých na produktové stránce. Popisuje stylování v otevřeném stavu, chování rozvržení a pravidla typografie, která řídí prezentaci tohoto popisu produktu.
Stylování v otevřeném stavu
- .is-open { pozadí: #f7f7f7; odsazení: 0px 30px; }
Stylování záhlaví patičky
- .section-footer__title { mezera mezi písmeny: 2px!important; tloušťka písma: 500!important; velikost písma: 1rem!important; }
Chování panelu akordeonu
- .styles-module--accordionPanel--r0+I+ { barva pozadí: #f7f7f7; max. výška: 2200px; přetečení: skryté; }
- Mediální dotazy: Při min. šířce 768px panel akordeonu přechází max. výšku během 1s se stejnými omezeními pozadí a výšky.
Chování obalu akordeonu
- .styles-module--accordionWrapper--3e-Eu { odsazení: 0rem 0rem; přechod: neprůhlednost 0.5s ease 0.2s; neprůhlednost: 1; bude se měnit: neprůhlednost; }
Rozvržení do sloupců
- Na větších obrazovkách (min. šířka: 768px) .styles-module--columns--sZFL5 používá dvousloupcové rozvržení.
Globální reset a typografie
- Pravidla resetu pro seznamy a formulářové prvky zahrnují: menu, ol, ul nemají výchozí styl seznamu a nulové okraje/odsazení tam, kde je to vhodné.
- .mb-8 nastavuje spodní okraj na 2rem.
- .type-upper-070 nastavuje tloušťku písma na 700 a mezeru mezi písmeny na 0.0875rem.
- .type-upper-040 a .type-upper-070 sdílejí rodinu písem Replica Std, Helvetica Neue, sans-serif, velikost písma 0.625rem, výšku řádku 1.6 a jsou převedeny na velká písmena.
- .max-w-sm nastavuje maximální šířku na 24rem; .mb-6 nastavuje spodní okraj na 1.5rem.
- .gatsby-image-wrapper obsah s [data-main-image] je zpočátku skrytý pro výkon, používá neprůhlednost 0 a transformaci translateZ(0).
Poznámka: Obsah odráží stylový systém použitý k prezentaci produktové stránky a nezavádí další funkce produktu.