mirror of
https://github.com/twbs/bootstrap.git
synced 2025-08-30 16:50:00 +02:00
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 <julien.deramond@orange.com> * Deprecate dropdown-header-padding var Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com> Co-authored-by: Julien Déramond <julien.deramond@orange.com>
This commit is contained in:
@@ -5,7 +5,8 @@
|
||||
.alert {
|
||||
// scss-docs-start alert-css-vars
|
||||
--#{$variable-prefix}alert-bg: transparent;
|
||||
--#{$variable-prefix}alert-padding: #{$alert-padding-y $alert-padding-x};
|
||||
--#{$variable-prefix}alert-padding-x: #{$alert-padding-x};
|
||||
--#{$variable-prefix}alert-padding-y: #{$alert-padding-y};
|
||||
--#{$variable-prefix}alert-margin-bottom: #{$alert-margin-bottom};
|
||||
--#{$variable-prefix}alert-color: inherit;
|
||||
--#{$variable-prefix}alert-border-color: transparent;
|
||||
@@ -14,7 +15,7 @@
|
||||
// scss-docs-end alert-css-vars
|
||||
|
||||
position: relative;
|
||||
padding: var(--#{$variable-prefix}alert-padding);
|
||||
padding: var(--#{$variable-prefix}alert-padding-y) var(--#{$variable-prefix}alert-padding-x);
|
||||
margin-bottom: var(--#{$variable-prefix}alert-margin-bottom);
|
||||
color: var(--#{$variable-prefix}alert-color);
|
||||
background-color: var(--#{$variable-prefix}alert-bg);
|
||||
|
Reference in New Issue
Block a user