1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
@each $variant, $range in $color-ranges { @each $suffix, $color in $range { #{'.bg-#{$variant}-#{$suffix}'} { background-color: $color; } #{'.text-#{$variant}-#{$suffix}'} { color: $color; } } } @each $index, $size in $type-scale { #{'.text-#{$index}'} { font-size: $size; } }