Styles
Zie ook Themas maken
We gebruiken scss voor de styles. Deze worden door webpack verwerkt naar css. Ieder .scss bestand zonder _
aan het begin wordt door webpack opgepikt. Een scss bestand in een submap krijgt de volgende vorm:
thema/roze.scss -> thema-roze.css
Dit omdat webpack niet helemaal goed overweg kan met output in verschillende mappen.
Bootstrap
Het basis framework is bootstrap (4.x). Je kan in views klassen uit bootstrap gebruiken. In _defaults.scss
worden wat dingen uit bootstrap overgeschreven.
Je kan het bestand _defaults.scss
inladen in bootstrap.build om te zien welke veranderingen wij aan Bootstrap hebben gemaakt.
z-index
Bootstrap definieert z’n eigen z-indexes. Deze hebben we niet veranderd, alleen wat toegevoegd.
$zindex-zijbalk: 800; // Van ons
$zindex-dropdown: 1000 !default;
$zindex-sticky: 1020 !default;
$zindex-fixed: 1030 !default;
$zindex-modal-backdrop: 1040 !default;
$zindex-modal: 1050 !default;
$zindex-popover: 1060 !default;
$zindex-tooltip: 1070 !default;