Update stylelint and stylelint-config-twbs-bootstrap (#35438)

site/assets/scss/_algolia.scss

@@ -1,5 +1,7 @@
 // Docsearch theming
 
+// stylelint-disable selector-class-pattern
+
 .algolia-autocomplete {
   width: 100%;
 }
@@ -24,7 +26,6 @@
   font-weight: 600;
   color: $bd-purple-bright;
 
-  // stylelint-disable-next-line selector-class-pattern
   :not(.algolia-docsearch-suggestion__main) > & {
     display: none;
   }

site/assets/scss/_layout.scss

@@ -4,9 +4,9 @@
 
   @include media-breakpoint-up(md) {
     display: grid;
-    gap: $grid-gutter-width;
     grid-template-areas: "sidebar main";
     grid-template-columns: 1fr 3fr;
+    gap: $grid-gutter-width;
   }
 
   @include media-breakpoint-up(lg) {
@@ -23,20 +23,20 @@
 
   @include media-breakpoint-up(md) {
     display: grid;
-    gap: inherit;
     grid-template-areas:
       "intro"
       "toc"
       "content";
     grid-template-rows: auto auto 1fr;
+    gap: inherit;
   }
 
   @include media-breakpoint-up(lg) {
     grid-template-areas:
       "intro   toc"
       "content toc";
-    grid-template-columns: 4fr 1fr;
     grid-template-rows: auto 1fr;
+    grid-template-columns: 4fr 1fr;
   }
 }
 

site/assets/scss/_placeholder-img.scss

@@ -6,8 +6,8 @@
 
 .bd-placeholder-img {
   @include font-size(1.125rem);
-  text-anchor: middle;
   user-select: none;
+  text-anchor: middle;
 }
 
 .bd-placeholder-img-lg {

site/assets/scss/_syntax.scss

@@ -1,4 +1,4 @@
-// stylelint-disable comment-empty-line-before, declaration-block-single-line-max-declarations, selector-class-pattern
+// stylelint-disable comment-empty-line-before, declaration-block-single-line-max-declarations
 
 /* Background .chroma { background-color: #f0f0f0; } */
 /* Other .chroma .x { } */

site/content/docs/5.1/examples/.stylelintrc

@@ -1,12 +1,12 @@
 {
   "extends": [
-    "stylelint-config-twbs-bootstrap/css"
+    "stylelint-config-twbs-bootstrap"
   ],
   "rules": {
     "at-rule-no-vendor-prefix": null,
     "comment-empty-line-before": null,
     "media-feature-name-no-vendor-prefix": null,
-    "property-blacklist": null,
+    "property-disallowed-list": null,
     "property-no-vendor-prefix": null,
     "selector-no-qualifying-type": null,
     "selector-no-vendor-prefix": null,

site/content/docs/5.1/examples/cheatsheet/cheatsheet.css

@@ -99,9 +99,9 @@ body {
 @media (min-width: 1200px) {
   body {
     display: grid;
-    gap: 1rem;
-    grid-template-columns: 1fr 4fr 1fr;
     grid-template-rows: auto;
+    grid-template-columns: 1fr 4fr 1fr;
+    gap: 1rem;
   }
 
   .bd-header {
@@ -127,10 +127,10 @@ body {
   .bd-cheatsheet section,
   .bd-cheatsheet article {
     display: inherit; /* 1 */
-    gap: inherit; /* 1 */
+    grid-template-rows: auto;
     grid-template-columns: 1fr 4fr;
     grid-column: 1 / span 2;
-    grid-template-rows: auto;
+    gap: inherit; /* 1 */
   }
 
   .bd-aside {

site/content/docs/5.1/examples/cheatsheet/cheatsheet.rtl.css

@@ -96,9 +96,9 @@ body {
 @media (min-width: 1200px) {
   body {
     display: grid;
-    gap: 1rem;
-    grid-template-columns: 1fr 4fr 1fr;
     grid-template-rows: auto;
+    grid-template-columns: 1fr 4fr 1fr;
+    gap: 1rem;
   }
 
   .bd-header {
@@ -122,10 +122,10 @@ body {
   .bd-cheatsheet section,
   .bd-cheatsheet article {
     display: inherit; /* 1 */
-    gap: inherit; /* 1 */
+    grid-template-rows: auto;
     grid-template-columns: 1fr 4fr;
     grid-column: 1 / span 2;
-    grid-template-rows: auto;
+    gap: inherit; /* 1 */
   }
 
   .bd-aside {

site/content/docs/5.1/examples/features/features.css

@@ -30,8 +30,8 @@
 .icon-link > .bi {
   margin-top: .125rem;
   margin-left: .125rem;
-  transition: transform .25s ease-in-out;
   fill: currentColor;
+  transition: transform .25s ease-in-out;
 }
 .icon-link:hover > .bi {
   transform: translate(.25rem);