Attribute selector with class-like content paired with @extend generates invalid CSS #605
Description
The following input generates some broken output.
Tested on version 1.10.5.
Input:
[data-foo='something.data.like'] {
&[data-show='true'] {
color: red;
}
}
[data-foo='something.other.like'] {
@extend %my-test-class;
}
%my-test-class {
&[data-show='true'] {
position: fixed;
}
}
/////////////////////////////////////////////////////////////////////////////
[data-foo='this-works'] {
@extend %my-other-class;
}
%my-other-class {
&[data-show='true'] {
position: fixed;
}
}Output:
[data-foo="something.data.like"][data-show="true"] {
color: red;
}
data-foo="something.other.like"][[data-show="true"] {
position: fixed;
}
[data-foo="this-works"][data-show="true"] {
position: fixed;
}As you can see, the opening bracket in line 4 got placed after the corresponding closing one.