From 47f985815ac909e17a8282261eb5a89034a0ab78 Mon Sep 17 00:00:00 2001
From: Isabelle <isabelle@dewebsmid.nl>
Date: Wed, 31 Dec 2025 16:56:10 +0100
Subject: [PATCH] feat(scss): Add  gap and font-size utility functions

---
 falcon/_dev/css/theme/custom/_custom.scss       |  3 ++-
 .../css/theme/custom/abstracts/_functions.scss  | 17 +++++++++++++++++
 2 files changed, 19 insertions(+), 1 deletion(-)
 create mode 100644 falcon/_dev/css/theme/custom/abstracts/_functions.scss

diff --git a/falcon/_dev/css/theme/custom/_custom.scss b/falcon/_dev/css/theme/custom/_custom.scss
index ca0aba9..9d98505 100644
--- a/falcon/_dev/css/theme/custom/_custom.scss
+++ b/falcon/_dev/css/theme/custom/_custom.scss
@@ -6,8 +6,9 @@ https://medium.com/@diyorbekjuraev77/be-a-master-at-creating-the-7-1-sass-patter
 ⚠️NOTE: All bootstrap overrides have been configured under themes/falcon/_dev/css/abstracts/variables/bootstrap */
 
 //Abstracts: Things used throughout the site such as utility classes and generic overrides.
-@import "abstracts/mixins";
 //@import "abstracts/base";
+@import "abstracts/functions";
+@import "abstracts/mixins";
 //@import "abstracts/utilities";
 
 // Components: parts of the theme itself that are not associated with a module.
diff --git a/falcon/_dev/css/theme/custom/abstracts/_functions.scss b/falcon/_dev/css/theme/custom/abstracts/_functions.scss
new file mode 100644
index 0000000..cc4565e
--- /dev/null
+++ b/falcon/_dev/css/theme/custom/abstracts/_functions.scss
@@ -0,0 +1,17 @@
+@use "sass:math";
+
+// Font size utility classes generator
+// Generates utility classes like .fs-14, .fs-16, etc.
+@for $i from 8 through 72 {
+    .fs-#{$i} {
+        font-size: rem-calc($i * 1px) !important;
+    }
+}
+
+// gap size utility classes generator
+// Generates utility classes like .gap-4
+@for $i from 1 through 35 {
+    .gap-#{$i} {
+        gap: rem-calc($i * 1px) !important;
+    }
+}