css - SASS change nested elements class naming style -

css - SASS change nested elements class naming style -

i'd utilize smacss naming scheme sass. expect next sass code:

nav ul margin: 0 padding: 0 list-style: none

as output i'll

nav ul { margin: 0; padding: 0; list-style: none; }

but according smacss methodology class naming should looks this:

nav-ul { margin: 0; padding: 0; list-style: none; }

could please advice how alter class naming style in sass reach goal?

you can write this:

nav &-ul margin: 0 padding: 0 list-style: none

result:

nav-ul { margin: 0; padding: 0; list-style: none; }

css sass smacss