Skip to content

Instantly share code, notes, and snippets.

@jonschr

jonschr/global.scss

Created Apr 16, 2020
Embed
What would you like to do?
/* ==========================================================================
Color loop
========================================================================== */
$colors: ("black": $black, "dark": $dark, "dark2": $dark2, "gray": $gray, "orange": $orange, "red": $red, "light": $light, "lightred": $lightred, "white": $white);
$dark: ("black": $black, "dark": $dark, "dark2": $dark2, "gray": $gray, "orange": $orange, "red": $red);
@each $name,
$color in $colors {
.has-#{$name}-color,
.has-color-#{$name},
.#{$name} {
color: $color;
}
.has-#{$name}-background-color,
.background-#{$name},
.#{$name}-background {
background-color: $color;
}
}
@each $name,
$color in $dark {
.has-#{$name}-background-color,
.background-#{$name},
.#{$name}-background {
color: white;
p,
li,
h1,
h2,
h3,
h4 {
color: white;
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.