Mise en page
Principes
Les blocs ont différentes mises en page que l’on appelle layout. Certains sont standards, d’autres sont spécifiques.
Blocs de liste
Il existe des layouts standards pour les blocs de listes :
- alternate
- carousel
- cards
- grid
- large
- list
Pour ces blocs, on utilise des mixins pour factoriser les comportements.
@mixin layout-alternate
@mixin layout-carousel
@mixin layout-cards
@mixin layout-grid
@mixin layout-large
@mixin layout-listUn mixin permet d’appliquer une sélection de layouts par défaut :
@mixin layout-defaults($selector)
ul#{$selector}
@include list-reset
#{$selector}
&--alternate
@include layout-alternate
&--grid
@include layout-grid
&--large
@include layout-large
&--list
@include layout-listExemple :
Dans /sass/_theme/sections/jobs.sass :
@include layout-defaults(".jobs")