Sass映射和缩进语法

Sass映射和缩进语法,sass,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 ben

有没有办法缩进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文件,然后导入它们。

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

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

.users #userTab,
.posts #postTab
    width: 100px
    height: 30px
请阅读此处的完整文档:


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

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

这当然是我想添加的内容,但由于需要重构缩进语法,因此需要付出相当大的努力。现在,这只是比添加让所有人受益的功能优先级更低