Add dropdown-item-padding-y var

- Closes #21622 which kept the 3px
- Puts variable in proper order for shorthand (y x)

diff --git a/scss/_dropdown.scss b/scss/_dropdown.scss
index 7c3ad855be0381ca96441113e06adb799379670c..090fdf1c16412a9d48d0ecd978e5dff67afc6093 100644 (file)
--- a/scss/_dropdown.scss
+++ b/scss/_dropdown.scss
@@ -65,7 +65,7 @@
 .dropdown-item {
   display: block;
   width: 100%; // For `<button>`s
-  padding: 3px $dropdown-item-padding-x;
+  padding: $dropdown-item-padding-y $dropdown-item-padding-x;
   clear: both;
   font-weight: $font-weight-normal;
   color: $dropdown-link-color;

diff --git a/scss/_variables.scss b/scss/_variables.scss
index be8caa3424b053a82169b18c5504866b1ae1c2e6..3af5205a4200546ae1e0ae6a514027a6d67b9b7d 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -547,6 +547,7 @@ $dropdown-link-active-bg:        $component-active-bg !default;
 
 $dropdown-link-disabled-color:   $gray-light !default;
 
+$dropdown-item-padding-y:        .25rem !default;
 $dropdown-item-padding-x:        1.5rem !default;
 
 $dropdown-header-color:          $gray-light !default;