1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
$customColors: ( 'caution': $error-color, 'info': $info-color, 'contrast': $off-black, ); @each $name, $color in $customColors { .#{$name}-color { background-color: $color; } .#{$name}-color-text { color: $color; } } html { background-color: $bg-color; }