Docs: replace some `--#{$prefix}` by `--bs` in Sass files (#37617)

Co-authored-by: Julien Déramond <juderamond@gmail.com>

diff --git a/site/assets/scss/_brand.scss b/site/assets/scss/_brand.scss
index 304075c92b4abc0ee30b5822ec5aa27b4f43684a..03fe2fe1ff6915f681172eef619f3cd6d0abe768 100644 (file)
--- a/site/assets/scss/_brand.scss
+++ b/site/assets/scss/_brand.scss
@@ -15,13 +15,13 @@
 // Individual items
 .bd-brand-item {
   + .bd-brand-item {
-    border-top: 1px solid var(--#{$prefix}border-color);
+    border-top: 1px solid var(--bs-border-color);
   }
 
   @include media-breakpoint-up(md) {
     + .bd-brand-item {
       border-top: 0;
-      border-left: 1px solid var(--#{$prefix}border-color);
+      border-left: 1px solid var(--bs-border-color);
     }
   }
 }

diff --git a/site/assets/scss/_component-examples.scss b/site/assets/scss/_component-examples.scss
index dcedffa13ed66dfed7592588698c9e158846de3a..11800a638f09aa273c787f772402f0c03b324441 100644 (file)
--- a/site/assets/scss/_component-examples.scss
+++ b/site/assets/scss/_component-examples.scss
@@ -180,7 +180,7 @@
     width: 10rem;
     color: var(--bs-secondary-color);
     background-color: var(--bs-tertiary-bg);
-    border: var(--#{$prefix}border-width) solid var(--#{$prefix}border-color);
+    border: var(--bs-border-width) solid var(--bs-border-color);
 
     > div {
       display: flex;