From: Mark Otto <markd.otto@gmail.com>
Date: Fri, 13 Mar 2026 16:23:10 +0000 (-0700)
Subject: Update grid build to include grid utilities (#42172)
X-Git-Url: http://git.ipfire.org/gitweb.cgi?a=commitdiff_plain;h=a7f1ee7a29e71c1bcecfe5fe6deaf4cf1bf1c456;p=thirdparty%2Fbootstrap.git

Update grid build to include grid utilities (#42172)

Also fixes negative margin/gap values by separating negative spacers and doing a multi-map merge
---

diff --git a/scss/_config.scss b/scss/_config.scss
index 9530d43433..6ee1673dce 100644
--- a/scss/_config.scss
+++ b/scss/_config.scss
@@ -30,8 +30,6 @@ $min-contrast-ratio:         4.5 !default;
 // scss-docs-start spacer-variables-maps
 $spacer: 1rem !default;
 $spacers: (
-  -2: $spacer * -.5,
-  -1: $spacer * -.25,
   0: 0,
   1: $spacer * .25,
   2: $spacer * .5,
@@ -39,6 +37,11 @@ $spacers: (
   4: $spacer * 1.5,
   5: $spacer * 3,
 ) !default;
+
+$negative-spacers: (
+  "-1": $spacer * -.25,
+  "-2": $spacer * -.5,
+) !default;
 // scss-docs-end spacer-variables-maps
 
 $sizes: (
diff --git a/scss/_utilities.scss b/scss/_utilities.scss
index c1687682a7..1eb04558a7 100644
--- a/scss/_utilities.scss
+++ b/scss/_utilities.scss
@@ -507,51 +507,8 @@ $utilities: map.merge(
       responsive: true,
       property: margin-inline-start,
       class: ms,
-      values: map.merge($spacers, (auto: auto))
+      values: map-merge-multiple($spacers, $negative-spacers, (auto: auto))
     ),
-    // Negative margin utilities
-    // "negative-margin": (
-    //   responsive: true,
-    //   property: margin,
-    //   class: m,
-    //   values: $negative-spacers
-    // ),
-    // "negative-margin-x": (
-    //   responsive: true,
-    //   property: margin-inline,
-    //   class: mx,
-    //   values: $negative-spacers
-    // ),
-    // "negative-margin-y": (
-    //   responsive: true,
-    //   property: margin-block,
-    //   class: my,
-    //   values: $negative-spacers
-    // ),
-    // "negative-margin-top": (
-    //   responsive: true,
-    //   property: margin-block-start,
-    //   class: mt,
-    //   values: $negative-spacers
-    // ),
-    // "negative-margin-end": (
-    //   responsive: true,
-    //   property: margin-inline-end,
-    //   class: me,
-    //   values: $negative-spacers
-    // ),
-    // "negative-margin-bottom": (
-    //   responsive: true,
-    //   property: margin-block-end,
-    //   class: mb,
-    //   values: $negative-spacers
-    // ),
-    // "negative-margin-start": (
-    //   responsive: true,
-    //   property: margin-inline-start,
-    //   class: ms,
-    //   values: $negative-spacers
-    // ),
     // Padding utilities
     "padding": (
       responsive: true,
diff --git a/scss/bootstrap-grid.scss b/scss/bootstrap-grid.scss
index cb71b88127..7dff9bf721 100644
--- a/scss/bootstrap-grid.scss
+++ b/scss/bootstrap-grid.scss
@@ -17,6 +17,12 @@ $utilities: map-get-multiple(
   (
     "display",
     "order",
+    "grid-column-counts",
+    "grid-columns",
+    "grid-auto-flow",
+    "gap",
+    "row-gap",
+    "column-gap",
     "flex",
     "flex-direction",
     "flex-grow",