css - OOCSS 使用 SASS 和参考

Question

通常我在我的项目中使用LESS，但现在我尝试使用SASS。

在 LESS 我做这样的事情

.module {
  background-color: blue;

  &-title {
    color: black;
  }

  &-type-2 {
    background-color: red;
  }
}

并且输出 CSS 将是

.module { 
  background-color: blue;
}

.module-title {
  color: black;
}

.module-type-2 {
  background-color: red;
}

在 SASS 中不起作用，在 SASS 中有什么方法可以做到吗？

score 4 · Accepted Answer

从 Sass 3.3 开始，您可以使用以下语法来做到这一点：

.block{
    &__element {
      // ...
    }
    &--modifier {
      // ...
    }
}

1 回答 1