|<- [[Creating basic mixins]]|[[Referencing parent selectors with &]] ->|

Étendre les fonctionnalités d'une classe avec une autre

<code>
.style_a {
  background:red;
}
.style_b {
  @extend .style_a;
  color: black;
}
.style_c {
  @extend .style_a;
  color: blue;
}

// output :

.style_a, .style_b, .style_c {
  background:red;
}
.style_b {
  color: black;
}
.style_c {
  color: blue;
}

</code>

Invisible class : si on a pas besoin d'un classe dont on hérite

<code>
%style_a {
  background:red;
}
.style_b {
  @extend .style_a;
  color: black;
}
.style_c {
  @extend .style_a;
  color: blue;
}

// output :

.style_b, style_c {
  background:red;
}
.style_b {
  color: black;
}
.style_c {
  color: blue;
}

</code>