Skip to content

Instantly share code, notes, and snippets.

@EvanLovely
Created June 3, 2014 18:42
Show Gist options
  • Save EvanLovely/dd67f244c03c2a1137de to your computer and use it in GitHub Desktop.
Save EvanLovely/dd67f244c03c2a1137de to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// ----
@mixin color() {
color: blue;
.ie & {
color: red;
}
}
%color {
@include color;
}
.sidebar {
.title {
@extend %color;
// @include color; // uncomment this will create the correct code
}
}
/* Why does above compiled code create two versions of selector order? */
/* --------- */
/* What I think should appear: */
.sidebar .title {
color: blue;
}
.ie .sidebar .title {
color: red;
}
.sidebar .title {
color: blue;
}
.ie .sidebar .title, .sidebar .ie .title {
color: red;
}
/* Why does above compiled code create two versions of selector order? */
/* --------- */
/* What I think should appear: */
.sidebar .title {
color: blue;
}
.ie .sidebar .title {
color: red;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment