Sass 映射和缩进语法答案

【问题标题】：Sass mappings and indented syntaxSass 映射和缩进语法
【发布时间】：2015-06-18 12:05:31
【问题描述】：

有没有办法缩进 Sass 的 3.3 mappings？

在scss中我们可以这样写：

$colors: (
  header: #b06,
  text: #334,
  footer: #666777
)

但在 Sass 中，我不能在括号中添加任何中断。我认为括号是映射语法所必需的。

$colors:
    header: #b06
    text: #334
    footer: #666777

Syntax error: Illegal nesting: Nothing may be nested beneath variable declarations.

我尝试了一些变化，但编译时没有任何错误。

要编译 Sass，我需要将其写入一个字符串，如下所示：

$colors: (header: #b06, text: #334, footer: #666777)

但它不是缩进语法。

我认为将仅缩进的内容写入 SCSS 文件然后导入它们将是一个很好的演练。

【问题讨论】：

标签： sass

【解决方案1】：

SASS 中的缩进语法存在许多问题。

不幸的是 SASS 语法不支持多行。阅读文档，只有一个例外，当涉及到多个 CSS 选择器时，如下例所示：

.users #userTab,
.posts #postTab
    width: 100px
    height: 30px

在此处阅读完整的文档：

因此，SASS 中的参数列表不可能获得多行支持。

【讨论】：

【解决方案2】：

这是一个已知问题，不会很快得到解决。

这绝对是我想添加的内容，但由于需要重构缩进语法，因此需要付出相当大的努力。现在，这只是比添加让所有人受益的功能更重要的事情。

【讨论】：