Extract $dropdown-item-padding-x variable

[skip sauce]
[skip validator]

diff --git a/scss/_dropdown.scss b/scss/_dropdown.scss
index 07ae2f1f65f1bd5a03c8033dfe4cbf6145c6d691..7aff06095d4fd1e4a394c8f725aadc31b3ab7251 100644 (file)
--- a/scss/_dropdown.scss
+++ b/scss/_dropdown.scss
@@ -67,7 +67,7 @@
 .dropdown-item {
   display: block;
   width: 100%; // For `<button>`s
-  padding: 3px 20px;
+  padding: 3px $dropdown-item-padding-x;
   clear: both;
   font-weight: normal;
   color: $dropdown-link-color;
@@ -141,7 +141,7 @@
 // Dropdown section headers
 .dropdown-header {
   display: block;
-  padding: 5px 20px;
+  padding: 5px $dropdown-item-padding-x;
   font-size: $font-size-sm;
   color: $dropdown-header-color;
   white-space: nowrap; // as with > li > a

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 6352b602bc626092d3b51b9d9d035df7e1920ec7..c02af45f556ad933cf1bf984412004ac7a04da69 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -446,6 +446,8 @@ $dropdown-link-active-bg:        $component-active-bg !default;
 
 $dropdown-link-disabled-color:   $gray-light !default;
 
+$dropdown-item-padding-x:        20px !default;
+
 $dropdown-header-color:          $gray-light !default;