schluck-Sass neue Linie für den Multifunktionswähler

Question

I

.btn-default { 
    color: #ccc; 

    &:hover, 
    &:focus { 
     color: #ddd; 
    } 
} 

in

.btn-default { 
    color: #ccc; 
} 

.btn-default:hover, 
.btn-default:focus { 
    color: #ddd; 
} 

Aber anstatt zu bauen, vergleicht sie in

.btn-default { 
    color: #ccc; 
} 

.btn-default:hover, .btn-default:focus { 
    color: #ddd; 
} 

Auf der anderen Seite, es funktioniert gut ohne &, die bauen

a, 
.btn { 
    color: #ccc; 
} 

in

a, 
.btn { 
    color: #ccc; 
} 

Also, wie soll ich bauen & in Multi-Linien?

Ich benutze Schluck-Sass. Option ist verfügbar here.

Answer 1

Sass bieten nur 4 Kompilierung Ausgabestil:
(https://github.com/sass/node-sass#outputstyle)

:nested :expanded :compact :compressed

Es gibt keine Möglichkeit, das gewünschte Ergebnis zu erhalten, aber Sie können wie etwas verwenden: https://github.com/csscomb/csscomb.js um es zu formatieren.