Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Sass mappings and indented syntax

Tags:

sass

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.

like image 733
Даниил Пронин Avatar asked May 22 '14 13:05

Даниил Пронин


1 Answers

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.

like image 121
Mohit Bhansali Avatar answered Oct 27 '22 14:10

Mohit Bhansali