From 1f20fc63a935a2354c1a416ee4f2717b0195f89c Mon Sep 17 00:00:00 2001
From: Andres Galante <agalante@gmail.com>
Date: Tue, 6 Feb 2018 09:16:26 -0300
Subject: [PATCH] creates a variable for label margin bottom

---
 scss/_reboot.scss    | 2 +-
 scss/_variables.scss | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/scss/_reboot.scss b/scss/_reboot.scss
index c79fa47401f2..3e00b7fab62d 100644
--- 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 9825b080832a..6cfe01cdce05 100644
--- 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;