0

我们正在迁移到 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 中没有。

4

0 回答 0