From d0e1a4997f6cf8e7d694d40af78df4600f68bef4 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Mon, 13 Dec 2021 00:54:29 +0100
Subject: chore: define CSS variables for colors, fonts and spacings

---
 src/styles/base/_spacings.scss | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 src/styles/base/_spacings.scss

(limited to 'src/styles/base/_spacings.scss')

diff --git a/src/styles/base/_spacings.scss b/src/styles/base/_spacings.scss
new file mode 100644
index 0000000..512b597
--- /dev/null
+++ b/src/styles/base/_spacings.scss
@@ -0,0 +1,25 @@
+@use "@styles/abstracts/variables" as var;
+@use "sass:math";
+
+:root {
+  --spacing-2xs: clamp(
+    #{math.div(var.spacing("2xs"), 1.2)},
+    1ex + 1vw,
+    #{var.spacing("2xs")}
+  );
+  --spacing-xs: clamp(
+    #{math.div(var.spacing("xs"), 1.2)},
+    1ex + 1vw,
+    #{var.spacing("xs")}
+  );
+  --spacing-sm: clamp(
+    #{math.div(var.spacing("sm"), 1.2)},
+    1ex + 1vw,
+    #{var.spacing("sm")}
+  );
+  --spacing-md: clamp(#{var.spacing("sm")}, 1ex + 2vw, #{var.spacing("md")});
+  --spacing-lg: clamp(#{var.spacing("md")}, 1ex + 3vw, #{var.spacing("lg")});
+  --spacing-xl: clamp(#{var.spacing("lg")}, 1ex + 4vw, #{var.spacing("xl")});
+  --spacing-2xl: clamp(#{var.spacing("xl")}, 1ex + 5vw, #{var.spacing("2xl")});
+  --spacing-3xl: clamp(#{var.spacing("2xl")}, 1ex + 6vw, #{var.spacing("3xl")});
+}
-- 
cgit v1.2.3