扩展输出中缺少新行。
<strong i="6">@mixin</strong> sprite-arrow() {
<strong i="7">@extend</strong> %hidden-text;
}
%hidden-text {
text-indent: -999em;
}
// button.scss
.button-left,
.button-right,
.button-plus,
.button-min {
&:after {
<strong i="8">@include</strong> sprite-arrow();
}
}
.banner {
&:after {
<strong i="9">@include</strong> sprite-arrow();
}
}
.calculator {
.btn-down,
.btn-up {
&:after {
<strong i="10">@include</strong> sprite-arrow();
}
}
}
LibSass 3.3.7
.button-left:after,
.button-min:after,
.button-plus:after,
.button-right:after, .banner:after, .calculator .btn-down:after,
.calculator .btn-up:after {
text-indent: -999em;
}
红宝石萨斯
.button-left:after,
.button-min:after,
.button-plus:after,
.button-right:after,
.banner:after,
.calculator .btn-down:after,
.calculator .btn-up:after {
text-indent: -999em;
}
@bertusgroenewegen感谢您的报告。 我已经更新了工作示例和准确标题的问题。
@xzyfer我很感激,如果你能修复这个小错误 :) 漂亮
@bertusgroenewegen没有立即解决此问题的计划。 输出样式错误是我们的最低优先级,因为它们不会改变输出的行为。
但他们提高了 Sonarqube 上的 CSS 分数 :) 我知道它是次要的,你已经投入了大量的时间。 我可以给你买一大笔咖啡捐赠 10 欧元作为回报:)
+1 在这个问题上! 如果发生此修复程序,您也会从我这里得到一大杯咖啡 :) 现在我正在尝试使用 Node 创建一个解决方法,如果成功,我也会尝试将其链接到这里。
关闭自 ruby sass 3.5.6 输出是相同的:
.button-left:after,
.button-right:after,
.button-plus:after,
.button-min:after, .banner:after, .calculator .btn-down:after,
.calculator .btn-up:after {
text-indent: -999em; }