]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
Fix stylelint
authorMark Otto <markdotto@gmail.com>
Mon, 24 Feb 2025 18:07:10 +0000 (10:07 -0800)
committerMark Otto <markdotto@gmail.com>
Sat, 31 May 2025 03:30:55 +0000 (20:30 -0700)
22 files changed:
.stylelintrc.json
scss/_accordion.scss
scss/_button-group.scss
scss/_card.scss
scss/_list-group.scss
scss/_modal.scss
scss/_nav.scss
scss/_offcanvas.scss
scss/_popover.scss
scss/_toasts.scss
scss/_tooltip.scss
scss/_variables.scss
scss/content/_tables.scss
scss/forms/_input-group.scss
scss/layout/_containers.scss
scss/layout/_grid.scss
scss/layout/index.scss
site/src/assets/examples/blog/blog.css
site/src/assets/examples/blog/blog.rtl.css
site/src/scss/_component-examples.scss
site/src/scss/_content.scss
site/src/scss/_syntax.scss

index 589884aae7abf394bdc25c8cf67a9a0745cd9371..045dbeff4e702dff85bbfdc203e008cb542ac7de 100644 (file)
@@ -13,7 +13,6 @@
           "outline": "none"
         },
         "function-disallowed-list": [
-          "calc",
           "lighten",
           "darken"
         ],
