每个和父规则集中的SASS符号与新行

每个和父规则集中的SASS符号与新行,sass,Sass,我有一个特殊的情况,每一个规则集。 下面是我的示例scss代码。对于样式指南来说似乎是可以的,它说在多行中编写不相关的规则 $test: 'red' 'green'; .a, .b { color: orange; @each $i in $test { .#{$i} & { color: #{$i}; } } } 我有以下生成的css文件: .a, .b { color: orange; } .red .a, .red .b { co

我有一个特殊的情况,每一个规则集。 下面是我的示例scss代码。对于样式指南来说似乎是可以的,它说在多行中编写不相关的规则

$test: 'red' 'green';

.a,
.b {
  color: orange;
  @each $i in $test {
    .#{$i} & {
      color: #{$i};
    }
  }
}
我有以下生成的css文件:

.a,
.b {
  color: orange;
}
.red .a, .red
.b {
  color: red;
}
.green .a, .green
.b {
  color: green;
}
我不喜欢CSS中第二选择器中间的新行。另一方面,我不想在SCS的一行中写入所有选择器集,以便为将来的每次注入做好准备。单行规则集似乎还可以

“与”似乎也从第二个父选择器的开头获得新行(\n)

如何使SCS和css看起来都很漂亮?如何从符号中删除新行字符


编辑:更好的例子

你试过另一个吗?您可能喜欢扩展的样式。

我刚刚尝试了您的示例代码,我看到了相同的结果,它可能来自扩展的输出。你可以问他们的官方回购协议,我已经把它作为一个bug报告了。等待官方回复。如果你不喜欢新行,你为什么会在里面呢?“在我的第二个选择器中间的新行”