From 0505cf8ee5be1ef80d23390a96fc159d425cb69d Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Thu, 16 Jun 2022 18:43:13 -0700
Subject: [PATCH] Add a cssvar() function

---
 scss/_root.scss | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/scss/_root.scss b/scss/_root.scss
index ae22687b1..1e514a91c 100644
--- a/scss/_root.scss
+++ b/scss/_root.scss
@@ -1,3 +1,9 @@
+@mixin cssvar($name, $value) {
+  @if $value != null {
+    --#{$prefix}#{$name}: #{$value};
+  }
+}
+
 :root {
   // Note: Custom variable values only support SassScript inside `#{}`.
 
@@ -64,11 +70,9 @@
   --#{$prefix}border-radius-pill: #{$border-radius-pill};
   // scss-docs-end root-border-var
 
-  --#{$prefix}heading-color: #{$headings-color};
-  --#{$prefix}link-color: #{$link-color};
-  --#{$prefix}link-hover-color: #{$link-hover-color};
-
-  --#{$prefix}code-color: #{$code-color};
-
-  --#{$prefix}highlight-bg: #{$mark-bg};
+  @include cssvar(heading-color, $headings-color);
+  @include cssvar(link-color, $link-color);
+  @include cssvar(link-hover-color, $link-hover-color);
+  @include cssvar(code-color, $code-color);
+  @include cssvar(highlight-bg, $mark-bg);
 }