diff options
| author | Mark Otto <[email protected]> | 2022-03-01 12:52:00 -0800 |
|---|---|---|
| committer | GitHub <[email protected]> | 2022-03-01 12:52:00 -0800 |
| commit | 9030f57db7762a48c813881ef22a99e6cebe99ce (patch) | |
| tree | 18bdc0950330fbf9ba38ca2289d06956cec3919e /scss/_badge.scss | |
| parent | b59b1080e1324394331b670fb102343ecb8736f8 (diff) | |
| download | bootstrap-9030f57db7762a48c813881ef22a99e6cebe99ce.tar.xz bootstrap-9030f57db7762a48c813881ef22a99e6cebe99ce.zip | |
Split CSS vars for padding values (#35921)
* Split CSS vars for padding values
Make these few components consistent with where we're heading with other components. Had to add some new Sass variables to handle the dropdown-header element, but not a huge deal. This ensures we can drop the combined variable in v6 when we're ready.
* Update scss/_dropdown.scss
Co-authored-by: Julien Déramond <[email protected]>
* Deprecate dropdown-header-padding var
Co-authored-by: Gaël Poupard <[email protected]>
Co-authored-by: Julien Déramond <[email protected]>
Diffstat (limited to 'scss/_badge.scss')
| -rw-r--r-- | scss/_badge.scss | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/scss/_badge.scss b/scss/_badge.scss index c097535b1..3e9fef14c 100644 --- a/scss/_badge.scss +++ b/scss/_badge.scss @@ -7,7 +7,8 @@ .badge { // scss-docs-start badge-css-vars - --#{$variable-prefix}badge-padding: #{$badge-padding-y $badge-padding-x}; + --#{$variable-prefix}badge-padding-x: #{$badge-padding-x}; + --#{$variable-prefix}badge-padding-y: #{$badge-padding-y}; @include rfs($badge-font-size, --#{$variable-prefix}badge-font-size); --#{$variable-prefix}badge-font-weight: #{$badge-font-weight}; --#{$variable-prefix}badge-color: #{$badge-color}; @@ -15,7 +16,7 @@ // scss-docs-end badge-css-vars display: inline-block; - padding: var(--#{$variable-prefix}badge-padding); + padding: var(--#{$variable-prefix}badge-padding-y) var(--#{$variable-prefix}badge-padding-x); font-size: var(--#{$variable-prefix}badge-font-size); font-weight: var(--#{$variable-prefix}badge-font-weight); line-height: 1; |