From 8df787075371758e2c6eb0ed5ecf09716a459239 Mon Sep 17 00:00:00 2001
From: Jeroen De Meerleer <me@jeroened.be>
Date: Wed, 22 Mar 2023 14:02:04 +0100
Subject: [PATCH] ENHANCEMENT: more custom bootstrap

---
 assets/scss/custom.scss  | 75 ++++++++++++++++++++++++++++++++--------
 templates/base.html.twig |  2 +-
 2 files changed, 62 insertions(+), 15 deletions(-)

diff --git a/assets/scss/custom.scss b/assets/scss/custom.scss
index 018387d..d0aacc0 100644
--- a/assets/scss/custom.scss
+++ b/assets/scss/custom.scss
@@ -4,19 +4,66 @@
 @import "/node_modules/bootstrap/scss/utilities";
 
 $utilities: map-merge(
-        $utilities,
-        (
-            "width":
-            map-merge(
-                    map-get($utilities, "width"),
-                    (
-                        responsive: true,
-                        values: map-merge(
-                                map-get(map-get($utilities, "width"), "values"),
-                                (20: 20%),
-                        ),
-                    )
-            )
-        )
+  $utilities,
+  (
+    "width":
+    map-merge(
+      map-get($utilities, "width"),
+      (
+        responsive: true,
+        values: map-merge(
+          map-get(map-get($utilities, "width"), "values"),
+          (
+            10: 10%,
+            20: 20%,
+            30: 30%,
+            40: 40%,
+            60: 60%,
+            70: 70%,
+            80: 80%,
+            90: 90%,
+            50p: 50px,
+            100p: 100px,
+            150p: 150px,
+            200p: 200px,
+            250p: 250px,
+            500p: 500px,
+          ),
+        ),
+      )
+    )
+  ),
+);
+
+$utilities: map-merge(
+  $utilities,
+  (
+    "height":
+    map-merge(
+      map-get($utilities, "height"),
+      (
+        responsive: true,
+        values: map-merge(
+          map-get(map-get($utilities, "height"), "values"),
+          (
+            10: 10%,
+            20: 20%,
+            30: 30%,
+            40: 40%,
+            60: 60%,
+            70: 70%,
+            80: 80%,
+            90: 90%,
+            50p: 50px,
+            100p: 100px,
+            150p: 150px,
+            200p: 200px,
+            250p: 250px,
+            500p: 500px,
+          ),
+        ),
+      )
+    )
+  )
 );
 
diff --git a/templates/base.html.twig b/templates/base.html.twig
index c830c17..281b10d 100644
--- a/templates/base.html.twig
+++ b/templates/base.html.twig
@@ -4,7 +4,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1">
         
         <title>Jeroen De Meerleer{% if block("title") is not empty %} :: {% block title %}{% endblock %}{% endif %}</title>
-        
+
         {% block styles %}{% endblock %}
 
         {% block scripts %}{% endblock %}