From: Julien Déramond <julien.deramond@orange.com>
Date: Mon, 11 Apr 2022 09:59:40 +0000 (+0200)
Subject: Improve use of CSS vars in Toasts
X-Git-Tag: v5.2.0-beta1~92
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=a58d894a5b28fcff3db9c2309565cfdbc8131b9d;p=thirdparty%2Fbootstrap.git

Improve use of CSS vars in Toasts
---

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