Reduce bootstrap-grid.css content

4 files changed, 8 insertions, 10 deletions

diff --git a/.bundlewatch.config.json b/.bundlewatch.config.json
index 5525f13d5..c9aac7e60 100644
--- a/.bundlewatch.config.json
+++ b/.bundlewatch.config.json
@@ -2,11 +2,11 @@
   "files": [
     {
       "path": "./dist/css/bootstrap-grid.css",
-      "maxSize": "8.25 kB"
+      "maxSize": "6.5 kB"
     },
     {
       "path": "./dist/css/bootstrap-grid.min.css",
-      "maxSize": "7.5 kB"
+      "maxSize": "6.0 kB"
     },
     {
       "path": "./dist/css/bootstrap-reboot.css",
diff --git a/scss/_grid.scss b/scss/_grid.scss
index 0e0ba210a..048f8009a 100644
--- a/scss/_grid.scss
+++ b/scss/_grid.scss
@@ -2,6 +2,12 @@
 //
 // Rows contain your columns.
 
+:root {
+  @each $name, $value in $grid-breakpoints {
+    --#{$prefix}breakpoint-#{$name}: #{$value};
+  }
+}
+
 @if $enable-grid-classes {
   .row {
     @include make-row();
diff --git a/scss/_root.scss b/scss/_root.scss
index a37832222..901a6a84d 100644
--- a/scss/_root.scss
+++ b/scss/_root.scss
@@ -121,10 +121,6 @@
   --#{$prefix}form-control-disabled-bg: var(--#{$prefix}secondary-bg);
   // scss-docs-end form-control-vars
 
-  @each $name, $value in $grid-breakpoints {
-    --#{$prefix}breakpoint-#{$name}: #{$value};
-  }
-
   // Focus styles
   // scss-docs-start root-focus-variables
   --#{$prefix}focus-ring-width: #{$focus-ring-width};
diff --git a/scss/bootstrap-grid.scss b/scss/bootstrap-grid.scss
index 4bfd4723b..62acc2400 100644
--- a/scss/bootstrap-grid.scss
+++ b/scss/bootstrap-grid.scss
@@ -5,20 +5,16 @@ $include-column-box-sizing: true !default;
 
 @import "functions";
 @import "variables";
-@import "variables-dark";
 @import "maps";
 
 @import "mixins/lists";
 @import "mixins/breakpoints";
-@import "mixins/color-mode";
 @import "mixins/container";
 @import "mixins/grid";
 @import "mixins/utilities";
 
 @import "vendor/rfs";
 
-@import "root";
-
 @import "containers";
 @import "grid";