我们正在迁移到 dart-sass 并且有恼人的问题@extend
,部分来自我们的源代码:
.error {
color: red;
}
.checkboxWrapper {
&.error {
.checkboxLabel::before {
@extend .error;
}
}
}
.checkbox {
&[aria-invalid='true'] {
~ .checkboxLabel::before {
@extend .error;
}
}
}
使用 lib-sass 它有输出:
.error,
.checkboxWrapper.error .checkboxLabel::before,
.checkbox[aria-invalid='true'] ~ .checkboxLabel::before {
color: red;
}
使用 dart-sass 它有输出:
.error,
.checkbox[aria-invalid=true] ~ .checkboxLabel::before,
.checkbox[aria-invalid=true] ~ .checkboxWrapper.checkboxLabel::before .checkboxLabel::before,
.checkboxWrapper.error .checkboxLabel::before {
color: red;
}
在 lib-sass 中我们有预期的结果,但在 dart-sass 中没有。