Extract $dropdown-margin-top variable

[skip sauce]
[skip validator]

diff --git a/scss/_dropdown.scss b/scss/_dropdown.scss
index 07ae2f1f65f1bd5a03c8033dfe4cbf6145c6d691..7db8e0c1499278bc12a280199b47a8f016f1d4ef 100644 (file)
--- a/scss/_dropdown.scss
+++ b/scss/_dropdown.scss
@@ -44,7 +44,7 @@
   float: left;
   min-width: $dropdown-min-width;
   padding: 5px 0;
-  margin: 2px 0 0; // override default ul
+  margin: $dropdown-margin-top 0 0; // override default ul
   font-size: $font-size-base;
   color: $body-color;
   text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
@@ -175,6 +175,6 @@
   .dropdown-menu {
     top: auto;
     bottom: 100%;
-    margin-bottom: 2px;
+    margin-bottom: $dropdown-margin-top;
   }
 }

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 6352b602bc626092d3b51b9d9d035df7e1920ec7..2c961b74a02bf81b5b0e9cfa5db7aa09b7f0fdba 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -431,6 +431,7 @@ $form-icon-danger: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www
 // Dropdown menu container and contents.
 
 $dropdown-min-width:             160px !default;
+$dropdown-margin-top:            2px !default;
 $dropdown-bg:                    #fff !default;
 $dropdown-border-color:          rgba(0,0,0,.15) !default;
 $dropdown-border-width:          $border-width !default;