aboutsummaryrefslogtreecommitdiff
path: root/scss/_toasts.scss
diff options
context:
space:
mode:
authorJulien Déramond <[email protected]>2022-04-11 11:59:40 +0200
committerMark Otto <[email protected]>2022-04-11 15:36:10 -0700
commita58d894a5b28fcff3db9c2309565cfdbc8131b9d (patch)
tree6215b7d17f7af40f0613da0d1e34b664e96a973b /scss/_toasts.scss
parent10f2830805fee2ea5bd0f35cfb10e5af5555657f (diff)
downloadbootstrap-a58d894a5b28fcff3db9c2309565cfdbc8131b9d.tar.xz
bootstrap-a58d894a5b28fcff3db9c2309565cfdbc8131b9d.zip
Improve use of CSS vars in Toasts
Diffstat (limited to 'scss/_toasts.scss')
-rw-r--r--scss/_toasts.scss5
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);
}
}