no way to compare when less than two revisions

Differences

This shows you the differences between two versions of the page.

@@ Line 1: / Line 1: @@
+|<- [[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>