Issue #2866810 by BrightBold, harsha012, joelpittet: Update stylelint rule...

Issue #2866810 by BrightBold, harsha012, joelpittet: Update stylelint rule function-comma-space-after to be consistent with Drupal's CSS standards

core/.stylelintrc.json

@@ -9,7 +9,6 @@
     "comment-empty-line-before": null,
     "declaration-block-no-duplicate-properties": null,
     "declaration-block-no-shorthand-property-overrides": null,
-    "function-comma-space-after": null,
     "function-linear-gradient-no-nonstandard-direction": null,
     "function-whitespace-after": null,
     "length-zero-no-unit": null,

core/misc/dialog/off-canvas.button.css

@@ -58,7 +58,7 @@
 }
 #drupal-off-canvas input[type="submit"].button:focus,
 #drupal-off-canvas input[type="submit"].button:active {
-  box-shadow: 0 3px 3px 2px rgba(0,0,0,0.1);
+  box-shadow: 0 3px 3px 2px rgba(0, 0, 0, 0.1);
 }
 #drupal-off-canvas input[type="submit"].button--primary {
   border: 0;

core/misc/dialog/off-canvas.dropbutton.css

@@ -252,7 +252,7 @@
 
 /* Create visual separation if there is an adjacent button. */
 #drupal-off-canvas .dropbutton-multiple.open .dropbutton-widget {
-  box-shadow: 0 3px 3px 2px rgba(0,0,0,0.5);
+  box-shadow: 0 3px 3px 2px rgba(0, 0, 0, 0.5);
 }
 
 /* Triggered dropbutton expands to show secondary items. */

core/misc/dialog/off-canvas.reset.css

@@ -383,6 +383,6 @@
 /* To standardize off-canvas selection color. */
 #drupal-off-canvas ::-moz-selection,
 #drupal-off-canvas ::selection {
-  background-color: rgba(175,175,175,0.5);
+  background-color: rgba(175, 175, 175, 0.5);
   color: inherit;
 }

core/modules/block_place/css/block-place.css

@@ -4,8 +4,8 @@
  */
 
 .block-place-region {
-  outline: 1px dashed rgba(0,0,0,0.5);
-  box-shadow: 0 0 0 1px rgba(255,255,255,0.7);
+  outline: 1px dashed rgba(0, 0, 0, 0.5);
+  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7);
   margin: 1em 0;
   padding: 5px;
   text-align: center;

core/modules/ckeditor/css/ckeditor.admin.css

@@ -180,7 +180,7 @@
   padding: 4px 6px;
   position: relative;
   text-decoration: none;
-  text-shadow: 0 1px 0 rgba(255,255,255,.5);
+  text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
   white-space: nowrap;
 }
 .ckeditor-toolbar-dividers {

core/modules/contextual/css/contextual.toolbar.css

@@ -14,8 +14,8 @@
   margin: 0;
 }
 .toolbar .toolbar-bar .contextual-toolbar-tab .toolbar-item.is-active {
-  background-image: -webkit-linear-gradient(rgb(78,159,234) 0%, rgb(69,132,221) 100%);
-  background-image: linear-gradient(rgb(78,159,234) 0%, rgb(69,132,221) 100%);
+  background-image: -webkit-linear-gradient(rgb(78, 159, 234) 0%, rgb(69, 132, 221) 100%);
+  background-image: linear-gradient(rgb(78, 159, 234) 0%, rgb(69, 132, 221) 100%);
 }
 
 /* @todo get rid of this declaration by making toolbar.module's CSS less specific */

core/modules/settings_tray/css/settings_tray.theme.css

@@ -9,7 +9,7 @@
 
 /* Style the edit mode toolbar and tabs. */
 #toolbar-bar.js-settings-tray-edit-mode {
