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
Conversion from CSS to .sass/.scss produces wrong output when sass-convert combines a parent selector with double-colon-notation (CSS3) pseudoelements via &. This only occurs when there are more than one selectors with pseudoelements. See my example with the aelement below.
Result:
The parent::pseudoelement selectors appear one level too deep.
One colon gets stripped, resulting in parent:pseudoelement.
At the level where they should be, a lone &: appears, throwing Syntax error: Invalid CSS after "&:": expected pseudoclass or pseudoelement, was "" when trying to compile back to CSS.
/* output.sass */// double-colon notation, more than one selector: wrongacolor: #111&:
&:foo, &:bar
color: #222// single-colon notation: as expectedbcolor: #111&:foo, &:bar
color: #222// double-colon notation, but only one selector: also as expectedpcolor: #111&::foo
color: #222
The text was updated successfully, but these errors were encountered:
Conversion from CSS to .sass/.scss produces wrong output when sass-convert combines a parent selector with double-colon-notation (CSS3) pseudoelements via
&
. This only occurs when there are more than one selectors with pseudoelements. See my example with thea
element below.Result:
parent::pseudoelement
selectors appear one level too deep.parent:pseudoelement
.&:
appears, throwingSyntax error: Invalid CSS after "&:": expected pseudoclass or pseudoelement, was ""
when trying to compile back to CSS.The text was updated successfully, but these errors were encountered: