diff options
author | Daniel Friesel <derf@finalrewind.org> | 2020-11-21 14:13:41 +0100 |
---|---|---|
committer | Daniel Friesel <derf@finalrewind.org> | 2020-11-21 14:13:41 +0100 |
commit | e3fba3dcd493f609e107435867c4a67cb7ee420f (patch) | |
tree | cd228574b1d4f4e446fac87e9d6fe3eeffe27b63 /sass/components/_color-classes.scss | |
parent | 88d3e67474c518a5c422b5f0e47c58147f31fe6e (diff) |
import materialize sass sources instead of relying on npm
Diffstat (limited to 'sass/components/_color-classes.scss')
-rw-r--r-- | sass/components/_color-classes.scss | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/sass/components/_color-classes.scss b/sass/components/_color-classes.scss new file mode 100644 index 0000000..155cecd --- /dev/null +++ b/sass/components/_color-classes.scss @@ -0,0 +1,32 @@ +// 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; + } +} |