SAME change the style of nested elements

Question

I would like to use the SMACSS naming system with SASS. Expect the following SASS code:

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

as a conclusion, I get

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

but according to the class of the SMACSS methodology, the naming should look like this:

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

Could you please advise how to change the class naming style in SASS to achieve this?

Answer 1

You can write it like this:

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

result:

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