Reduce bootstrap-grid.css content

.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",

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();

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};

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";