diff options
| author | Mark Otto <markdotto@gmail.com> | 2022-02-24 01:01:58 +0300 |
|---|---|---|
| committer | Mark Otto <markdotto@gmail.com> | 2022-02-24 01:01:58 +0300 |
| commit | 88437bd46472b4e7e5114b3e565b072ee9b3dbb9 (patch) | |
| tree | cbb01ad306e7f777f528a0aa8831fcd7e725ba1d | |
| parent | 333d89e4980863db15d0f639051e3b239e77decc (diff) | |
Split up padding CSS vars for dropdowns
| -rw-r--r-- | scss/_dropdown.scss | 10 |
1 files changed, 6 insertions, 4 deletions
diff --git a/scss/_dropdown.scss b/scss/_dropdown.scss index ad45b84a9f..9a1ab1dba8 100644 --- a/scss/_dropdown.scss +++ b/scss/_dropdown.scss @@ -17,7 +17,8 @@ .dropdown-menu { // scss-docs-start dropdown-css-vars --#{$variable-prefix}dropdown-min-width: #{$dropdown-min-width}; - --#{$variable-prefix}dropdown-padding: #{$dropdown-padding-y $dropdown-padding-x}; + --#{$variable-prefix}dropdown-padding-x: #{$dropdown-padding-x}; + --#{$variable-prefix}dropdown-padding-y: #{$dropdown-padding-y}; --#{$variable-prefix}dropdown-spacer: #{$dropdown-spacer}; @include rfs($dropdown-font-size, --#{$variable-prefix}dropdown-font-size); --#{$variable-prefix}dropdown-color: #{$dropdown-color}; // stylelint-disable-line custom-property-empty-line-before @@ -35,7 +36,8 @@ --#{$variable-prefix}dropdown-link-active-color: #{$dropdown-link-active-color}; --#{$variable-prefix}dropdown-link-active-bg: #{$dropdown-link-active-bg}; --#{$variable-prefix}dropdown-link-disabled-color: #{$dropdown-link-disabled-color}; - --#{$variable-prefix}dropdown-item-padding: #{$dropdown-item-padding-y $dropdown-item-padding-x}; + --#{$variable-prefix}dropdown-item-padding-x: #{$dropdown-item-padding-x}; + --#{$variable-prefix}dropdown-item-padding-y: #{$dropdown-item-padding-y}; --#{$variable-prefix}dropdown-header-color: #{$dropdown-header-color}; --#{$variable-prefix}dropdown-header-padding: #{$dropdown-header-padding}; // scss-docs-end dropdown-css-vars @@ -44,7 +46,7 @@ z-index: $zindex-dropdown; display: none; // none by default, but block on "open" of the menu min-width: var(--#{$variable-prefix}dropdown-min-width); - padding: var(--#{$variable-prefix}dropdown-padding); + padding: var(--#{$variable-prefix}dropdown-padding-y) var(--#{$variable-prefix}dropdown-padding-x); margin: 0; // Override default margin of ul @include font-size($dropdown-font-size); color: var(--#{$variable-prefix}dropdown-color); @@ -156,7 +158,7 @@ .dropdown-item { display: block; width: 100%; // For `<button>`s - padding: var(--#{$variable-prefix}dropdown-item-padding); + padding: var(--#{$variable-prefix}dropdown-item-padding-y) var(--#{$variable-prefix}dropdown-item-padding-x); clear: both; font-weight: $font-weight-normal; color: var(--#{$variable-prefix}dropdown-link-color); |