Fixed issue duplicate / overriding opacity

marceloverdijk · Oct 2, 2023 · 9b05e10 · 9b05e10
1 parent 5936ad1
commit 9b05e10
Showing 1 changed file with 31 additions and 38 deletions.
diff --git a/src/scss/user/_utilities.scss b/src/scss/user/_utilities.scss
@@ -1,42 +1,35 @@
-@import 'bootstrap/scss/functions';
-@import 'bootstrap/scss/variables';
-@import 'bootstrap/scss/mixins';
-@import '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"),
-          (
-            25px: 25px,
-            50px: 50px,
-            75px: 75px,
-            100px: 100px,
-            125px: 125px,
-            150px: 150px,
-            175px: 175px,
-            200px: 200px,
-            225px: 225px,
-            250px: 250px,
-            275px: 275px,
-            300px: 300px,
-            350px: 350px,
-            400px: 400px,
-            450px: 450px,
-            500px: 500px,
-            600px: 600px,
-            700px: 700px,
-            800px: 800px,
-            900px: 900px,
-            1000px: 1000px,
-          ),
-        ),
-      ),
+    // Width
+    "width": (
+      property: width,
+      class: w,
+      responsive: true,
+      values: (
+        25px: 25px,
+        50px: 50px,
+        75px: 75px,
+        100px: 100px,
+        125px: 125px,
+        150px: 150px,
+        175px: 175px,
+        200px: 200px,
+        225px: 225px,
+        250px: 250px,
+        275px: 275px,
+        300px: 300px,
+        350px: 350px,
+        400px: 400px,
+        450px: 450px,
+        500px: 500px,
+        600px: 600px,
+        700px: 700px,
+        800px: 800px,
+        900px: 900px,
+        1000px: 1000px,
+      )
     ),
-  )
+
+  ),
+  $utilities
 );