SASS语法（不是SCSS）文档和工具

Question

我发现SASS语法比SCSS更加容易和简洁，但是文档不那么广泛和完整，因此我经常发现时间浪费语法错误。许多提到SASS的文章实际上只包含有关SCSS的信息。甚至官方的SASS文档（https://sass-lang.com/documentation/file.SASS_REFERENCE.html#if）都包含一些示例，这些示例显然仅涉及SCSS。例如，mixin中条件语句的SASS语法是什么？例如：

ON

此示例无法正确编译：{{1​​}}语句被忽略，并且结果CSS中没有=button-colors($primary, $secondary, $border: true) background-color: $primary color: $secondary if $border border-color: $secondary else border-color: $primary 。

有人知道有用的网站，文档和SASS语法示例或从CSS / SCSS在线转换为SASS的工具吗？

Answer 1

如您所见，参考文档以 scss 语法编写，可能是因为它更受欢迎，我强烈建议您选择 scss 语法乍一看尚不清楚的大多数好处！

但是无论如何，如果您想使用 sass ，我认为您必须遵循主要文档并检查this link来观察差异，然后更正语法。

---

您还可以使用以下工具来转换样式表：

css2sass： css 到 scss / sass 。

sassmeister： scss / sass 到 css 。