Aligning the header and footer CSS style rules with that of Orangelight

pulibrary · Nov 27, 2018 · cba2094 · cba2094
1 parent 61a339c
commit cba2094
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 15 deletions.
diff --git a/app/assets/stylesheets/footer.scss b/app/assets/stylesheets/footer.scss
@@ -18,19 +18,21 @@
 
 footer {
     h2 {
-        font-size: 16px;
-        margin-bottom: 0.75em;
-        font-weight: bold;
-        color: $dark-gray;
-        font-family: $font-serif;
-        a {
-            color: $dark-gray;
-        }
+      font-size: 16px;
+      margin-bottom: 0.75em;
+      font-weight: bold;
+      color: $orange;
+      font-family: $font-serif;
+      a {
+          color: $orange;
+      }
     }
-}
 
-footer a {
-    color: black;
+    a {
+      font-size: 1.1em;
+      color: $dark-gray;
+      font-family: $font-serif;
+    }
 }
 
 .l-region--footer .leaf a {
@@ -40,7 +42,7 @@ footer a {
 .l-region--footer address,
 .l-region--footer .footer--copyright,
 .l-region--footer li a {
-    color: $dark-gray;
+    color: $brand-black;
     font-size: 0.9em;
 }
 

diff --git a/app/assets/stylesheets/header.scss b/app/assets/stylesheets/header.scss
@@ -25,7 +25,7 @@
 }
 
 .l-branding__pul {
-  background: $dark-gray;
+  background: $brand-black;
   border-top: 3px solid $orange;
   min-height: 40px;
   position: relative;
@@ -112,7 +112,9 @@
   >li>a,
   .btn-account {
     color: $gray;
-    font-size: 0.75em;
+    font-size: 0.90em;
+    font-family: $font-sans;
+    font-weight: 400;
     background: none;
     border: none;
     padding: 0;
@@ -132,7 +134,6 @@
   >li {
     float: left;
     padding: 0 1rem;
-    // border-right: 1px solid darken($gray, 40%);
 
     @media (max-width: 645px) {
       line-height: 1em;

diff --git a/app/assets/stylesheets/variables/colors.scss b/app/assets/stylesheets/variables/colors.scss
@@ -1,5 +1,6 @@
 $white: #ffffff;
 $black: #000000;
+$brand-black: #040404;
 $dark-gray: #494f57;
 $blacklight-gray: #777;
 $gray: #e8e6df;