From 2150ec3bcb3c308f3a568723f5a5f21fc84d36f9 Mon Sep 17 00:00:00 2001
From: Mark Eaton <MarkEEaton@users.noreply.github.com>
Date: Thu, 16 Jun 2022 20:32:37 -0400
Subject: [PATCH] switch #003466 to var(--kbccblue)

---
 groups/home/LibAnswers-4-js-css.html | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/groups/home/LibAnswers-4-js-css.html b/groups/home/LibAnswers-4-js-css.html
index 0ea76ce..f28ab18 100644
--- a/groups/home/LibAnswers-4-js-css.html
+++ b/groups/home/LibAnswers-4-js-css.html
@@ -1,5 +1,9 @@
 <style>
 
+:root {
+        --kbccblue: #003466;
+}
+
 body {
         color: #111;
         overflow-x: hidden;
@@ -105,7 +109,7 @@ a.searchmenu { color: #111; }
         padding: 6px;
         margin: 6px 0px;
         color: white;
-        background-color: #003466;
+        background-color: var(--kbccblue);
         border-radius: 3px;
 }
 
@@ -120,7 +124,7 @@ a.no-underline { text-decoration: none; }
 .nav-divs-by-jumbotron:hover { background-color: #444; }
 
 #eq_32886 { 
-        background-color: #003466;
+        background-color: var(--kbccblue);
         border: none;
 }
 
@@ -132,7 +136,7 @@ a.no-underline { text-decoration: none; }
 
 /* style the panels with the text content */
 .panel>.show-panel {
-        background-color: #003466;
+        background-color: var(--kbccblue);
         text-align: center;
 }
 
@@ -231,7 +235,7 @@ a.no-underline { text-decoration: none; }
 }
 
 #main-blue-footer {
-        background-color: #003466; 
+        background-color: var(--kbccblue);
         color: white; 
         padding: 30px;
 }
@@ -295,15 +299,15 @@ a.no-underline { text-decoration: none; }
         .zero-margin { margin: -2px; }
 
         #blue-border1 {
-                box-shadow: 0px 5px 0 #003466, 0px -5px 0 #003466, -5px -5px 0 #003466, -5px 5px 0 #003466;
+                box-shadow: 0px 5px 0 var(--kbccblue), 0px -5px 0 var(--kbccblue), -5px -5px 0 var(--kbccblue), -5px 5px 0 var(--kbccblue);
         }
 
         #blue-border2 {
-                box-shadow: 0px -5px 0 #003466, 0px 5px 0 #003466;
+                box-shadow: 0px -5px 0 var(--kbccblue), 0px 5px 0 var(--kbccblue);
         }
 
         #blue-border3 {
-                box-shadow: 0px 5px 0 #003466, 0px -5px 0 #003466, 5px -5px 0 #003466, 5px 5px 0 #003466;
+                box-shadow: 0px 5px 0 var(--kbccblue), 0px -5px 0 var(--kbccblue), 5px -5px 0 var(--kbccblue), 5px 5px 0 var(--kbccblue);
         }
 
         .nav-by-jumbotron { margin-top: 0px !important; }