This repository was archived by the owner on Oct 24, 2025. It is now read-only.

Description
When using the extended syntax, I get inconsistent rule separation inside and outside media queries.
Input:
.Test-1 {
color: black;
}
.Test-2 {
color: white;
}
@media screen {
.Test-1 {
color: black;
}
.Test-2 {
color: white;
}
}
Output:
.Test-1 {
color: black;
}
.Test-2 {
color: white;
}
@media screen {
.Test-1 {
color: black;
}
.Test-2 {
color: white;
}
}
Expected:
.Test-1 {
color: black;
}
.Test-2 {
color: white;
}
@media screen {
.Test-1 {
color: black;
}
.Test-2 {
color: white;
}
}
I'm using node-sass v3.8.0 and the CLI to compile: node-sass --output-style expanded input.scss output.css.
I know this is just a style thing, but it was not the output I expected.