DokuWiki

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;
  }
}