Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
31 lines (27 sloc) 700 Bytes
// UI Colors
//
// loops over the color map and writes it as CSS vars
:root {
// 1. assign the actual value
@each $name, $color in $colors {
@each $index, $value in $color {
--#{$name}-#{$index}: #{$value};
}
}
@each $name, $shade in $shades {
@each $index, $value in $shade {
--#{$name}-#{$index}: #{$value};
}
}
// 2. assign the color var (needed for inverted style)
@each $name, $color in $colors {
@each $index, $value in $color {
--color-#{$name}-#{$index}: var(--#{$name}-#{$index});
}
}
@each $name, $shade in $shades {
@each $index, $value in $shade {
--color-#{$name}-#{$index}: var(--#{$name}-#{$index});
}
}
}