From 04f8b1157ddb4d0e1bf24c1f25b8b0d273c446f2 Mon Sep 17 00:00:00 2001
From: basher <basher@madasafish.com>
Date: Mon, 11 Nov 2024 14:14:48 +0000
Subject: [PATCH] remove redundant variable interpolation

---
 ui/src/css/components/_card.scss     | 2 +-
 ui/src/css/components/_carousel.scss | 2 +-
 ui/src/css/layouts/_flex.scss        | 2 +-
 ui/src/css/layouts/_stack.scss       | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/ui/src/css/components/_card.scss b/ui/src/css/components/_card.scss
index 1aaec2b..a3fdf27 100644
--- a/ui/src/css/components/_card.scss
+++ b/ui/src/css/components/_card.scss
@@ -6,7 +6,7 @@ Dependencies.
 @use '../base' as *;
 
 .card {
-    --card-gap: #{var(--gutter-m)};
+    --card-gap: var(--gutter-m);
     --content-min-width: 50%;
     --image-min-width: 15rem;
 
diff --git a/ui/src/css/components/_carousel.scss b/ui/src/css/components/_carousel.scss
index bbbcbe5..cc51113 100644
--- a/ui/src/css/components/_carousel.scss
+++ b/ui/src/css/components/_carousel.scss
@@ -7,7 +7,7 @@ Dependencies.
 
 .carousel {
     --slide-min-width: 18.75rem;
-    --slide-gap: #{var(--gutter-m)};
+    --slide-gap: var(--gutter-m);
 
     display: flex;
     gap: var(--slide-gap, 1rem);
diff --git a/ui/src/css/layouts/_flex.scss b/ui/src/css/layouts/_flex.scss
index dcfb03d..0d96978 100644
--- a/ui/src/css/layouts/_flex.scss
+++ b/ui/src/css/layouts/_flex.scss
@@ -6,7 +6,7 @@ Dependencies.
 @use '../base' as *;
 
 .flex {
-    --flex-gap: #{var(--gutter-m)};
+    --flex-gap: var(--gutter-m);
 
     display: flex;
     flex-wrap: wrap;
diff --git a/ui/src/css/layouts/_stack.scss b/ui/src/css/layouts/_stack.scss
index e787005..8479cd9 100644
--- a/ui/src/css/layouts/_stack.scss
+++ b/ui/src/css/layouts/_stack.scss
@@ -14,7 +14,7 @@ Dependencies.
 @use '../base' as *;
 
 .stack {
-    --stack-gutter: #{var(--gutter-m)};
+    --stack-gutter: var(--gutter-m);
 
     > * + * {
         margin-block-start: var(--stack-gutter, 1em);