Create a variable for label margin bottom (#25561)

diff --git a/scss/_reboot.scss b/scss/_reboot.scss
index c79fa47401f223736a126bfafa303c889d1f04ef..3e00b7fab62d4bc523fb5b2ccfbaf19b48efd39c 100644 (file)
--- a/scss/_reboot.scss
+++ b/scss/_reboot.scss
@@ -309,7 +309,7 @@ th {
 label {
   // Allow labels to use `margin` for spacing.
   display: inline-block;
-  margin-bottom: .5rem;
+  margin-bottom: $label-margin-bottom;
 }
 
 // Remove the default `border-radius` that macOS Chrome adds.

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 9825b080832aff6b5ec94211a5fe4770bd34cf7d..6cfe01cdce05455779b8fcc4bc6f9736107bb02a 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -383,6 +383,8 @@ $btn-transition:              color .15s ease-in-out, background-color .15s ease
 
 // Forms
 
+$label-margin-bottom:                   .5rem !default;
+
 $input-padding-y:                       $input-btn-padding-y !default;
 $input-padding-x:                       $input-btn-padding-x !default;
 $input-line-height:                     $input-btn-line-height !default;