2014-05-22 82 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