diff options
author | Julien Déramond <julien.deramond@orange.com> | 2022-04-11 12:59:40 +0300 |
---|---|---|
committer | Mark Otto <otto@github.com> | 2022-04-12 01:36:10 +0300 |
commit | a58d894a5b28fcff3db9c2309565cfdbc8131b9d (patch) | |
tree | 6215b7d17f7af40f0613da0d1e34b664e96a973b | |
parent | 10f2830805fee2ea5bd0f35cfb10e5af5555657f (diff) |
Improve use of CSS vars in Toasts
-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 68f110b66e..4663e885ce 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); } } |