fixes bug where the Sass was being printed for custom property (#1269)

visual-framework · Nov 27, 2020 · 9ed8f53 · 9ed8f53
1 parent c0a6a36
commit 9ed8f53
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/components/vf-sass-config/CHANGELOG.md b/components/vf-sass-config/CHANGELOG.md
@@ -1,3 +1,7 @@
+### 2.3.1
+
+* fixes bug in --page-grid-gap printing Sass function in CSS
+
 ### 2.3.0
 
 * introduces a `space` Sass function to save the keystrokes.

diff --git a/components/vf-sass-config/variables/vf-global-custom-properties.scss b/components/vf-sass-config/variables/vf-global-custom-properties.scss
@@ -2,12 +2,12 @@
 :root {
   --vf-body-width: #{$vf-layout--comfortable};
 
-  --page-grid-gap: map-get($vf-spacing-map, vf-spacing--400);
+  --page-grid-gap: #{space(400)};
 
   --embl-grid-module--prime: 16rem;
   --embl-grid-spacing-normaliser: 0px;
 
   @media (min-width: 75em) {
-    --page-grid-gap: #{map-get($vf-spacing-map, vf-spacing--800)};
+    --page-grid-gap: #{space(800)};
   }
 }