Enable stylelint's `function-comma-space-after`. (#24501)

The option is set to `always-single-line` in stylelint-config-standard which we extend.

5 files changed, 21 insertions, 21 deletions

diff --git a/assets/scss/_ads.scss b/assets/scss/_ads.scss
index af86479723..375a9e01fa 100644
--- a/assets/scss/_ads.scss
+++ b/assets/scss/_ads.scss
@@ -14,7 +14,7 @@
   font-size: 13px;
   line-height: 1.4;
   text-align: left;
-  background-color: rgba(0,0,0,.05);
+  background-color: rgba(0, 0, 0, .05);
 
   a {
     color: #333;
diff --git a/assets/scss/_algolia.scss b/assets/scss/_algolia.scss
index 4c6f6abf5a..4014ab973c 100644
--- a/assets/scss/_algolia.scss
+++ b/assets/scss/_algolia.scss
@@ -15,8 +15,8 @@
     padding: .75rem 0 !important;
     background-color: #fff;
     background-clip: padding-box;
-    border: 1px solid rgba(0,0,0,.1);
-    box-shadow: 0 .5rem 1rem rgba(0,0,0,.175);
+    border: 1px solid rgba(0, 0, 0, .1);
+    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .175);
 
     @include media-breakpoint-up(md) {
       width: 175%;
@@ -82,7 +82,7 @@
       .algolia-docsearch-suggestion--category-header {
         padding-top: .75rem !important;
         margin-top: .75rem !important;
-        border-top: 1px solid rgba(0,0,0,.1);
+        border-top: 1px solid rgba(0, 0, 0, .1);
       }
     }
 
@@ -115,7 +115,7 @@
     font-size: .75rem !important;
     line-height: 1 !important;
     color: #767676 !important;
-    border-top: 1px solid rgba(0,0,0,.1);
+    border-top: 1px solid rgba(0, 0, 0, .1);
   }
 
   .algolia-docsearch-footer--logo {
@@ -132,10 +132,10 @@
   }
 
   .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight {
-    box-shadow: inset 0 -2px 0 0 rgba(95,45,171,.5) !important;
+    box-shadow: inset 0 -2px 0 0 rgba(95, 45, 171, .5) !important;
   }
 
   .ds-suggestion.ds-cursor .algolia-docsearch-suggestion--content {
-    background-color: rgba(208,189,236,.15) !important;
+    background-color: rgba(208, 189, 236, .15) !important;
   }
 }
diff --git a/assets/scss/_component-examples.scss b/assets/scss/_component-examples.scss
index 3d216991af..cab01e1aee 100644
--- a/assets/scss/_component-examples.scss
+++ b/assets/scss/_component-examples.scss
@@ -14,8 +14,8 @@
     > [class^="col-"] {
       padding-top: .75rem;
       padding-bottom: .75rem;
-      background-color: rgba(86,61,124,.15);
-      border: 1px solid rgba(86,61,124,.2);
+      background-color: rgba(86, 61, 124, .15);
+      border: 1px solid rgba(86, 61, 124, .2);
     }
   }
 
@@ -23,13 +23,13 @@
   .flex-items-middle,
   .flex-items-bottom {
     min-height: 6rem;
-    background-color: rgba(255,0,0,.1);
+    background-color: rgba(255, 0, 0, .1);
   }
 }
 
 .bd-example-row-flex-cols .row {
   min-height: 10rem;
-  background-color: rgba(255,0,0,.1);
+  background-color: rgba(255, 0, 0, .1);
 }
 
 .bd-highlight {
diff --git a/assets/scss/_nav.scss b/assets/scss/_nav.scss
index 7e831e67aa..73c6bad642 100644
--- a/assets/scss/_nav.scss
+++ b/assets/scss/_nav.scss
@@ -5,7 +5,7 @@
 .bd-navbar {
   min-height: 4rem;
   background-color: $bd-purple;
-  box-shadow: 0 .5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1);
+  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .05), inset 0 -1px 0 rgba(0, 0, 0, .1);
 
   @include media-breakpoint-down(md) {
     padding-right: .5rem;
diff --git a/assets/scss/_sidebar.scss b/assets/scss/_sidebar.scss
index f4251f871f..385cb8cd8e 100644
--- a/assets/scss/_sidebar.scss
+++ b/assets/scss/_sidebar.scss
@@ -52,7 +52,7 @@
 .bd-sidebar {
   order: 0;
   // background-color: #f5f2f9;
-  border-bottom: 1px solid rgba(0,0,0,.1);
+  border-bottom: 1px solid rgba(0, 0, 0, .1);
 
   @include media-breakpoint-up(md) {
     @supports (position: sticky) {
@@ -61,7 +61,7 @@
       z-index: 1000;
       height: calc(100vh - 4rem);
     }
-    border-right: 1px solid rgba(0,0,0,.1);
+    border-right: 1px solid rgba(0, 0, 0, .1);
   }
 
   @include media-breakpoint-up(xl) {
@@ -93,7 +93,7 @@
   padding: 1rem 15px;
   margin-right: -15px;
   margin-left: -15px;
-  border-bottom: 1px solid rgba(0,0,0,.05);
+  border-bottom: 1px solid rgba(0, 0, 0, .05);
 
   .form-control:focus {
     border-color: $bd-purple-bright;
@@ -114,10 +114,10 @@
   display: block;
   padding: .25rem 1.5rem;
   font-weight: 500;
-  color: rgba(0,0,0,.65);
+  color: rgba(0, 0, 0, .65);
 
   &:hover {
-    color: rgba(0,0,0,.85);
+    color: rgba(0, 0, 0, .85);
     text-decoration: none;
   }
 }
@@ -131,7 +131,7 @@
     }
 
     > .bd-toc-link {
-      color: rgba(0,0,0,.85);
+      color: rgba(0, 0, 0, .85);
 
       &:hover {
         background-color: transparent;
@@ -149,11 +149,11 @@
   display: block;
   padding: .25rem 1.5rem;
   font-size: 90%;
-  color: rgba(0,0,0,.65);
+  color: rgba(0, 0, 0, .65);
 }
 
 .bd-sidebar .nav > li > a:hover {
-  color: rgba(0,0,0,.85);
+  color: rgba(0, 0, 0, .85);
   text-decoration: none;
   background-color: transparent;
 }
@@ -161,6 +161,6 @@
 .bd-sidebar .nav > .active > a,
 .bd-sidebar .nav > .active:hover > a {
   font-weight: 500;
-  color: rgba(0,0,0,.85);
+  color: rgba(0, 0, 0, .85);
   background-color: transparent;
 }