AstraLux Crystal LED -seinävalaisin kirkkailla lasikupuilla
Alla on jäsennelty yleiskatsaus annetusta tyylitiedoista, joita käytetään tuotteen sivulla. Se kuvaa avoimen tilan tyylityksen, asettelun käyttäytymisen ja typografian sää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; fontin paksuus: 500!important; fontin koko: 1rem!important; }
Harmonikapaneelin käyttäytyminen
- .styles-module--accordionPanel--r0+I+ { taustaväri: #f7f7f7; maksimi korkeus: 2200px; ylivuoto: piilotettu; }
- Media kyselyt: Kun leveys on vähintään 768px, harmonikapaneelin maksimi korkeus vaihtuu 1 sekunnissa samalla taustalla ja korkeuden rajoituksilla.
Harmonikakää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ä (vähintään 768px leveä), .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 nollatut marginaalit/täytteet tarpeen mukaan.
- .mb-8 asettaa alaosan marginaalin 2rem:iin.
- .type-upper-070 asettaa fontin paksuudeksi 700 ja kirjainväliksi 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 ne muutetaan isoiksi kirjaimiksi.
- .max-w-sm asettaa maksimileveydeksi 24rem; .mb-6 asettaa alaosan marginaalin 1.5rem:iin.
- .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.