You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository has been archived by the owner on May 5, 2022. It is now read-only.
.font-styles-sansbold, li {
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
}
.alphabetical-list li {
display: inline-block;
font-size: 1.333em;
margin-right: 1em;
}
In the first row the .alphabetical-list class name selector is missing. Because of this ALL lis are uppercase etc. This is not intended!
The text was updated successfully, but these errors were encountered:
ehhc
changed the title
Mixings in Combination with @extend generatess invalid css
Nested classes in combination with @extend generatess invalid css
Aug 29, 2016
Hi,
i would like to compile the following scss:
i expteced it to generate the following css (according to the official SASS language definition it is valid):
unfortunatly i get this css instead:
this css is NOT valid... there is a selector expected in front of the "> li"-token...
Any suggestions why this happens and how to fix it?
EDIT: I just noticed, that @extend in combination with nested classes allways leads to incorrect CSS. The following example illustrats this:
SASS:
Expected CSS (please notice the selectors in the first row!):
Falsly generated CSS:
In the first row the .alphabetical-list class name selector is missing. Because of this ALL lis are uppercase etc. This is not intended!
The text was updated successfully, but these errors were encountered: