From 39db5381320dd2aff799985fe29e2ad3100c936d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 8 Aug 2017 22:05:04 -0700 Subject: [PATCH] Use empty Sass map and merge into it for easier customization of color maps --- scss/_variables.scss | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 deletions(-) diff --git a/scss/_variables.scss b/scss/_variables.scss index e2bacef4af57..719ba7eea03c 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -60,7 +60,8 @@ $gray-800: #343a40 !default; $gray-900: #212529 !default; $black: #000 !default; -$grays: ( +$grays: () !default; +$grays: map-merge(( 100: $gray-100, 200: $gray-200, 300: $gray-300, @@ -70,7 +71,7 @@ $grays: ( 700: $gray-700, 800: $gray-800, 900: $gray-900 -) !default; +), $grays); $blue: #007bff !default; $indigo: #6610f2 !default; @@ -83,7 +84,8 @@ $green: #28a745 !default; $teal: #20c997 !default; $cyan: #17a2b8 !default; -$colors: ( +$colors: () !default; +$colors: map-merge(( blue: $blue, indigo: $indigo, purple: $purple, @@ -97,9 +99,10 @@ $colors: ( white: $white, gray: $gray-600, gray-dark: $gray-800 -) !default; +), $colors); -$theme-colors: ( +$theme-colors: () !default; +$theme-colors: map-merge(( primary: $blue, secondary: $gray-600, success: $green, @@ -108,7 +111,7 @@ $theme-colors: ( danger: $red, light: $gray-100, dark: $gray-800 -) !default; +), $theme-colors); // Set a specific jump point for requesting color jumps $theme-color-interval: 8% !default;