Sintassi Sass e sintassi indentata

Question

C'è un modo per indentare Sass '3.3 mappings?

In SCSS possiamo scrivere seguente:

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

Ma in Sass non posso aggiungere alcuna interruzione in parentesi. Penso che le parentesi siano necessarie nella sintassi dei mapping.

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

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

Ho provato alcune varianti e nulla è stato compilato senza errori.

Per compilare Sass ho bisogno di scrivere in una stringa come questa:

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

ma non è la sintassi frastagliata.

Penso che sarà una buona soluzione per scrivere cose solo con rientri nel file SCSS e quindi importarle.

Answer 1

C'è un numero di problemi con la sintassi rientrata in SASS.

Sfortunatamente la sintassi SASS non supporta Multi-line. Leggendo la documentazione, v'è una sola eccezione, quando si tratta di più CSS selettori come in questo esempio:

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

leggere la documentazione completa qui:

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

Quindi, non v'è nessuna possibilità di ottenere il supporto multi-linea per un elenco di argomenti in SASS.

Answer 2

Questo è un problema noto e non verrà risolto in tempi brevi.

Questo è sicuramente qualcosa che mi piacerebbe aggiungere, ma ci vorrebbe un notevole sforzo a causa del refactoring della sintassi indentata che sarebbe necessaria. In questo momento è solo una priorità inferiore rispetto all'aggiunta di funzionalità a vantaggio di tutti.

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