2014-05-22 32 views
14

是否有缩进Sass'3.3 mappings的方法?Sass映射和缩进语法

在SCSS我们可以写出如下:

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

但在萨斯我不能添加任何破门而入的括号。我认为在映射语法中需要括号。

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

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

我尝试了一些差异,没有发现任何错误。

编译萨斯我需要将它写入到一个字符串是这样的:

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

但它不是缩进语法。

我认为这将是一个很好的演练,将缩进的东西写入SCSS文件,然后导入它们。

回答

11

SASS中存在多个与缩进语法相关的问题。

不幸的是SASS语法不支持多行。阅读文档,只有一个例外,当它涉及到多个CSS选择就像这个例子:

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

在这里阅读完整的文档:

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

因此,有没有可能获得多线支持SASS中的参数列表。

6

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

这绝对是我想要添加的东西,但由于需要重新构造缩进语法,因此需要付出相当大的努力。现在,这只比添加有利于所有人的功能要低。

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