sass - Sublime Text: Reindent SCSS files? -
i've got scss files who's indentation has somehow managed pretty jacked up.
i've tried doing edit > line > reindent
, changing various indentation settings, none seem work properly.
is there consistent way re-indent scss file?
example of i'm seeing:
[role="main"] { margin: 0 auto; padding: 30px; h1 { text-align: center; font-family: 'exo'; font-weight: 200; font-size: 3.5em; margin: 8px 0 20px 0; } } .hidden { display: none; } .button, button { @include button; &.red { @include button($red); } }
and that's happening across thousands of lines of scss...which i'd rather not have go , manually correctly indent.
select everything, , hit ctrl-[ (unindent) several times remove of original indentation. then, use edit -> line -> reindent
, should work nicely. sample code produced me:
[role="main"] { margin: 0 auto; padding: 30px; h1 { text-align: center; font-family: 'exo'; font-weight: 200; font-size: 3.5em; margin: 8px 0 20px 0; } } .hidden { display: none; } .button, button { @include button; &.red { @include button($red); } }
Comments
Post a Comment