Skip to content

Instantly share code, notes, and snippets.

@rymizuki
Created March 11, 2014 08:01
Show Gist options
  • Save rymizuki/9481390 to your computer and use it in GitHub Desktop.
Save rymizuki/9481390 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.3.1)
// Compass (v1.0.0.alpha.18)
// ----
// # pattern A
%module-a {
display: block;
color: black;
&--modifier {
color: red;
}
}
.module-a {
@extend %module-a;
&--modifier {
@extend %module-a;
@extend %module-a--modifier;
}
}
// # pattern B
%module-b {
display: block;
color: black;
&--modifier {
@extend %module-b;
color: red;
}
}
.module-b {
@extend %module-b;
&--modifier {
@extend %module-b--modifier;
}
}
.module-a, .module-a--modifier {
display: block;
color: black;
}
.module-a--modifier {
color: red;
}
.module-b--modifier, .module-b {
display: block;
color: black;
}
.module-b--modifier {
color: red;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment