Is there a possibility to assign a value for a specific attribute when defining a class in a way such as this:
<div class='padding-l-10'>
----------------*code here*-------------------
</div>
.padding-l-X {
padding-left: X;
}
Therefore, would it be feasible for "it compiles" into my sass or css like:
.padding-l-10 {
padding-left: 10;
}
I am aware that this can be achieved using jquery or similar, but is there a direct method with css and html?