Mixins → “Javascript-like functions”
@mixin <nom>(<paramètre 1>:<valeur par defaut>, <paramètre 2>, ..., >paramètre n>) {
<propriété>:<valeur>;
}
@include <nom>(<paramètre 1>, <paramètre 2>, ..., >paramètre n>);
@mixin backImage($image) {
background: url($image);
}
.style {
@include backimage('file.png');
}
Les paramètres sont optionnels :
@mixin clearfix {
&:before,
&:after {
content:'';
display: table;
}
&:after {
clear:both;
}
}