diff options
Diffstat (limited to 'assets/sass/helpers/color.sass')
-rw-r--r-- | assets/sass/helpers/color.sass | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/assets/sass/helpers/color.sass b/assets/sass/helpers/color.sass new file mode 100644 index 0000000..22ac8c5 --- /dev/null +++ b/assets/sass/helpers/color.sass @@ -0,0 +1,37 @@ +@each $name, $pair in $colors + $color: nth($pair, 1) + .has-text-#{$name} + color: $color !important + a.has-text-#{$name} + &:hover, + &:focus + color: bulmaDarken($color, 10%) !important + .has-background-#{$name} + background-color: $color !important + @if length($pair) >= 4 + $color-light: nth($pair, 3) + $color-dark: nth($pair, 4) + // Light + .has-text-#{$name}-light + color: $color-light !important + a.has-text-#{$name}-light + &:hover, + &:focus + color: bulmaDarken($color-light, 10%) !important + .has-background-#{$name}-light + background-color: $color-light !important + // Dark + .has-text-#{$name}-dark + color: $color-dark !important + a.has-text-#{$name}-dark + &:hover, + &:focus + color: bulmaLighten($color-dark, 10%) !important + .has-background-#{$name}-dark + background-color: $color-dark !important + +@each $name, $shade in $shades + .has-text-#{$name} + color: $shade !important + .has-background-#{$name} + background-color: $shade !important |