|<- [[Using Partials]]|[[Using the @extend method]] ->|

Mixins -> "Javascript-like functions"

<code>
@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');
}

</code>

Les paramètres sont optionnels :

<code>
@mixin clearfix {
  &:before,
  &:after {
    content:'';
    display: table;
  }
  &:after {
    clear:both;
  }
}
</code>