-  background-image: linear-gradient(to bottom,#0c97ed,#1f86c7);
+  background-image: linear-gradient(to bottom, #0c97ed, #1f86c7);
 }
 .js-settings-tray-edit-mode .toolbar-item:not(.toolbar-icon-edit) {
   color: #999;
@@ -61,10 +61,10 @@
 
 /* Style the editables while in edit mode. */
 .dialog-off-canvas-main-canvas.js-settings-tray-edit-mode .settings-tray-editable {
-  outline: 1px dashed rgba(0,0,0,0.5);
-  box-shadow: 0 0 0 1px rgba(255,255,255,0.7);
+  outline: 1px dashed rgba(0, 0, 0, 0.5);
+  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7);
 }
 .dialog-off-canvas-main-canvas.js-settings-tray-edit-mode .settings-tray-editable:hover,
 .dialog-off-canvas-main-canvas.js-settings-tray-edit-mode .settings-tray-editable.settings-tray-active-editable {
-  background-color: rgba(0,0,0,0.2);
+  background-color: rgba(0, 0, 0, 0.2);
 }

core/modules/toolbar/css/toolbar.theme.css

@@ -5,10 +5,10 @@
   font-family: "Source Sans Pro", "Lucida Grande", Verdana, sans-serif;
   /* Set base font size to 13px based on root ems. */
   font-size: 0.8125rem;
-  -moz-tap-highlight-color: rgba(0,0,0,0);
-  -o-tap-highlight-color: rgba(0,0,0,0);
-  -webkit-tap-highlight-color: rgba(0,0,0,0);
-  tap-highlight-color: rgba(0,0,0,0);
+  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
+  -o-tap-highlight-color: rgba(0, 0, 0, 0);
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  tap-highlight-color: rgba(0, 0, 0, 0);
   -moz-touch-callout: none;
   -o-touch-callout: none;
   -webkit-touch-callout: none;

core/modules/views_ui/css/views_ui.admin.theme.css

@@ -37,11 +37,11 @@
   background: linear-gradient(-90deg, #fff 0, #e8e8e8 100%) no-repeat, repeat-y;
   border: 1px solid #ddd;
   border-radius: 4px;
-  box-shadow: 0 0 0 rgba(0,0,0,0.3333) inset;
+  box-shadow: 0 0 0 rgba(0, 0, 0, 0.3333) inset;
 }
 .views-admin a.icon:hover {
   border-color: #d0d0d0;
-  box-shadow: 0 0 1px rgba(0,0,0,0.3333) inset;
+  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3333) inset;
 }
 .views-admin a.icon:active {
   border-color: #c0c0c0;

core/themes/bartik/css/components/ui-dialog.css

@@ -18,8 +18,8 @@
 }
 .ui-dialog .button {
   background-color: #fff;
-  background-image: -webkit-linear-gradient(top,#f3f3f3,#e8e8e8);
-  background-image: linear-gradient(to bottom,#f3f3f3,#e8e8e8);
+  background-image: -webkit-linear-gradient(top, #f3f3f3, #e8e8e8);
+  background-image: linear-gradient(to bottom, #f3f3f3, #e8e8e8);
   border: 1px solid #e4e4e4;
   border-bottom-color: #b4b4b4;
   border-left-color: #d2d2d2;

core/themes/seven/css/components/tour.theme.css

@@ -6,7 +6,7 @@
 /* Default styles for the container */
 .joyride-tip-guide {
   background: #000;
-  background: rgba(0,0,0, 0.8);
+  background: rgba(0, 0, 0, 0.8);
   color: #fff;
   border-radius: 5px;
 }
@@ -20,7 +20,7 @@
 
 /* Add a little css triangle pip, older browser just miss out on the fanciness of it. */
 .joyride-tip-guide .joyride-nub {
-  border: solid 14px rgba(0,0,0, 0.8);
+  border: solid 14px rgba(0, 0, 0, 0.8);
 }
 .joyride-tip-guide .joyride-nub.top {
   border-top-color: transparent;
@@ -39,7 +39,7 @@
 }
 [dir="rtl"] .joyride-tip-guide .joyride-nub.right {
   border-left-color: transparent;
-  border-right-color: rgba(0,0,0, 0.8);
+  border-right-color: rgba(0, 0, 0, 0.8);
 }
 .joyride-tip-guide .joyride-nub.left {
   border-top-color: transparent;
@@ -47,7 +47,7 @@
   border-bottom-color: transparent;
 }
 [dir="rtl"] .joyride-tip-guide .joyride-nub.left {
-  border-left-color: rgba(0,0,0, 0.8);
+  border-left-color: rgba(0, 0, 0, 0.8);
   border-right-color: transparent;
 }
 .joyride-tip-guide .joyride-nub.top-right {
@@ -72,26 +72,26 @@
   margin: 0;
 }
 .joyride-timer-indicator-wrap {
-  border: solid 1px rgba(255,255,255, 0.1);
+  border: solid 1px rgba(255, 255, 255, 0.1);
 }
 .joyride-timer-indicator {
-  background: rgba(255,255,255, 0.25);
+  background: rgba(255, 255, 255, 0.25);
 }
 
 .joyride-close-tip {
-  color: rgba(255,255,255, 0.4);
+  color: rgba(255, 255, 255, 0.4);
   text-decoration: none;
   font-size: 1.4em;
   font-weight: bold;
 }
 .joyride-close-tip:hover,
 .joyride-close-tip:focus {
-  color: rgba(255,255,255, 0.9);
+  color: rgba(255, 255, 255, 0.9);
   text-decoration: none;
 }
 
 .joyride-modal-bg {
-  background: rgba(0,0,0, 0.5);
+  background: rgba(0, 0, 0, 0.5);
 }
 
 .joyride-expose-wrapper {

core/themes/stable/css/ckeditor/ckeditor.admin.css

@@ -180,7 +180,7 @@
   padding: 4px 6px;
   position: relative;
   text-decoration: none;
-  text-shadow: 0 1px 0 rgba(255,255,255,.5);
+  text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
   white-space: nowrap;
 }
 .ckeditor-toolbar-dividers {

core/themes/stable/css/contextual/contextual.toolbar.css

@@ -14,8 +14,8 @@
   margin: 0;
 }
 .toolbar .toolbar-bar .contextual-toolbar-tab .toolbar-item.is-active {
-  background-image: -webkit-linear-gradient(rgb(78,159,234) 0%, rgb(69,132,221) 100%);
-  background-image: linear-gradient(rgb(78,159,234) 0%, rgb(69,132,221) 100%);
+  background-image: -webkit-linear-gradient(rgb(78, 159, 234) 0%, rgb(69, 132, 221) 100%);
+  background-image: linear-gradient(rgb(78, 159, 234) 0%, rgb(69, 132, 221) 100%);
 }
 
 /* @todo get rid of this declaration by making toolbar.module's CSS less specific */

core/themes/stable/css/core/dialog/off-canvas.button.css

@@ -58,7 +58,7 @@
 }
 #drupal-off-canvas input[type="submit"].button:focus,
 #drupal-off-canvas input[type="submit"].button:active {
-  box-shadow: 0 3px 3px 2px rgba(0,0,0,0.1);
+  box-shadow: 0 3px 3px 2px rgba(0, 0, 0, 0.1);
 }
 #drupal-off-canvas input[type="submit"].button--primary {
   border: 0;

core/themes/stable/css/core/dialog/off-canvas.dropbutton.css

@@ -252,7 +252,7 @@
 
 /* Create visual separation if there is an adjacent button. */
 #drupal-off-canvas .dropbutton-multiple.open .dropbutton-widget {
-  box-shadow: 0 3px 3px 2px rgba(0,0,0,0.5);
+  box-shadow: 0 3px 3px 2px rgba(0, 0, 0, 0.5);
 }
 
 /* Triggered dropbutton expands to show secondary items. */

core/themes/stable/css/core/dialog/off-canvas.reset.css

@@ -383,6 +383,6 @@
 /* To standardize off-canvas selection color. */
 #drupal-off-canvas ::-moz-selection,
 #drupal-off-canvas ::selection {
-  background-color: rgba(175,175,175,0.5);
+  background-color: rgba(175, 175, 175, 0.5);
   color: inherit;
 }

core/themes/stable/css/toolbar/toolbar.theme.css

@@ -5,10 +5,10 @@
   font-family: "Source Sans Pro", "Lucida Grande", Verdana, sans-serif;
   /* Set base font size to 13px based on root ems. */
   font-size: 0.8125rem;
-  -moz-tap-highlight-color: rgba(0,0,0,0);
-  -o-tap-highlight-color: rgba(0,0,0,0);
-  -webkit-tap-highlight-color: rgba(0,0,0,0);
-  tap-highlight-color: rgba(0,0,0,0);
+  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
+  -o-tap-highlight-color: rgba(0, 0, 0, 0);
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  tap-highlight-color: rgba(0, 0, 0, 0);
   -moz-touch-callout: none;
   -o-touch-callout: none;
   -webkit-touch-callout: none;

core/themes/stable/css/views_ui/views_ui.admin.theme.css

@@ -37,11 +37,11 @@
   background: linear-gradient(-90deg, #fff 0, #e8e8e8 100%) no-repeat, repeat-y;
   border: 1px solid #ddd;
   border-radius: 4px;
-  box-shadow: 0 0 0 rgba(0,0,0,0.3333) inset;
+  box-shadow: 0 0 0 rgba(0, 0, 0, 0.3333) inset;
 }
 .views-admin a.icon:hover {
   border-color: #d0d0d0;
-  box-shadow: 0 0 1px rgba(0,0,0,0.3333) inset;
+  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3333) inset;
 }
 .views-admin a.icon:active {
   border-color: #c0c0c0;