Allow each component to have its own colors and default to the global set

This commit is contained in:
Aria Stewart
2020-08-21 11:40:07 -04:00
committed by Jeremy Thomas
parent 7a3efb04aa
commit da369e134c
12 changed files with 35 additions and 11 deletions

View File

@@ -33,6 +33,8 @@ $button-static-color: $text-light !default
$button-static-background-color: $scheme-main-ter !default
$button-static-border-color: $border !default
$button-colors: $colors !default
// The button sizes use mixins so they can be used at different breakpoints
=button-small
border-radius: $radius-small
@@ -115,7 +117,7 @@ $button-static-border-color: $border !default
background-color: transparent
border-color: transparent
box-shadow: none
@each $name, $pair in $colors
@each $name, $pair in $button-colors
$color: nth($pair, 1)
$color-invert: nth($pair, 2)
&.is-#{$name}