Sass mappings and indented syntax

sass

Solution

There is number of issues with the indented syntax in SASS.

Unfortunately SASS syntax doesn't support Multi-line. Reading the documentation, there is only one exception, when it comes to multiple CSS selectors like in this example:

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

Read the complete documentation here:

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

So, there is no possibility to get multi-line support for an argument list in SASS.

Problem

Is there a way to indent Sass' 3.3 mappings? In scss we can write following: ``` $colors: ( header: #b06, text: #334, footer: #666777 ) ``` But in Sass I cannot add any break into parentheses. I think that parentheses is required into mappings syntax. ``` $colors: header: #b06 text: #334 footer: #666777 Syntax error: Illegal nesting: Nothing may be nested beneath variable declarations. ``` I tried some variances and nothing was compiled without errors. To compile Sass I need to write it into one string like this: ``` $colors: (header: #b06, text: #334, footer: #666777) ``` But it is not indented syntax. I think that will be a good walkthrough to write indented-only things into SCSS file and then import them.

Original source