index 591ebfe654465214a68b90d4ec0e129f2f4f1f79..4f1a190e1a2296db7543b388e2fc9c3f92e6b5bb 100644 (file)
@@ -55,7 +55,7 @@
     &:not(.collapsed) {
       color: var(--#{$prefix}accordion-active-color);
       background-color: var(--#{$prefix}accordion-active-bg);
-      box-shadow: inset 0 calc(-1 * var(--#{$prefix}accordion-border-width)) 0 var(--#{$prefix}accordion-border-color); // stylelint-disable-line function-disallowed-list
+      box-shadow: inset 0 calc(-1 * var(--#{$prefix}accordion-border-width)) 0 var(--#{$prefix}accordion-border-color);
 
       &::after {
         background-image: var(--#{$prefix}accordion-btn-active-icon);
index 9162e12e20a8bdf4133de0b29a02bf9d7dd2951b..3dce7f231cbc785821540575c1f587f93f5f4313 100644 (file)
@@ -45,7 +45,7 @@
     // Prevent double borders when buttons are next to each other
     > :not(.btn-check:first-child) + .btn,
     > .btn-group:not(:first-child) {
-      margin-left: calc(-1 * #{$btn-border-width}); // stylelint-disable-line function-disallowed-list
+      margin-left: calc(-1 * #{$btn-border-width});
     }
 
     // Reset rounded corners
 
     > .btn:not(:first-child),
     > .btn-group:not(:first-child) {
-      margin-top: calc(-1 * #{$btn-border-width}); // stylelint-disable-line function-disallowed-list
+      margin-top: calc(-1 * #{$btn-border-width});
     }
 
     // Reset rounded corners
index 2b9a99b151e5366fdf30660af1edf2b1beddb706..1519502d61d7e1ab6547221d7911ed58990e3eb8 100644 (file)
@@ -87,7 +87,7 @@
   }
 
   .card-subtitle {
-    margin-top: calc(-.5 * var(--#{$prefix}card-title-spacer-y)); // stylelint-disable-line function-disallowed-list
+    margin-top: calc(-.5 * var(--#{$prefix}card-title-spacer-y));
     margin-bottom: 0;
     color: var(--#{$prefix}card-subtitle-color);
   }
   //
 
   .card-header-tabs {
-    margin-right: calc(-.5 * var(--#{$prefix}card-cap-padding-x)); // stylelint-disable-line function-disallowed-list
-    margin-bottom: calc(-1 * var(--#{$prefix}card-cap-padding-y)); // stylelint-disable-line function-disallowed-list
-    margin-left: calc(-.5 * var(--#{$prefix}card-cap-padding-x)); // stylelint-disable-line function-disallowed-list
+    margin-right: calc(-.5 * var(--#{$prefix}card-cap-padding-x));
+    margin-bottom: calc(-1 * var(--#{$prefix}card-cap-padding-y));
+    margin-left: calc(-.5 * var(--#{$prefix}card-cap-padding-x));
     border-bottom: 0;
 
     .nav-link.active {
   }
 
   .card-header-pills {
-    margin-right: calc(-.5 * var(--#{$prefix}card-cap-padding-x)); // stylelint-disable-line function-disallowed-list
-    margin-left: calc(-.5 * var(--#{$prefix}card-cap-padding-x)); // stylelint-disable-line function-disallowed-list
+    margin-right: calc(-.5 * var(--#{$prefix}card-cap-padding-x));
+    margin-left: calc(-.5 * var(--#{$prefix}card-cap-padding-x));
   }
 
   // Card image
index a4e8b59bf21998f05aabe5a93830fe9c64a16348..33cf2c3d4a04f0b5a2a4346369d7af1ae6f1b223 100644 (file)
@@ -92,7 +92,7 @@
       border-top-width: 0;
 
       &.active {
-        margin-top: calc(-1 * var(--#{$prefix}list-group-border-width)); // stylelint-disable-line function-disallowed-list
+        margin-top: calc(-1 * var(--#{$prefix}list-group-border-width));
         border-top-width: var(--#{$prefix}list-group-border-width);
       }
     }
             border-left-width: 0;
 
             &.active {
-              margin-left: calc(-1 * var(--#{$prefix}list-group-border-width)); // stylelint-disable-line function-disallowed-list
+              margin-left: calc(-1 * var(--#{$prefix}list-group-border-width));
               border-left-width: var(--#{$prefix}list-group-border-width);
             }
           }
index a9024336fe230c6c4716d083f4554e5e6e24b8b4..d3bca2f67295b39f403902faac0e1ede1a45d04b 100644 (file)
@@ -9,8 +9,6 @@
 @use "vendor/rfs" as *;
 @use "layout/breakpoints" as *;
 
-// stylelint-disable function-disallowed-list
-
 // .modal-open      - body class for killing the scroll
 // .modal           - container to scroll within
 // .modal-dialog    - positioning shell for the actual modal
index 4c5531854d155de773027a351973f0a82b632516..8467677ad4f344ab3d9aef14cada6d3ab5703c64 100644 (file)
@@ -78,7 +78,7 @@
     border-bottom: var(--#{$prefix}nav-tabs-border-width) solid var(--#{$prefix}nav-tabs-border-color);
 
     .nav-link {
-      margin-bottom: calc(-1 * var(--#{$prefix}nav-tabs-border-width)); // stylelint-disable-line function-disallowed-list
+      margin-bottom: calc(-1 * var(--#{$prefix}nav-tabs-border-width));
       border: var(--#{$prefix}nav-tabs-border-width) solid transparent;
       @include border-top-radius(var(--#{$prefix}nav-tabs-border-radius));
 
@@ -99,7 +99,7 @@
 
     .dropdown-menu {
       // Make dropdown border overlap tab border
-      margin-top: calc(-1 * var(--#{$prefix}nav-tabs-border-width)); // stylelint-disable-line function-disallowed-list
+      margin-top: calc(-1 * var(--#{$prefix}nav-tabs-border-width));
       // Remove the top rounded corners here since there is a hard edge above the menu
       @include border-top-radius(0);
     }
index 628959c889f5a2fbea1090de9dc7136507a18895..f2485b6a58cddd5568d7ab45cdacaa2b1930fe17 100644 (file)
@@ -6,8 +6,6 @@
 @use "mixins/backdrop" as *;
 @use "layout/breakpoints" as *;
 
-// stylelint-disable function-disallowed-list
-
 @layer components {
   %offcanvas-css-vars {
     // scss-docs-start offcanvas-css-vars
index c8370658c46b6ac950a4d8a565e961a051d38fb5..9449195757922dfacb989252294ffcd3198b9fdf 100644 (file)
 
   .bs-popover-top {
     > .popover-arrow {
-      bottom: calc(-1 * (var(--#{$prefix}popover-arrow-height)) - var(--#{$prefix}popover-border-width)); // stylelint-disable-line function-disallowed-list
+      bottom: calc(-1 * (var(--#{$prefix}popover-arrow-height)) - var(--#{$prefix}popover-border-width));
 
       &::before,
       &::after {
-        border-width: var(--#{$prefix}popover-arrow-height) calc(var(--#{$prefix}popover-arrow-width) * .5) 0; // stylelint-disable-line function-disallowed-list
+        border-width: var(--#{$prefix}popover-arrow-height) calc(var(--#{$prefix}popover-arrow-width) * .5) 0;
       }
 
       &::before {
   /* rtl:begin:ignore */
   .bs-popover-end {
     > .popover-arrow {
-      left: calc(-1 * (var(--#{$prefix}popover-arrow-height)) - var(--#{$prefix}popover-border-width)); // stylelint-disable-line function-disallowed-list
+      left: calc(-1 * (var(--#{$prefix}popover-arrow-height)) - var(--#{$prefix}popover-border-width));
       width: var(--#{$prefix}popover-arrow-height);
       height: var(--#{$prefix}popover-arrow-width);
 
       &::before,
       &::after {
-        border-width: calc(var(--#{$prefix}popover-arrow-width) * .5) var(--#{$prefix}popover-arrow-height) calc(var(--#{$prefix}popover-arrow-width) * .5) 0; // stylelint-disable-line function-disallowed-list
+        border-width: calc(var(--#{$prefix}popover-arrow-width) * .5) var(--#{$prefix}popover-arrow-height) calc(var(--#{$prefix}popover-arrow-width) * .5) 0;
       }
 
       &::before {
 
   .bs-popover-bottom {
     > .popover-arrow {
-      top: calc(-1 * (var(--#{$prefix}popover-arrow-height)) - var(--#{$prefix}popover-border-width)); // stylelint-disable-line function-disallowed-list
+      top: calc(-1 * (var(--#{$prefix}popover-arrow-height)) - var(--#{$prefix}popover-border-width));
 
       &::before,
       &::after {
-        border-width: 0 calc(var(--#{$prefix}popover-arrow-width) * .5) var(--#{$prefix}popover-arrow-height); // stylelint-disable-line function-disallowed-list
+        border-width: 0 calc(var(--#{$prefix}popover-arrow-width) * .5) var(--#{$prefix}popover-arrow-height);
       }
 
       &::before {
       left: 50%;
       display: block;
       width: var(--#{$prefix}popover-arrow-width);
-      margin-left: calc(-.5 * var(--#{$prefix}popover-arrow-width)); // stylelint-disable-line function-disallowed-list
+      margin-left: calc(-.5 * var(--#{$prefix}popover-arrow-width));
       content: "";
       border-bottom: var(--#{$prefix}popover-border-width) solid var(--#{$prefix}popover-header-bg);
     }
   /* rtl:begin:ignore */
   .bs-popover-start {
     > .popover-arrow {
-      right: calc(-1 * (var(--#{$prefix}popover-arrow-height)) - var(--#{$prefix}popover-border-width)); // stylelint-disable-line function-disallowed-list
+      right: calc(-1 * (var(--#{$prefix}popover-arrow-height)) - var(--#{$prefix}popover-border-width));
       width: var(--#{$prefix}popover-arrow-height);
       height: var(--#{$prefix}popover-arrow-width);
 
       &::before,
       &::after {
-        border-width: calc(var(--#{$prefix}popover-arrow-width) * .5) 0 calc(var(--#{$prefix}popover-arrow-width) * .5) var(--#{$prefix}popover-arrow-height); // stylelint-disable-line function-disallowed-list
+        border-width: calc(var(--#{$prefix}popover-arrow-width) * .5) 0 calc(var(--#{$prefix}popover-arrow-width) * .5) var(--#{$prefix}popover-arrow-height);
       }
 
       &::before {
index 9a4bbcb7aa7c573a7cf3de85083a91839949198f..dc79b2c0baf3018e5354be16974832f71b0ecc1a 100644 (file)
@@ -68,7 +68,7 @@
     @include border-top-radius(calc(var(--#{$prefix}toast-border-radius) - var(--#{$prefix}toast-border-width)));
 
     .btn-close {
-      margin-right: calc(-.5 * var(--#{$prefix}toast-padding-x)); // stylelint-disable-line function-disallowed-list
+      margin-right: calc(-.5 * var(--#{$prefix}toast-padding-x));
       margin-left: var(--#{$prefix}toast-padding-x);
     }
   }
index 13f71a0799c9d7f36c6329874dc1662ca976faae..eabeddbe0188981cd11ad9f5de382d6d135ca481 100644 (file)
   }
 
   .bs-tooltip-top .tooltip-arrow {
-    bottom: calc(-1 * var(--#{$prefix}tooltip-arrow-height)); // stylelint-disable-line function-disallowed-list
+    bottom: calc(-1 * var(--#{$prefix}tooltip-arrow-height));
 
     &::before {
       top: -1px;
-      border-width: var(--#{$prefix}tooltip-arrow-height) calc(var(--#{$prefix}tooltip-arrow-width) * .5) 0; // stylelint-disable-line function-disallowed-list
+      border-width: var(--#{$prefix}tooltip-arrow-height) calc(var(--#{$prefix}tooltip-arrow-width) * .5) 0;
       border-top-color: var(--#{$prefix}tooltip-bg);
     }
   }
 
   /* rtl:begin:ignore */
   .bs-tooltip-end .tooltip-arrow {
-    left: calc(-1 * var(--#{$prefix}tooltip-arrow-height)); // stylelint-disable-line function-disallowed-list
+    left: calc(-1 * var(--#{$prefix}tooltip-arrow-height));
     width: var(--#{$prefix}tooltip-arrow-height);
     height: var(--#{$prefix}tooltip-arrow-width);
 
     &::before {
       right: -1px;
-      border-width: calc(var(--#{$prefix}tooltip-arrow-width) * .5) var(--#{$prefix}tooltip-arrow-height) calc(var(--#{$prefix}tooltip-arrow-width) * .5) 0; // stylelint-disable-line function-disallowed-list
+      border-width: calc(var(--#{$prefix}tooltip-arrow-width) * .5) var(--#{$prefix}tooltip-arrow-height) calc(var(--#{$prefix}tooltip-arrow-width) * .5) 0;
       border-right-color: var(--#{$prefix}tooltip-bg);
     }
   }
   /* rtl:end:ignore */
 
   .bs-tooltip-bottom .tooltip-arrow {
-    top: calc(-1 * var(--#{$prefix}tooltip-arrow-height)); // stylelint-disable-line function-disallowed-list
+    top: calc(-1 * var(--#{$prefix}tooltip-arrow-height));
 
     &::before {
       bottom: -1px;
-      border-width: 0 calc(var(--#{$prefix}tooltip-arrow-width) * .5) var(--#{$prefix}tooltip-arrow-height); // stylelint-disable-line function-disallowed-list
+      border-width: 0 calc(var(--#{$prefix}tooltip-arrow-width) * .5) var(--#{$prefix}tooltip-arrow-height);
       border-bottom-color: var(--#{$prefix}tooltip-bg);
     }
   }
 
   /* rtl:begin:ignore */
   .bs-tooltip-start .tooltip-arrow {
-    right: calc(-1 * var(--#{$prefix}tooltip-arrow-height)); // stylelint-disable-line function-disallowed-list
+    right: calc(-1 * var(--#{$prefix}tooltip-arrow-height));
     width: var(--#{$prefix}tooltip-arrow-height);
     height: var(--#{$prefix}tooltip-arrow-width);
 
     &::before {
       left: -1px;
-      border-width: calc(var(--#{$prefix}tooltip-arrow-width) * .5) 0 calc(var(--#{$prefix}tooltip-arrow-width) * .5) var(--#{$prefix}tooltip-arrow-height); // stylelint-disable-line function-disallowed-list
+      border-width: calc(var(--#{$prefix}tooltip-arrow-width) * .5) 0 calc(var(--#{$prefix}tooltip-arrow-width) * .5) var(--#{$prefix}tooltip-arrow-height);
       border-left-color: var(--#{$prefix}tooltip-bg);
     }
   }
index 5c1bb61ef54a7eed7595096c515ad9b711d031fc..2a14f96adeb5ade639b859d1f372d6ea43186f8a 100644 (file)
@@ -629,7 +629,7 @@ $input-focus-box-shadow:                $input-btn-focus-box-shadow !default;
 $input-placeholder-color:               var(--#{$prefix}secondary-color) !default;
 $input-plaintext-color:                 var(--#{$prefix}body-color) !default;
 
-$input-height-border:                   calc(#{$input-border-width} * 2) !default; // stylelint-disable-line function-disallowed-list
+$input-height-border:                   calc(#{$input-border-width} * 2) !default;
 
 $input-height-inner:                    calc($input-line-height * 1em + ($input-padding-y * 2)) !default;
 $input-height-inner-half:               calc($input-line-height * .5em + ($input-padding-y)) !default;
@@ -954,7 +954,7 @@ $dropdown-bg:                       var(--#{$prefix}body-bg) !default;
 $dropdown-border-color:             var(--#{$prefix}border-color-translucent) !default;
 $dropdown-border-radius:            var(--#{$prefix}border-radius) !default;
 $dropdown-border-width:             var(--#{$prefix}border-width) !default;
-$dropdown-inner-border-radius:      calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default; // stylelint-disable-line function-disallowed-list
+$dropdown-inner-border-radius:      calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;
 $dropdown-divider-bg:               $dropdown-border-color !default;
 $dropdown-divider-margin-y:         $spacer * .5 !default;
 $dropdown-box-shadow:               var(--#{$prefix}box-shadow) !default;
@@ -1011,7 +1011,7 @@ $pagination-color:                  var(--#{$prefix}link-color) !default;
 $pagination-bg:                     var(--#{$prefix}body-bg) !default;
 $pagination-border-radius:          var(--#{$prefix}border-radius) !default;
 $pagination-border-width:           var(--#{$prefix}border-width) !default;
-$pagination-margin-start:           calc(-1 * #{$pagination-border-width}) !default; // stylelint-disable-line function-disallowed-list
+$pagination-margin-start:           calc(-1 * #{$pagination-border-width}) !default;
 $pagination-border-color:           var(--#{$prefix}border-color) !default;
 
 $pagination-focus-color:            var(--#{$prefix}link-hover-color) !default;
@@ -1147,7 +1147,7 @@ $popover-max-width:                 276px !default;
 $popover-border-width:              var(--#{$prefix}border-width) !default;
 $popover-border-color:              var(--#{$prefix}border-color-translucent) !default;
 $popover-border-radius:             var(--#{$prefix}border-radius-lg) !default;
-$popover-inner-border-radius:       calc(#{$popover-border-radius} - #{$popover-border-width}) !default; // stylelint-disable-line function-disallowed-list
+$popover-inner-border-radius:       calc(#{$popover-border-radius} - #{$popover-border-width}) !default;
 $popover-box-shadow:                var(--#{$prefix}box-shadow) !default;
 
 $popover-header-font-size:          $font-size-base !default;
index 2b049435dea7b311677a8d946ffd7c311a675558..f1134904b8f6982607dbdb3a79439659c158913f 100644 (file)
@@ -82,7 +82,7 @@
   }
 
   .table-group-divider {
-    border-top: calc(#{$table-border-width} * 2) solid $table-group-separator-color; // stylelint-disable-line function-disallowed-list
+    border-top: calc(#{$table-border-width} * 2) solid $table-group-separator-color;
   }
 
   //
index 155e02c855a33db7e3393392cc5a57d3764228ce..c3b43d0516cb84e7a135d52add13ccd5235804f4 100644 (file)
     }
 
     > :not(:first-child):not(.dropdown-menu)#{$validation-messages} {
-      margin-left: calc(-1 * #{$input-border-width}); // stylelint-disable-line function-disallowed-list
+      margin-left: calc(-1 * #{$input-border-width});
       @include border-start-radius(0);
     }
 
index fb4494bc95715742f5ac0762b81f240bd8de8253..60bda1845690cacb702c0dc29f94137e61c31f96 100644 (file)
@@ -10,8 +10,8 @@
   --#{$prefix}gutter-x: #{$gutter};
   --#{$prefix}gutter-y: 0;
   width: 100%;
-  padding-right: calc(var(--#{$prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list
-  padding-left: calc(var(--#{$prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list
+  padding-right: calc(var(--#{$prefix}gutter-x) * .5);
+  padding-left: calc(var(--#{$prefix}gutter-x) * .5);
   margin-right: auto;
   margin-left: auto;
 }
index 62e4203e228135fb71fd2114c195e46b71956507..17fac456c723f469ec24926a742cbca1c25a5627 100644 (file)
@@ -62,8 +62,8 @@
     --#{$prefix}gap: #{$grid-gutter-width};
 
     display: grid;
-    grid-auto-flow: row;
     grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
+    grid-auto-flow: row;
     gap: var(--#{$prefix}gap);
   }
 
index 16303b4ac8527751d9e9fb9197bfbb9699148c2a..d848b9ff687c1721fd80f1ddea1d4abcf446890a 100644 (file)
@@ -1,3 +1,3 @@
 @import "breakpoints";
 @import "containers";
-@import "grid";
\ No newline at end of file
+@import "grid";
index 86eedaf1de09d17e8ca784383ca5cf86d4de47de..74d32ad17f6877c53f1ea6150fb9789e19f32853 100644 (file)
@@ -1,4 +1,6 @@
-/* stylelint-disable @stylistic/selector-list-comma-newline-after */
+.blog-header {
+  border-bottom: 1px solid #e5e5e5;
+}
 
 .blog-header-logo {
   font-family: "Playfair Display", Georgia, "Times New Roman", serif/*rtl:Amiri, Georgia, "Times New Roman", serif*/;
@@ -9,7 +11,12 @@
   text-decoration: none;
 }
 
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   font-family: "Playfair Display", Georgia, "Times New Roman", serif/*rtl:Amiri, Georgia, "Times New Roman", serif*/;
 }
 
index bd0c9d1f05683c9b04d0e2a901d831415137864e..ca88544e52e77a44737d9f755a0a6b2d9104df9b 100644 (file)
@@ -1,4 +1,6 @@
-/* stylelint-disable @stylistic/selector-list-comma-newline-after */
+.blog-header {
+  border-bottom: 1px solid #e5e5e5;
+}
 
 .blog-header-logo {
   font-family: Amiri, Georgia, "Times New Roman", serif;
@@ -9,7 +11,12 @@
   text-decoration: none;
 }
 
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   font-family: Amiri, Georgia, "Times New Roman", serif;
 }
 
index cf57625a42ac5be3c10bf820689ec58479b8b3c0..63b69142c1a21b864b4f62aeb857cb5d5745fee8 100644 (file)
   .fixed-top,
   .sticky-top {
     position: static;
-    margin: calc(-1 * var(--bd-example-padding)) calc(-1 * var(--bd-example-padding)) var(--bd-example-padding); // stylelint-disable-line function-disallowed-list
+    margin: calc(var(--bd-example-padding) * -1) calc(var(--bd-example-padding) * -1) var(--bd-example-padding);
   }
 
   .fixed-bottom,
   .sticky-bottom {
     position: static;
-    margin: var(--bd-example-padding) calc(-1 * var(--bd-example-padding)) calc(-1 * var(--bd-example-padding)); // stylelint-disable-line function-disallowed-list
-
+    margin: var(--bd-example-padding) calc(var(--bd-example-padding) * -1) calc(var(--bd-example-padding) * -1);
   }
 
   // Pagination
index 12dbbbda58255dec77259c0c088dd375bd400947..59964ceb591f88e1ebaeb3d6022cc4c361328f5a 100644 (file)
     }
 
     // Prevent breaking of code
+    // stylelint-disable selector-max-compound-selectors
     th,
-    td:first-child > code { // stylelint-disable-line selector-max-compound-selectors
+    td:first-child > code {
       white-space: nowrap;
     }
+    // stylelint-enable selector-max-compound-selectors
   }
 }
 
index 57e7b821e4bf09c0d2a756f83327177e0ce4e623..5f23d8a47b8e20eaa9f10e4b3a066d21c6325f52 100644 (file)
@@ -1,3 +1,9 @@
+@use "../../../scss/config" as *;
+@use "../../../scss/colors" as *;
+@use "../../../scss/mixins/color-mode" as *;
+
+// stylelint-disable selector-no-qualifying-type
+
 :root,
 [data-bs-theme="light"] {
   // --base00: #fff;