From bad6f743e4420033cd50b68491d1b4274fad59fb Mon Sep 17 00:00:00 2001 From: Miriam Suzanne Date: Sat, 28 Sep 2024 18:12:17 -0600 Subject: [PATCH 1/2] Fix sass color errors --- src/scss/config/color/_config.scss | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/src/scss/config/color/_config.scss b/src/scss/config/color/_config.scss index 62e62c1a1..316819e40 100644 --- a/src/scss/config/color/_config.scss +++ b/src/scss/config/color/_config.scss @@ -5,6 +5,10 @@ @use '../tools'; @use 'brand'; +@function _hslHueNumber($color) { + @return math.div(color.channel($color, 'hue', $space: hsl), 1deg); +} + /// ## Color Config /// --------------- /// Accoutrement maps for storing global color tokens, @@ -23,9 +27,9 @@ /// @access private /// @group config-color $_hues: ( - 'prime': math.div(color.hue(brand.$brand-blue), 1deg), - 'accent': math.div(color.hue(brand.$brand-pink), 1deg), - 'special': math.div(color.hue(brand.$brand-orange), 1deg), + 'prime': _hslHueNumber(brand.$brand-blue), + 'accent': _hslHueNumber(brand.$brand-pink), + 'special': _hslHueNumber(brand.$brand-orange), 'neutral': null, ); From dc9e24f6797af2e265faf6dd5ca17b6740ef1860 Mon Sep 17 00:00:00 2001 From: Jonny Gerig Meyer Date: Mon, 30 Sep 2024 10:20:01 -0400 Subject: [PATCH 2/2] lint --- src/scss/config/color/_config.scss | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/scss/config/color/_config.scss b/src/scss/config/color/_config.scss index 316819e40..f768e58eb 100644 --- a/src/scss/config/color/_config.scss +++ b/src/scss/config/color/_config.scss @@ -5,7 +5,7 @@ @use '../tools'; @use 'brand'; -@function _hslHueNumber($color) { +@function _hsl-hue-number($color) { @return math.div(color.channel($color, 'hue', $space: hsl), 1deg); } @@ -27,9 +27,9 @@ /// @access private /// @group config-color $_hues: ( - 'prime': _hslHueNumber(brand.$brand-blue), - 'accent': _hslHueNumber(brand.$brand-pink), - 'special': _hslHueNumber(brand.$brand-orange), + 'prime': _hsl-hue-number(brand.$brand-blue), + 'accent': _hsl-hue-number(brand.$brand-pink), + 'special': _hsl-hue-number(brand.$brand-orange), 'neutral': null, );