From ed737d165c1d8c1d646ba662a3fe871520d867e3 Mon Sep 17 00:00:00 2001 From: Emily Plummer Date: Tue, 30 Apr 2019 13:16:09 -0700 Subject: [PATCH 1/3] add pink utilities and full scale --- src/support/variables/color-system.scss | 11 ++++++++++- src/support/variables/colors.scss | 2 ++ src/utilities/colors.scss | 4 ++++ 3 files changed, 16 insertions(+), 1 deletion(-) diff --git a/src/support/variables/color-system.scss b/src/support/variables/color-system.scss index c90ad5c9ea..7405df7152 100644 --- a/src/support/variables/color-system.scss +++ b/src/support/variables/color-system.scss @@ -85,7 +85,16 @@ $purple-800: #3a1d6e !default; $purple-900: #29134e !default; // -------- Pink -------- -$pink-500: #ea4aaa; +$pink-000: #ffeef8 !default; +$pink-100: #fedbf0 !default; +$pink-200: #f9b3dd !default; +$pink-300: #f692ce !default; +$pink-400: #ec6cb9 !default; +$pink-500: #ea4aaa !default; +$pink-600: #d03592 !default; +$pink-700: #b93a86 !default; +$pink-800: #99306f !default; +$pink-900: #6d224f !default; // -------- Fades -------- // Black based on same hue as $gray-900 diff --git a/src/support/variables/colors.scss b/src/support/variables/colors.scss index 5a7bee8d1a..e3df1a89bc 100644 --- a/src/support/variables/colors.scss +++ b/src/support/variables/colors.scss @@ -49,6 +49,7 @@ $bg-green-light: $green-100 !default; $bg-orange: $orange-700 !default; $bg-purple: $purple-500 !default; $bg-purple-light: $purple-000 !default; +$bg-pink: $pink-500 !default; $bg-red: $red-500 !default; $bg-red-light: $red-100 !default; $bg-white: $white !default; @@ -64,5 +65,6 @@ $text-green: $green-500 !default; $text-orange: $orange-900 !default; $text-orange-light: $orange-600 !default; $text-purple: $purple !default; +$text-pink: $pink-500 !default; $text-red: $red-600 !default; $text-white: $white !default; diff --git a/src/utilities/colors.scss b/src/utilities/colors.scss index 00d019af16..9a433e6a69 100644 --- a/src/utilities/colors.scss +++ b/src/utilities/colors.scss @@ -29,6 +29,8 @@ .bg-yellow-light { background-color: $bg-yellow-light !important; } /* Set the background to $bg-purple */ .bg-purple { background-color: $bg-purple !important; } +/* Set the background to $bg-pink */ +.bg-pink { background-color: $bg-pink !important; } /* Set the background to $bg-purple-light */ .bg-purple-light { background-color: $bg-purple-light !important; } @@ -57,6 +59,8 @@ .text-orange-light { color: $text-orange-light !important; } /* Set the text color to $text-purple */ .text-purple { color: $text-purple !important; } +/* Set the text color to $text-pink */ +.text-pink { color: $text-pink !important; } /* Set the text color to $text-white */ .text-white { color: $text-white !important; } /* Set the text color to inherit */ From d915c3ac886a2eacf7b3c7e03a2633560e4d8664 Mon Sep 17 00:00:00 2001 From: Emily Plummer Date: Tue, 30 Apr 2019 14:11:15 -0700 Subject: [PATCH 2/3] add pinks to hue map --- src/support/variables/color-system.scss | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/src/support/variables/color-system.scss b/src/support/variables/color-system.scss index 0e9b2517df..74ab1db498 100644 --- a/src/support/variables/color-system.scss +++ b/src/support/variables/color-system.scss @@ -218,6 +218,19 @@ $purples: ( 9: $purple-900, ) !default; +$pinks: ( + 0: $pink-000, + 1: $pink-100, + 2: $pink-200, + 3: $pink-300, + 4: $pink-400, + 5: $pink-500, + 6: $pink-600, + 7: $pink-700, + 8: $pink-800, + 9: $pink-900, +) !default; + $hue-maps: ( gray: $grays, blue: $blues, @@ -226,4 +239,5 @@ $hue-maps: ( orange: $oranges, red: $reds, purple: $purples, + pink: $pinks ) !default; From b2293f9bdebbe7a2c16946a6afd1f56664bd1f71 Mon Sep 17 00:00:00 2001 From: Emily Plummer Date: Tue, 30 Apr 2019 14:21:32 -0700 Subject: [PATCH 3/3] hanging comma --- src/support/variables/color-system.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/support/variables/color-system.scss b/src/support/variables/color-system.scss index 74ab1db498..6535c6ba25 100644 --- a/src/support/variables/color-system.scss +++ b/src/support/variables/color-system.scss @@ -239,5 +239,5 @@ $hue-maps: ( orange: $oranges, red: $reds, purple: $purples, - pink: $pinks + pink: $pinks, ) !default;