Skip to content

Instantly share code, notes, and snippets.

@gorillawit
Last active December 26, 2015 02:29
Show Gist options
  • Save gorillawit/7079363 to your computer and use it in GitHub Desktop.
Save gorillawit/7079363 to your computer and use it in GitHub Desktop.
Using placeholder to show how it can be used to better effect than extend in most cases
.class1, .class2, .class3 {
font-size: 2em;
}
.class3 {
color: green;
}
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.7)
// ----
%extend1{
font-size: 2em;
}
%extend2{
color: green;
}
%extend3{
background: orange;
}
.class1{
@extend %extend1;
}
.class2{
@extend %extend1;
}
.class3{
@extend %extend1;
@extend %extend2;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment