[SCSS-JS]New line with children rules

[notrealdev]

Hi everyone, i have some question I have block sass, js code, how to reformater from

.footer-widget {
    float: left;
    width: 100%;
    padding: 55px 0 70px 0;
    .widget {
        float: left;
    }
}

to ( need new line with each children rules )

.footer-widget {
    float: left;
    width: 100%;
    padding: 55px 0 70px 0;

    .widget {
        float: left;
    }
}

from

var red = false;
if ( !red ) {
...
}

to ( need space after ! and variable )

var red = false;
if ( ! red ) {
...
}