Skip to content

Instantly share code, notes, and snippets.

@airen
Created June 26, 2015 03:01
Show Gist options
  • Save airen/64093da7433b2d1996a4 to your computer and use it in GitHub Desktop.
Save airen/64093da7433b2d1996a4 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
.a{
color: red;
}
.b {
color: green;
}
.a.b{
color: blue;
}
.a .b{
color: yellow;
}
.a > .b {
color: black;
}
.a ~ .b {
color: #dedede;
}
.a + .b {
color: #fff333;
}
.extend-a {
@extend .a;
}
.extend-b {
@extend .b;
}
.extend-ab{
@extend .a.b;
}
.a, .extend-a {
color: red;
}
.b, .extend-b {
color: green;
}
.a.b, .b.extend-a, .extend-a.extend-b, .a.extend-b, .extend-ab {
color: blue;
}
.a .b, .extend-a .b, .a .extend-b, .extend-a .extend-b {
color: yellow;
}
.a > .b, .extend-a > .b, .a > .extend-b, .extend-a > .extend-b {
color: black;
}
.a ~ .b, .extend-a ~ .b, .a ~ .extend-b, .extend-a ~ .extend-b {
color: #dedede;
}
.a + .b, .extend-a + .b, .a + .extend-b, .extend-a + .extend-b {
color: #fff333;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment