@mixin - Portée des variables

Attention : les variables sont évaluées dans le block où elle sont définies.

Exemples :

$color: white;

@mixin colors($color: blue) {
  background-color: $color;
  @content;
  border-color: $color;
}

.colors {
  @include colors {color: $color;}
}

Résultat CSS après compilation :

.colors {
  background-color: blue;
  color: white;
  border-color: blue;
}