kotovalexarian-likes-github
/
twbs--bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Releases Activity

Improve use of CSS vars in Toasts

This commit is contained in:
Julien Déramond 2022-04-11 11:59:40 +02:00 committed by Mark Otto
parent 10f2830805
commit a58d894a5b
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
scss/_toasts.scss
View File

@ -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);
}
}