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 № 1Acho 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); }