Styles

Je krijgt de opbouw van de styling en een aantal basis styles cadeau. Deze zijn te vinden in: /assets/css

Common

In de common map staan een aantal styles bedoelt voor de reusable en common components, zodat je wat makkelijker op gang kan komen. Deze mag je altijd wijzigen of overrulen.

Base

Locatie: /assets/css/base.scss: bedoelt om styles geldend over de hele website in te stellen. Denk hierbij aan styling voor links, headings, afbeeldingen, buttons etc.

Config

Locatie: /assets/css/config.scss: Bevat alle configuratie variabelen voor je site. Standaard staan hier ook de breakpoint en grid instellingen in, deze kun je naar wens aanpassen. Je plaatst hier bijvoorbeeld ook al je kleur en font-size variabelen.

Editor

Locatie: /assets/css/editor.less: Dit bestand wordt gebruikt om editor styles in het CMS te kunnen gebruiken en toe te voegen aan bijvoorbeeld een artikel tekst.

Default

Bevat standaard styles en instellingen.

• breakpoints (/assets/css/default/breakpoints.scss): Hier staan een aantal standaard gedefinieerde breakpoints. Hier staan nog geen resoluties aan gekoppeld, maar puur de naam. Op dit moment is dat (‘sm’,’md’,’lg’,’xl’).
• default (/assets/css/default/default.scss): Hier kunnen een aantal standaard style classes worden gedefinieerd die op alle sites van toepassing kunnen zijn.
• fonts (/assets/css/default/fonts.scss): Bevat fonts die voor alle sites beschikbaar kunnen zijn. Bijvoorbeeld het standaard snakeware font.
• grid (/assets/css/default/grid.scss): Bevat de standaard instellingen om een grid op te bouwen. Deze zijn te overrulen in de config.scss.
• reset (/assets/css/default/reset.scss): Zorgt er voor dat alle browsers van het begin gelijk ingesteld zijn en vermindert de kans dat er een verschil in een bepaalde browser is. transitions (/assets/css/default/transitions.scss): Hier staan een aantal standaard animaties in die vaak gebruikt worden in sites.