Sass映射和缩进语法

Question

有没有办法缩进Sass的3.3 映射？

在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文件然后导入它们.

Answer 1

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

不幸的是,SASS语法不支持多线.阅读文档时,只有一个例外,当涉及到多个CSS选择器时,例如:

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

阅读完整的文档:

因此,不可能在SASS中为参数列表获得多行支持.

Answer 2

这是一个已知问题,不会很快解决.

这绝对是我想要添加的内容,但由于需要重构缩进语法,因此需要花费大量精力.现在,这比添加有益于每个人的功能的优先级更低.