Om in een standaard stijl te werken zijn er een paar kleine guidelines om aan te houden bij het ontwikkelen.
| Voorbeeld | |
|---|---|
| Import van SCSS-sheet | @import 'bestandsnaam.scss'; |
| Variabele | $variabele-naam: 'waarde'; |
| Gebruik van variabele | background-color: $background-color; |
Standaard heeft elk thema een thema_naam.scss waar alle losse SCSS bestanden in opgenomen worden die nodig zijn om het thema compleet te maken. Hieronder staat een lijst van de standaard SCSS bestanden die gebruikt worden om het thema compleet te maken. Probeer per pagina-type (homepage, checkout, productpage) de bestanden aan te maken indien nodig.
| Bestandsnaam | Omschrijving |
|---|---|
_variables.scss |
Alle variabelen zoals: Fonts, kleuren, logo paden |
_buttons.scss |
Alles wat te maken heeft met de standaard buttons |
_products.scss |
Standaard elementen bij producten zoals: Vaantjes en badges |
_typography.scss |
Alles wat te maken heeft met (standaard) fonts voor het thema |