primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2025-01-08 07:23:03 +03:00
Code Issues Projects Releases Wiki Activity

feat(utilities): add .fg-{hue}-{index}, .bg-{hue}-{index} classes

Browse Source
This commit is contained in:
Shawn Allen 2019-04-18 16:10:05 -07:00
parent 19b351b332
commit 872d309609
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/utilities/colors.scss
View File

@ -32,6 +32,14 @@
/* Set the background to $bg-purple-light */
.bg-purple-light { background-color: $bg-purple-light !important; }
// Generate a foreground and background utility for every shade of every hue
@each $hue, $shades in $hue-maps {
@each $index, $color in $shades {
.fg-#{$hue}-#{$index} { color: $color !important; }
.bg-#{$hue}-#{$index} { background-color: $color !important; }
}
}
.bg-shade-gradient {
background-image: linear-gradient(180deg, rgba($black, 0.065), rgba($black, 0)) !important;
background-repeat: no-repeat !important;