More docs Sass modules

Author: mdo

scss/_colors.scss

@@ -278,5 +278,7 @@ $all-colors: (
   "yellows": $yellows,
   "greens": $greens,
   "teals": $teals,
-  "cyans": $cyans
+  "cyans": $cyans,
+  "black": $black,
+  "white": $white
 ) !default;

scss/_root.scss

@@ -12,8 +12,12 @@
   :root,
   [data-bs-theme="light"] {
     @each $color-group-name, $color-group in $all-colors {
-      @each $color-name, $color-value in $color-group {
-        --#{$prefix}#{$color-name}: #{$color-value};
+      @if type-of($color-group) == "map" {
+        @each $color-name, $color-value in $color-group {
+          --#{$prefix}#{$color-name}: #{$color-value};
+        }
+      } @else {
+        --#{$prefix}#{$color-group-name}: #{$color-group};
       }
     }
 

site/data/sidebar.yml

@@ -53,6 +53,7 @@
     - title: Tables
     - title: Figures
     - title: Content body
+
 - title: Forms
   icon: ui-radios
   icon_color: blue

site/src/content/docs/layout/grid.mdx

@@ -2,7 +2,6 @@
 title: CSS Grid
 description: Learn how to enable, use, and customize our alternate layout system built on CSS Grid with examples and code snippets.
 toc: true
-added: "5.1"
 ---
 
 Bootstrap's default grid system represents the culmination of over a decade of CSS layout techniques, tried and tested by millions of people. But, it was also created without many of the modern CSS features and techniques we're seeing in browsers like the new CSS Grid.