foo bar {
...styles
}
foo bar baz {
...more styles
}
foo bar baz > bim {
...even more
}
foo bar baz > bim:not(bop) {
...stuff
}
instead of a more SCSS like syntax: foo bar {
...styles
& baz {
...more styles
& > bim {
...even more
&:not(bop)
...stuff
}
}
}
}
SCSS seems like it gets out of control after a while though without rigor from the developers. The last app I worked on had a half-assed SCSS approach that started off with a decent base, and then got tacked onto with a ton of ad-hoc styles that weren't nested where they "belonged." Inconsistent usage of paddings/margins everywhere. It was a mess.