Merge pull request #21 from trimble-oss/dev/coliff/form-label-margin-…

…bottom-4px

Change `form-label-margin-bottom` to 4px (was 8px)

scss/_modus-variables.scss

@@ -142,6 +142,7 @@ $btn-disabled-opacity:        .3 !default; // Modus Customization
 
 // Forms
 
+$form-label-margin-bottom:              .25rem !default; // Modus Customized
 $form-label-font-size:                  .75rem !default; // Modus Customized
 $form-label-font-weight:                700 !default; // Modus Customized
 

scss/_variables.scss

@@ -865,7 +865,7 @@ $form-text-color:                       #464B52; // Modus Customized (Neutral/Gr
 // scss-docs-end form-text-variables
 
 // scss-docs-start form-label-variables
-$form-label-margin-bottom:              .5rem !default;
+$form-label-margin-bottom:              .25rem !default; // Modus Customized
 $form-label-font-size:                  .75rem !default; // Modus Customized
 $form-label-font-style:                 null !default;
 $form-label-font-weight:                700 !default; // Modus Customized

site/content/docs/v2/components/carousel.md

@@ -4,6 +4,10 @@ title: Carousel
 description: A slideshow component for cycling through elements—images or slides of text—like a carousel.
 group: components
 toc: true
+hidden: true
+private: true
+sitemap:
+  disable: true
 ---
 
 ## How it works

site/content/docs/v2/extend/icons.md

@@ -3,6 +3,10 @@ layout: docs
 title: Icons
 description: Guidance and suggestions for using external icon libraries with Bootstrap.
 group: extend
+hidden: true
+private: true
+sitemap:
+  disable: true
 ---
 
 While Bootstrap doesn't include an icon set by default, we do have our own comprehensive icon library called Bootstrap Icons. Feel free to use them or any other icon set in your project. We've included details for Bootstrap Icons and other preferred icon sets below.

site/content/docs/v2/forms/floating-labels.md

@@ -4,6 +4,10 @@ title: Floating labels
 description: Create beautifully simple form labels that float over your input fields.
 group: forms
 toc: true
+hidden: true
+private: true
+sitemap:
+  disable: true
 ---
 
 ## Example

site/content/docs/v2/forms/overview.md

@@ -36,8 +36,8 @@ Here's a quick example to demonstrate Bootstrap's form styles. Keep reading for
 <form>
   <div class="mb-3">
     <label for="exampleInputEmail1" class="form-label">Email address</label>
-    <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
     <div id="emailHelp" class="form-text">We'll never share your email with anyone else.</div>
+    <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
   </div>
   <div class="mb-3">
     <label for="exampleInputPassword1" class="form-label">Password</label>

site/content/docs/v2/forms/select.md

@@ -32,28 +32,6 @@ You may also choose a large custom selects to match our similarly sized text inp
 </select>
 {{< /example >}}
 
-The `multiple` attribute is also supported:
-
-{{< example >}}
-<select class="form-select" multiple aria-label="Multiple select example">
-  <option selected>Open this select menu</option>
-  <option value="1">One</option>
-  <option value="2">Two</option>
-  <option value="3">Three</option>
-</select>
-{{< /example >}}
-
-As is the `size` attribute:
-
-{{< example >}}
-<select class="form-select" size="3" aria-label="Size 3 select example">
-  <option selected>Open this select menu</option>
-  <option value="1">One</option>
-  <option value="2">Two</option>
-  <option value="3">Three</option>
-</select>
-{{< /example >}}
-
 ## Disabled
 
 Add the `disabled` boolean attribute on a select to give it a grayed out appearance and remove pointer events.