From 1eee47dd3ef9e1944eac3710071a5af9939eeebb Mon Sep 17 00:00:00 2001
From: Steven Evans <kopelli@gmail.com>
Date: Mon, 9 Jul 2018 16:05:12 -0400
Subject: [PATCH] [refactor] Enabled Stylelint "color-hex-case" rule

---
 css/interactivetutorial.css |  2 +-
 css/styles.css              | 38 ++++++++++++++++++-------------------
 stylelint.config.js         |  2 +-
 3 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/css/interactivetutorial.css b/css/interactivetutorial.css
index 6fe222a73..b79de7c34 100644
--- a/css/interactivetutorial.css
+++ b/css/interactivetutorial.css
@@ -10,7 +10,7 @@
     top: 0;
     height: 400px; /* Full height */
     padding: 10px;
-    border: 5px solid #FFFFFF;
+    border: 5px solid #ffffff;
     width: 20%;
     overflow: auto; /* Enable scroll if needed */
     background-color: #444; /* Fallback color */
diff --git a/css/styles.css b/css/styles.css
index e3c3d900c..695745aec 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -134,7 +134,7 @@ a:link, a:visited {
 .a-link-button {
     text-decoration: none;
     background-color: #555;
-    color: #FFFFFF;
+    color: #ffffff;
     padding: 5px;
     margin: 5px;
     border: 1px solid #333333;
@@ -159,7 +159,7 @@ a:link, a:visited {
 .a-link-button-inactive {
     text-decoration: none;
     background-color: #333;
-    color: #FFFFFF;
+    color: #ffffff;
     padding: 5px;
     margin: 5px;
     border: 1px solid #333333;
@@ -179,11 +179,11 @@ a:link, a:visited {
 /* Make anchor tags ("a" elements) for activated actions */
 .a-link-button-bought {
     text-decoration: none;
-    background-color: #00AA00;
-    color: #FFFFFF;
+    background-color: #00aa00;
+    color: #ffffff;
     padding: 5px;
     margin: 5px;
-    border: 1px solid #00AA00;
+    border: 1px solid #00aa00;
     cursor: default;
 }
 
@@ -315,27 +315,27 @@ a:link, a:visited {
 
 /* Flashing button (Red) */
 @-webkit-keyframes glowing {
-    0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
-    50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; }
-    100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
+    0% { background-color: #b20000; -webkit-box-shadow: 0 0 3px #b20000; }
+    50% { background-color: #ff0000; -webkit-box-shadow: 0 0 40px #ff0000; }
+    100% { background-color: #b20000; -webkit-box-shadow: 0 0 3px #b20000; }
 }
 
 @-moz-keyframes glowing {
-    0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
-    50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; }
-    100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
+    0% { background-color: #b20000; -moz-box-shadow: 0 0 3px #b20000; }
+    50% { background-color: #ff0000; -moz-box-shadow: 0 0 40px #ff0000; }
+    100% { background-color: #b20000; -moz-box-shadow: 0 0 3px #b20000; }
 }
 
 @-o-keyframes glowing {
-    0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
-    50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
-    100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
+    0% { background-color: #b20000; box-shadow: 0 0 3px #b20000; }
+    50% { background-color: #ff0000; box-shadow: 0 0 40px #ff0000; }
+    100% { background-color: #b20000; box-shadow: 0 0 3px #b20000; }
 }
 
 @keyframes glowing {
-    0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
-    50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
-    100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
+    0% { background-color: #b20000; box-shadow: 0 0 3px #b20000; }
+    50% { background-color: #ff0000; box-shadow: 0 0 40px #ff0000; }
+    100% { background-color: #b20000; box-shadow: 0 0 3px #b20000; }
 }
 
 .flashing-button {
@@ -409,7 +409,7 @@ a:link, a:visited {
 
 #status-text {
     font-size: 20px;
-    color: #FFFFFF;
+    color: #ffffff;
     right: 0;
     bottom: 0;
     padding: 4px;
@@ -476,7 +476,7 @@ a:link, a:visited {
 /* Scan analyze links from AutoLink */
 .scan-analyze-link {
     cursor:pointer;
-    color:#FFFFFF;
+    color:#ffffff;
     text-decoration:underline;
 }
 .scan-analyze-link:hover {
diff --git a/stylelint.config.js b/stylelint.config.js
index 83e05b8b2..4c6a5b8a2 100644
--- a/stylelint.config.js
+++ b/stylelint.config.js
@@ -42,7 +42,7 @@ module.exports = {
 //        "block-opening-brace-newline-after": "always",
 //        "block-opening-brace-newline-before": "never-single-line",
 //        "block-opening-brace-space-before": "always",
-//        "color-hex-case": "lower",
+        "color-hex-case": "lower",
 //        "color-hex-length": "short",
         "color-named": "never",
         //"color-no-hex": true,