33 lines
733 B
SCSS
33 lines
733 B
SCSS
|
// Color Classes
|
||
|
|
||
|
@each $color_name, $color in $colors {
|
||
|
@each $color_type, $color_value in $color {
|
||
|
@if $color_type == "base" {
|
||
|
.#{$color_name} {
|
||
|
background-color: $color_value !important;
|
||
|
}
|
||
|
.#{$color_name}-text {
|
||
|
color: $color_value !important;
|
||
|
}
|
||
|
}
|
||
|
@else if $color_name != "shades" {
|
||
|
.#{$color_name}.#{$color_type} {
|
||
|
background-color: $color_value !important;
|
||
|
}
|
||
|
.#{$color_name}-text.text-#{$color_type} {
|
||
|
color: $color_value !important;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
// Shade classes
|
||
|
@each $color, $color_value in $shades {
|
||
|
.#{$color} {
|
||
|
background-color: $color_value !important;
|
||
|
}
|
||
|
.#{$color}-text {
|
||
|
color: $color_value !important;
|
||
|
}
|
||
|
}
|