Extend spacers and sizes (#25101)

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 6973f2921c7cd34768dbd59e16c76191a489f6a2..24e1417729467241458211d69cbb8254f23df8f7 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -114,23 +114,27 @@ $enable-print-styles:       true !default;
 // variables. Mostly focused on spacing.
 // You can add more entries to the $spacers map, should you need more variation.
 
+// stylelint-disable
 $spacer: 1rem !default;
-$spacers: (
+$spacers: () !default;
+$spacers: map-merge((
   0: 0,
   1: ($spacer * .25),
   2: ($spacer * .5),
   3: $spacer,
   4: ($spacer * 1.5),
   5: ($spacer * 3)
-) !default;
+), $spacers);
 
 // This variable affects the `.h-*` and `.w-*` classes.
-$sizes: (
+$sizes: () !default;
+$sizes: map-merge((
   25: 25%,
   50: 50%,
   75: 75%,
   100: 100%
-) !default;
+), $sizes);
+// stylelint-enable
 
 // Body
 //