Sass映射和缩进语法

有没有办法缩进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文件然后导入它们将是一个很好的演练。

NearMandy2020/03/24 19:16:48

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

不幸的是,SASS语法不支持多行。阅读文档,只有一个例外,涉及多个CSS选择器,如本示例所示:

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

在此处阅读完整的文档:

http://sass-lang.com/docs/yardoc/file.INDENTED_SYNTAX.html#multiline_selectors

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

蛋蛋2020/03/24 19:16:48

这是一个已知问题,不会在短期内解决。

这绝对是我要添加的内容,但是由于需要重构缩进语法,因此需要花费大量精力。目前,与添加使所有人受益的功能相比,该功能的优先级较低。

https://github.com/sass/sass/issues/1088