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

Popular posts from this blog

jquery - How can I dynamically add a browser tab? -

node.js - Getting the socket id,user id pair of a logged in user(s) -

keyboard - C++ GetAsyncKeyState alternative -