AstraLux Crystal LED -seinävalaisin kirkkailla lasivarjostimilla
Alla on jäsennelty yleiskatsaus annetuista tyylitiedoista, joita käytetään tuotteen sivulla. Se kuvaa avoimen tilan tyylityksen, asettelun käyttäytymisen ja typografiasäännöt, jotka ohjaavat tämän tuotteen kuvauksen esitystä.
Avoimen tilan tyylitys
- .is-open { tausta: #f7f7f7; täyte: 0px 30px; }
Alatunnisteen otsikon tyylitys
- .section-footer__title { kirjainväli: 2px!important; fonttipaino: 500!important; fonttikoko: 1rem!important; }
Accordion-paneelin käyttäytyminen
- .styles-module--accordionPanel--r0+I+ { taustaväri: #f7f7f7; maksimi-korkeus: 2200px; ylivuoto: piilotettu; }
- Media-kyselyt: Minimikoko 768px, accordion-paneeli siirtyy maksimi-korkeuteen 1 sekunnissa samalla taustalla ja korkeuden rajoituksilla.
Accordion-kääreen käyttäytyminen
- .styles-module--accordionWrapper--3e-Eu { täyte: 0rem 0rem; siirtymä: läpinäkyvyys 0.5s helppo 0.2s; läpinäkyvyys: 1; muuttuu: läpinäkyvyys; }
Sarakkeen asettelu
- Suuremmilla näytöillä (min-leveys: 768px), .styles-module--columns--sZFL5 käyttää kaksisarakkeista asettelua.
Yleiset nollaukset ja typografia
- Listojen ja lomake-elementtien nollaus sisältää: menu, ol, ul ilman oletuslistatyylejä ja nollamarginaalit/täytteet tarvittaessa.
- .mb-8 asettaa alaosan marginaalin 2rem.
- .type-upper-070 asettaa fonttipainon 700 ja kirjainvälin 0.0875rem.
- .type-upper-040 ja .type-upper-070 jakavat fonttiperheen Replica Std, Helvetica Neue, sans-serif, fonttikoon 0.625rem, rivivälin 1.6 ja ovat muokattu isoiksi kirjaimiksi.
- .max-w-sm asettaa maksimileveydeksi 24rem; .mb-6 asettaa alaosan marginaalin 1.5rem.
- .gatsby-image-wrapper sisältö, jossa on [data-main-image], on aluksi piilotettu suorituskyvyn vuoksi, käyttäen läpinäkyvyyttä 0 ja translateZ(0) -muunnosta.
Huomautus: Sisältö heijastaa tyylijärjestelmää, jota käytetään tuotteen sivun esittämiseen, eikä tuo lisäominaisuuksia tuotteeseen.