Multiline Expressions in Indented Syntax

[talsafran]

Edited by @nex3 to change the title.

[cross-posted from http://stackoverflow.com/questions/8248976/sass-indented-syntax-on-multiple-lines]

I love indented syntax, I think it's much cleaner.

There's one issue I have with it. If I have a really long mixin declaration, there's no way to split it into multiple lines (obeying the 80 character limit, for example)

Take this example, first written in SCSS.

@mixin col($cols, $mleft: 0, $mright: 0, $include-margin: false, $border: 0,
           $pleft: 0, $pright: 0, $include-padding: true, $extra: 0, 
           $clear: false, $lead: true, $container: false) {
    color: red;
    display: block;
}

I'm able to split up one long declaration in to multiple lines. With the indented syntax, I don't think there's a way. I have to put the declaration on one line, which is way less readable.

@mixin col($cols, $mleft: 0, $mright: 0, $include-margin: false, $border: 0, $pleft: 0, $pright: 0, $include-padding: true, $extra: 0, $clear: false, $lead: true, $container: false)
    color: red
    display: block

Is there some way I don't know of? And if not, can there be one? :)

[miracle2k]

I also think sass should support this, and not just in mixins. It's a serious deficiency in the indented syntax.

[pengwynn]

+1 Haml allows multi-line statements if lines end with a comma.

[talsafran]

@pengwynn I like that approach. It's nicer than the way I was thinking, which was adding a \ to the end of line like in Python.

[cybersquid]

Just ran into this myself. It's a real problem. box-shadow statements can be really long.

[Anahkiasen]

+1

[while0pass]

+1
another example of currently valid, but not very readable src property in @font-face rule

@font-face
    font-family: 'SPEdessa'
    src: url('fonts/spedessa-webfont.eot')
    src: url('fonts/spedessa-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/spedessa-webfont.woff') format('woff'), url('fonts/spedessa-webfont.ttf') format('truetype')
    font-weight: normal
    font-style: normal

and currently invalid for SASS, but much more readable:

@font-face
    font-family: 'SPEdessa'
    src: url('fonts/spedessa-webfont.eot')
    src: url('fonts/spedessa-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/spedessa-webfont.woff') format('woff'),
         url('fonts/spedessa-webfont.ttf') format('truetype')
    font-weight: normal
    font-style: normal

[olivierlacan]

I've faced a similar issue yesterday when defining a @font-face in Sass.

This feature would have the potential to increase legibility substantially.

Is anyone here familiar enough with how Sass parses lines to have a vague idea how to go about implementing this, or if it's even worth the effort?

[adamkiss]

+1

[mohsen1]

Can we at least have JavaScript like multi-line with a \ at end of each line?

background-image: radial-gradient($color, $color $thickness/2, transparent $thickness/2),\
 radial-gradient($color, $color $thickness/2, transparent $thickness/2)

[firedev]

Just stumbled onto the super-long line and the first thing I tried was \ at the end of line, sadly it wasn't working.

[averyvery]

👍