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

The option is set to `always-single-line` in stylelint-config-standard which we extend.
twbs · Oct 22, 2017 · 29d58fb · 29d58fb
1 parent 44278f8
commit 29d58fb
Show file tree

Hide file tree

Showing 15 changed files with 63 additions and 64 deletions.
diff --git 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
@@ -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
@@ -14,22 +14,22 @@
     > [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);
     }
   }
 
   .flex-items-top,
   .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
@@ -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
@@ -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,18 +149,18 @@
   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;
 }
 
 .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;
 }
diff --git a/build/.stylelintrc b/build/.stylelintrc
@@ -21,7 +21,6 @@
     "declaration-no-important": true,
     "font-family-name-quotes": "always-where-recommended",
     "font-weight-notation": "numeric",
-    "function-comma-space-after": null,
     "function-url-no-scheme-relative": true,
     "function-url-quotes": "always",
     "length-zero-no-unit": true,

diff --git a/docs/4.0/examples/blog/blog.css b/docs/4.0/examples/blog/blog.css
@@ -47,7 +47,7 @@ h6,
 .blog-masthead {
   margin-bottom: 3rem;
   background-color: #428bca;
-  box-shadow: inset 0 -.1rem .25rem rgba(0,0,0,.1);
+  box-shadow: inset 0 -.1rem .25rem rgba(0, 0, 0, .1);
 }
 
 /* Nav links */

diff --git a/docs/4.0/examples/cover/cover.css b/docs/4.0/examples/cover/cover.css
@@ -32,7 +32,7 @@ body {
 body {
   color: #fff;
   text-align: center;
-  text-shadow: 0 .05rem .1rem rgba(0,0,0,.5);
+  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
 }
 
 /* Extra markup and styles for table-esque vertical and horizontal centering */
@@ -41,7 +41,7 @@ body {
   width: 100%;
   height: 100%; /* For at least Firefox */
   min-height: 100%;
-  box-shadow: inset 0 0 5rem rgba(0,0,0,.5);
+  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
 }
 .site-wrapper-inner {
   display: table-cell;
@@ -73,14 +73,14 @@ body {
 .nav-masthead .nav-link {
   padding: .25rem 0;
   font-weight: 700;
-  color: rgba(255,255,255,.5);
+  color: rgba(255, 255, 255, .5);
   background-color: transparent;
   border-bottom: .25rem solid transparent;
 }
 
 .nav-masthead .nav-link:hover,
 .nav-masthead .nav-link:focus {
-  border-bottom-color: rgba(255,255,255,.25);
+  border-bottom-color: rgba(255, 255, 255, .25);
 }
 
 .nav-masthead .nav-link + .nav-link {
@@ -120,7 +120,7 @@ body {
  */
 
 .mastfoot {
-  color: rgba(255,255,255,.5);
+  color: rgba(255, 255, 255, .5);
 }
 
 

diff --git a/docs/4.0/examples/grid/grid.css b/docs/4.0/examples/grid/grid.css
@@ -17,8 +17,8 @@ h3 {
 [class*="col-"] {
   padding-top: 1rem;
   padding-bottom: 1rem;
-  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);
 }
 
 hr {

diff --git a/docs/4.0/examples/justified-nav/justified-nav.css b/docs/4.0/examples/justified-nav/justified-nav.css
@@ -20,7 +20,7 @@ body {
 }
 
 .navbar {
-  background-image: linear-gradient(to bottom, #f7f7f7 0%,#eee 100%);
+  background-image: linear-gradient(to bottom, #f7f7f7 0%, #eee 100%);
   border: 1px solid #e5e5e5;
 }
 

diff --git a/scss/_button-group.scss b/scss/_button-group.scss
@@ -202,7 +202,7 @@
     input[type="radio"],
     input[type="checkbox"] {
       position: absolute;
-      clip: rect(0,0,0,0);
+      clip: rect(0, 0, 0, 0);
       pointer-events: none;
     }
   }

diff --git a/scss/_carousel.scss b/scss/_carousel.scss
@@ -91,13 +91,13 @@
 .carousel-control-prev {
   left: 0;
   @if $enable-gradients {
-    background: linear-gradient(90deg, rgba(0,0,0,.25), rgba(0,0,0,.001));
+    background: linear-gradient(90deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .001));
   }
 }
 .carousel-control-next {
   right: 0;
   @if $enable-gradients {
-    background: linear-gradient(270deg, rgba(0,0,0,.25), rgba(0,0,0,.001));
+    background: linear-gradient(270deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .001));
   }
 }
 

diff --git a/scss/_reboot.scss b/scss/_reboot.scss
@@ -30,7 +30,7 @@ html {
   -webkit-text-size-adjust: 100%; // 4
   -ms-text-size-adjust: 100%; // 4
   -ms-overflow-style: scrollbar; // 5
-  -webkit-tap-highlight-color: rgba(0,0,0,0); // 6
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 6
 }
 
 // IE10+ doesn't honor `<meta name="viewport">` in some cases.