/ / Interpolar um valor do nome da classe com Scss - sass

Interpolar um valor do nome da classe com Scss - sass

Eu quero definir este nome de classe:

<div class="col with-v-margin-10"></div>

e em scss obtém o valor que defini através do nome da classe e aplico às regras de css.

.with-v-margin-${#} {
margin-top: ${#}px;
margin-top: ${#}px;
}

É possível?

Respostas:

1 para resposta № 1

Acho que não.

Uma alternativa é usar mixins.

@mixin sexy-margin($margin) {
margin-top: ${margin}px;
margin-top: ${margin}px;
}

.with-v-margin-10 { @include sexy-margin(10); }
.with-v-margin-20 { @include sexy-margin(20); }