Skip to content

Instantly share code, notes, and snippets.

@cancer
Created March 19, 2014 06:47
Show Gist options
  • Save cancer/9636621 to your computer and use it in GitHub Desktop.
Save cancer/9636621 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.3.3)
// Compass (v1.0.0.alpha.18)
// ----
/*----ex1----*/
%block1 {
color: red;
&--modifier {
color: blue;
}
}
.block1 {
@extend %block1;
&--modifier {
@extend %block1;
@extend %block1--modifier;
}
}
/*----ex2----*/
%block2 {
color: red;
&--modifier {
@extend %block2;
color: blue;
}
}
.block2 {
@extend %block2;
&--modifier {
@extend %block2--modifier;
}
}
/*----ex1----*/
.block1, .block1--modifier {
color: red;
}
.block1--modifier {
color: blue;
}
/*----ex2----*/
.block2--modifier, .block2 {
color: red;
}
.block2--modifier {
color: blue;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment