Instantly share code, notes, and snippets.

@billerickson /_base.scss Secret
Last active Jan 9, 2019

Embed
What would you like to do?
// Brand Colors
// -- normal / darker / lighter
$blue_1: #59BACC;
$blue_2: #39A5B9;
$blue_3: #80CAD8;
$green_1: #58AD69;
$green_2: #458D53;
$green_3: #7ABE88;
$orange_1: #FFBC49;
$orange_2: #FFA916;
$orange_3: #FFCF7C;
$red_1: #E2574C;
$red_2: #D83023;
$red_3: #E98078;
// Gutenberg color options
// -- see editor-color-palette in functions.php
$colors: ( blue, $blue_1 ),
( green, $green_1 ),
( orange, $orange_1 ),
( red, $red_1 );
/* Color Options
--------------------------------------------- */
@each $name, $color in $colors {
.has-#{$name}-color {
color: $color;
}
.has-#{$name}-background-color {
background-color: $color;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment