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

【问题标题】：SASS syntax (not SCSS) documentation and toolsSASS 语法（不是 SCSS）文档和工具
【发布时间】：2019-04-29 05:26:31
【问题描述】：

我发现 SASS 语法比 SCSS 更简单、更简洁，但是文档没有那么广泛和完整，所以我经常遇到浪费时间的语法错误。许多提到 SASS 的文章实际上只包含有关 SCSS 的信息。甚至官方的 SASS 文档 (https://sass-lang.com/documentation/file.SASS_REFERENCE.html#if) 也包含显然仅指 SCSS 的示例。例如，mixin 中条件语句的 SASS 语法是什么？例如：

=button-colors($primary, $secondary, $border: true)
  background-color: $primary
  color: $secondary
if $border
  border-color: $secondary
else
  border-color: $primary

此示例编译不正确：if 语句被忽略，生成的 CSS 中没有 border-color。

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

【问题讨论】：

如果我没记错，你必须比较border的值，sass不理解被设置为true，如php或其他你必须像这样验证的语言@ 987654326@
不，它不适用于if $border == true :( 我正在使用这个工具来测试：sassmeister.com
很难理解（而且非常惊人）为什么有 3 个人投票结束这个问题。请保持打开状态，即使您不在乎，也很难在网上找到有关此的信息

标签： css syntax sass scss-mixins

【解决方案1】：

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

但无论如何，如果您更喜欢使用 sass 之一，我认为您必须关注主文档并检查 this link 以观察差异，然后更正您的语法。

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

css2sass：css 到 scss/sass。

sassmeister：scss/sass 到 css。

【讨论】：

感谢缩进语法文档的链接（我之前没有找到），但遗憾的是它包含的信息非常少