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

@@ -3,6 +3,8 @@ $hero-body-padding-small: 1.5rem !default
$hero-body-padding-medium: 9rem 1.5rem !default
$hero-body-padding-large: 18rem 1.5rem !default
$hero-colors: $colors !default
// Main container
.hero
align-items: stretch
@@ -15,7 +17,7 @@ $hero-body-padding-large: 18rem 1.5rem !default
ul
border-bottom: none
// Colors
@each $name, $pair in $colors
@each $name, $pair in $hero-colors
$color: nth($pair, 1)
$color-invert: nth($pair, 2)
&.is-#{$name}