Issue #2939940 by bmx269, joelpittet: Update stylelint rules color-hex-case to...

Issue #2939940 by bmx269, joelpittet: Update stylelint rules color-hex-case to be consistent with Drupal's CSS standards

core/.stylelintrc.json

@@ -4,7 +4,6 @@
     "stylelint-no-browser-hacks/lib"
   ],
   "rules": {
-    "color-hex-case": null,
     "color-hex-length": null,
     "comment-empty-line-before": null,
     "declaration-block-no-duplicate-properties": null,

core/modules/ckeditor/css/ckeditor.css

@@ -7,7 +7,7 @@
 
 .ckeditor-dialog-loading-link {
   border-radius: 0 0 5px 5px;
-  border: 1px solid #B6B6B6;
+  border: 1px solid #b6b6b6;
   border-top: none;
   background: white;
   padding: 3px 10px;

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, #0A7BC1, #0a6eb4);
+  background-image: linear-gradient(to bottom, #0a7bc1, #0a6eb4);
 }
 .js-settings-tray-edit-mode .toolbar-item:not(.toolbar-icon-edit) {
   color: #999;
@@ -22,8 +22,8 @@
 .toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item,
 .toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item.is-active,
 .toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item:focus {
-  background-color: #0066A1;
-  background-image: linear-gradient(to bottom, #0066A1, #005b98);
+  background-color: #0066a1;
+  background-image: linear-gradient(to bottom, #0066a1, #005b98);
   color: #eee;
   text-shadow: none;
   font-weight: bold;
@@ -37,8 +37,8 @@
 }
 /* Make the hover of the active state the same as the inactive state. */
 .toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item.is-active:hover {
-  background-color: #0066A1;
-  background-image: linear-gradient(to bottom, #0066A1, #005b98);
+  background-color: #0066a1;
+  background-image: linear-gradient(to bottom, #0066a1, #005b98);
   color: #fff;
 }
 /* Make the inactive icon grey. */

core/modules/settings_tray/css/settings_tray.toolbar.css

@@ -20,8 +20,8 @@
 
 /* Style both the edit and editing states of the contextual links toggle tab. */
 .toolbar-icon-edit.toolbar-item {
-  background-color: #0066A1;
-  background-image: linear-gradient(to bottom, #0066A1, #005b98);
+  background-color: #0066a1;
+  background-image: linear-gradient(to bottom, #0066a1, #005b98);
   color: #eee;
   text-shadow: 0 1px hsla(0, 0%, 0%, 0.5);
   font-weight: 700;

core/modules/system/css/system.admin.css

@@ -117,7 +117,7 @@ small .admin-link:after {
   text-transform: none;
 }
 .system-modules td details a {
-  color: #5C5C5B;
+  color: #5c5c5b;
   border: 0;
 }
 .system-modules td details {

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

@@ -624,10 +624,10 @@ td.group-title {
   border: none;
 }
 .views-ui-dialog .views-offset-top {
-  border-bottom: 1px solid #CCC;
+  border-bottom: 1px solid #ccc;
 }
 .views-ui-dialog .views-offset-bottom {
-  border-top: 1px solid #CCC;
+  border-top: 1px solid #ccc;
 }
 .views-ui-dialog .views-override > * {
   margin: 0;

core/profiles/demo_umami/themes/umami/css/base.css

@@ -14,7 +14,7 @@ html {
 }
 
 a {
-  color: #00836D;
+  color: #00836d;
   text-decoration: underline;
 }
 a:hover,

core/profiles/demo_umami/themes/umami/css/components/blocks/banner/banner.css

@@ -27,7 +27,7 @@
   padding: 0.5em 1.5em 0.4em;
   border: 0;
   border-radius: 4px;
-  background-color: #E84265;
+  background-color: #e84265;
   color: #fff;
   cursor: pointer;
   text-align: center;
@@ -41,7 +41,7 @@
 
 .block-banner-block .field--name-field-content-link a:focus,
 .block-banner-block .field--name-field-content-link a:hover {
-  background-color: #00836D;
+  background-color: #00836d;
   color: #fff;
   text-decoration: underline;
 }

core/profiles/demo_umami/themes/umami/css/components/blocks/quicklinks/quicklinks.css

@@ -50,7 +50,7 @@
   height: 1px;
   width: 80%;
   content: '';
-  background-color: #E6EEE0;
+  background-color: #e6eee0;
 }
 .quicklinks__col:last-child::after {
   display: none;
@@ -71,7 +71,7 @@
     height: 100%;
     width: 1px;
     content: '';
-    background-color: #E6EEE0;
+    background-color: #e6eee0;
   }
   .quicklinks__col:nth-child(3)::after {
     display: block;

core/profiles/demo_umami/themes/umami/css/components/blocks/search/search.css

@@ -16,7 +16,7 @@
     flex: 0 1 50%;
     order: 1;
     display: block;
-    border-bottom: 1px solid #E6EEE0;
+    border-bottom: 1px solid #e6eee0;
   }
 }
 

core/profiles/demo_umami/themes/umami/css/components/content-types/recipe/recipe.css

@@ -190,7 +190,7 @@
   line-height: 1.2;
   padding: 0 0 0.6em 0;
   margin: 0 0 1em 0;
-  border-bottom: 1px solid #EEC2CB;
+  border-bottom: 1px solid #eec2cb;
 }
 /* Large */
 @media screen and (min-width: 60rem) { /* 960px */

core/profiles/demo_umami/themes/umami/css/components/content/full/node-full.css

@@ -47,7 +47,7 @@
   vertical-align: middle;
   display: inline-block;
   margin: 0 0.25ex;
-  color: #7CBE8C;
+  color: #7cbe8c;
 }
 
 .node--view-mode-full .field--name-field-tags {

core/profiles/demo_umami/themes/umami/css/components/navigation/menu-account/menu-account.css

@@ -12,7 +12,7 @@
     flex: 0 1 50%;
     order: 2;
     display: block;
-    border-bottom: 1px solid #E6EEE0;
+    border-bottom: 1px solid #e6eee0;
     text-align: right;
   }
 }

core/themes/bartik/css/components/captions.css

@@ -3,12 +3,12 @@
   margin-bottom: 1.2em;
 }
 .caption > * {
-  background: #F3F3F3;
+  background: #f3f3f3;
   padding: 0.5ex;
-  border: 1px solid #CCC;
+  border: 1px solid #ccc;
 }
 .caption > figcaption {
-  border: 1px solid #CCC;
+  border: 1px solid #ccc;
   border-top: none;
   padding-top: 0.5ex;
   font-size: small;

core/themes/bartik/css/components/views.css

@@ -9,7 +9,7 @@
 }
 .views-displays .tabs .open > a:hover,
 .views-displays .tabs .open > a:focus {
-  color: #0071B3;
+  color: #0071b3;
 }
 .views-displays .secondary .form-submit {
   font-size: 0.846em;
@@ -22,14 +22,14 @@
 
 /* Contextual filter options styles */
 .views-filterable-options .filterable-option:nth-of-type(even) .form-type-checkbox {
-  background-color: #F9F9F9;
+  background-color: #f9f9f9;
 }
 
 /* Views action dropbutton styles */
 .views-ui-display-tab-actions .dropbutton .form-submit {
-  color: #0071B3;
+  color: #0071b3;
 }
 .views-ui-display-tab-actions .dropbutton .form-submit:hover,
 .views-ui-display-tab-actions .dropbutton .form-submit:focus {
-  color: #018FE2;
+  color: #018fe2;
 }

core/themes/seven/css/components/buttons.css

@@ -62,7 +62,7 @@
 /* Prevent focus ring being covered by next siblings. */
 .button:focus {
   z-index: 10;
-  border: 1px solid #3AB2FF;
+  border: 1px solid #3ab2ff;
   box-shadow: 0 0 0.5em 0.1em hsla(203, 100%, 60%, 0.7);
 }
 .button:active {
@@ -94,7 +94,7 @@
   color: #fff;
 }
 .button--primary:focus {
-  border: 1px solid #1280DF;
+  border: 1px solid #1280df;
 }
 .button--primary:hover {
   box-shadow: 0 1px 2px hsla(203, 10%, 10%, 0.25);

core/themes/seven/css/components/form.css

@@ -241,6 +241,7 @@ select {
     background:
       url(../../../../misc/icons/333333/caret-down.svg) no-repeat 99% 63%,
       -webkit-linear-gradient(top, #f6f6f3, #e7e7df); /* LTR */
+
     text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
     font-size: 0.875rem;
     -webkit-transition: all 0.1s;

core/themes/seven/css/components/jquery.ui/theme.css

@@ -347,8 +347,8 @@
 .ui-slider .ui-slider-handle {
   border: 1px solid #e4e4e4;
   border-bottom: 1px solid #b4b4b4;
-  border-left-color: #D2D2D2;
-  border-right-color: #D2D2D2;
+  border-left-color: #d2d2d2;
+  border-right-color: #d2d2d2;
   background-color: #e4e4e4;
   border-radius: 4px;
 }
@@ -375,16 +375,16 @@
  * Date Picker
  */
 .ui-datepicker {
-  border: 1px solid #A6A6A6;
-  background: #FFF;
+  border: 1px solid #a6a6a6;
+  background: #fff;
   /* Override datepicker.css */
   padding: 0;
 }
 
 /* Override tables.css */
 .ui-datepicker-calendar thead tr {
-  border-bottom: 1px solid #A6A6A6;
-  border-top: 1px solid #A6A6A6;
+  border-bottom: 1px solid #a6a6a6;
+  border-top: 1px solid #a6a6a6;
 }
 .ui-datepicker-calendar tr:hover {
   background: transparent;

core/themes/seven/css/components/system-status-counter.css

@@ -11,7 +11,7 @@
   display: inline-block;
   width: 100%;
   white-space: nowrap;
-  background: #FCFCFA;
+  background: #fcfcfa;
 }
 .system-status-counter__status-icon {
   display: inline-block;

core/themes/seven/css/components/tabs.css

@@ -9,7 +9,7 @@
 .is-horizontal .tabs:before {
   content: '';
   display: block;
-  background-color: #A6A6A6;
+  background-color: #a6a6a6;
   height: 1px;
   position: absolute;
   bottom: 0;