diff options
| author | Julien Déramond <[email protected]> | 2022-04-11 11:59:40 +0200 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2022-04-11 15:36:10 -0700 |
| commit | a58d894a5b28fcff3db9c2309565cfdbc8131b9d (patch) | |
| tree | 6215b7d17f7af40f0613da0d1e34b664e96a973b /scss | |
| parent | 10f2830805fee2ea5bd0f35cfb10e5af5555657f (diff) | |
| download | bootstrap-a58d894a5b28fcff3db9c2309565cfdbc8131b9d.tar.xz bootstrap-a58d894a5b28fcff3db9c2309565cfdbc8131b9d.zip | |
Improve use of CSS vars in Toasts
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/_toasts.scss | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/scss/_toasts.scss b/scss/_toasts.scss index 68f110b66..4663e885c 100644 --- a/scss/_toasts.scss +++ b/scss/_toasts.scss @@ -2,6 +2,7 @@ // scss-docs-start toast-css-vars --#{$prefix}toast-padding-x: #{$toast-padding-x}; --#{$prefix}toast-padding-y: #{$toast-padding-y}; + --#{$prefix}toast-spacing: #{$toast-spacing}; --#{$prefix}toast-max-width: #{$toast-max-width}; @include rfs($toast-font-size, --#{$prefix}toast-font-size); --#{$prefix}toast-color: #{$toast-color}; // stylelint-disable-line custom-property-empty-line-before @@ -17,7 +18,7 @@ width: var(--#{$prefix}toast-max-width); max-width: 100%; - @include font-size($toast-font-size); + @include font-size(var(--#{$prefix}toast-font-size)); color: var(--#{$prefix}toast-color); pointer-events: auto; background-color: var(--#{$prefix}toast-bg); @@ -43,7 +44,7 @@ pointer-events: none; > :not(:last-child) { - margin-bottom: $toast-spacing; + margin-bottom: var(--#{$prefix}toast-spacing); } } |