I would like to add a comment on closing brackets, so when the code gets too nested the I can tell where each bracket belongs, something like this:
.parent{
position: relative;
height: 100px;
width: 100px;
.child{
position: absolute;
height: 50px;
left: 25px;
width: 50px;
&:before{
content: '';
background: red;
position: absolute;
height: 50px;
top: 25px;
width: 50px;
} // before
} // .child
} // .parent
It would be awesome if this could be implemented as I type or on autosave.