Merge pull request #12370 from thomasfrobieter/fix-sass-color-interpo…

…lation-warning-12333 FIX SASS color interpolation warning #12333
foundation · Jul 11, 2022 · ac70570 · ac70570
2 parents 37ba262 + 35f7185
commit ac70570
Showing 3 changed files with 15 additions and 15 deletions.
diff --git a/docs/pages/global.md b/docs/pages/global.md
@@ -88,11 +88,11 @@ The semantic colors (primary, secondary, success, warning, and alert) can be cha
 
 ```scss
 $foundation-palette: (
-  primary: #1779ba,
-  secondary: #767676,
-  success: #3adb76,
-  warning: #ffae00,
-  alert: #cc4b37,
+  "primary": #1779ba,
+  "secondary": #767676,
+  "success": #3adb76,
+  "warning": #ffae00,
+  "alert": #cc4b37,
 );
 ```
 

diff --git a/scss/_global.scss b/scss/_global.scss
@@ -25,11 +25,11 @@ $global-lineheight: 1.5 !default;
 /// Colors used for buttons, callouts, links, etc. There must always be a color called `primary`.
 /// @type Map
 $foundation-palette: (
-  primary: #1779ba,
-  secondary: #767676,
-  success: #3adb76,
-  warning: #ffae00,
-  alert: #cc4b37,
+  "primary": #1779ba,
+  "secondary": #767676,
+  "success": #3adb76,
+  "warning": #ffae00,
+  "alert": #cc4b37,
 ) !default;
 
 /// Color used for light gray UI items.

diff --git a/scss/settings/_settings.scss b/scss/settings/_settings.scss
@@ -69,11 +69,11 @@ $global-font-size: 100%;
 $global-width: rem-calc(1200);
 $global-lineheight: 1.5;
 $foundation-palette: (
-  primary: #1779ba,
-  secondary: #767676,
-  success: #3adb76,
-  warning: #ffae00,
-  alert: #cc4b37,
+  "primary": #1779ba,
+  "secondary": #767676,
+  "success": #3adb76,
+  "warning": #ffae00,
+  "alert": #cc4b37,
 );
 $light-gray: #e6e6e6;
 $medium-gray: #cacaca;