Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Generated by SassMeister.com.
// ----
// libsass (v0.7.0)
// ----
%extended {
border: none;
}
%extend {
width: 100%;
.child {
@extend %extended;
padding: 10px;
}
}
.extend {
@extend %extend;
}
.extend {
border: none; }
.extend {
width: 100%; }
%extend .extend {
padding: 10px; }
@Westbrook
Copy link
Author

Westbrook commented Apr 23, 2014

Here we see the Libsass processor fail in applying the selector .extend .child to the .child element of the extended parent, %extend .extend (ln 6 ...output.css) in applied instead.

When extending another placeholder class with that child, an alternate errant selector is then passed along and applied as .extend (ln 1 ...output.css) instead of .extend .child.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment