Merge branch 'KAW-7678-set-up-style-guide' into KAW-7680-footer

Netcentric · Jul 23, 2024 · fee2660 · fee2660
2 parents 742d4ad + 5a2dd2a
commit fee2660
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 18 deletions.
diff --git a/fonts/oxygen.woff2 b/fonts/oxygen.woff2
diff --git a/styles/fonts.css b/styles/fonts.css
@@ -4,6 +4,6 @@
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url("https://fonts.gstatic.com/s/oxygen/v15/2sDfZG1Wl4LcnbuKjk0mRUe0Aw.woff2") format('woff2');
+  src: url("/fonts/oxygen.woff2") format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
diff --git a/styles/styles.css b/styles/styles.css
@@ -14,7 +14,7 @@
   /* colors */
   --link-color: #f00;
   --link-hover-color: #1d1d1b;
-  --background-color: white;
+  --c-primary-white: #fff;
   --button-color: #f00;
   --light-color: #eee;
   --dark-color: #ccc;
@@ -36,7 +36,7 @@ body {
   font-family: var(--body-font-family);
   line-height: 1.5;
   color: var(--text-color);
-  background-color: var(--background-color);
+  background-color: var(--c-primary-white);
   display: none;
   -webkit-font-smoothing: antialiased;
 }
@@ -86,7 +86,7 @@ h4,
 
 h5,
 .h5 {
-  font-size: 16px;
+  font-size: 1rem;
   line-height: 1.4;
   font-weight: 600;
 }
@@ -98,18 +98,6 @@ h6,
   font-weight: 600;
 }
 
-@media (width >= 960px) {
-  h1,
-  .h1 {
-    font-size: 2.125rem;
-  }
-
-  h2,
-  .h2 {
-    font-size: 2rem;
-  }
-}
-
 p,
 dl,
 ol,
@@ -176,13 +164,12 @@ button {
   text-transform: uppercase;
   border-radius: 0;
   background-color: var(--button-color);
-  color: #fff;
+  color: var(--c-primary-white);
   border: 1px solid var(--button-color);
 }
 
 a.button:active {
   background-color: #c00;
-  color: #fff;
   border-color: transparent;
 }
 
@@ -252,6 +239,16 @@ main .section {
   .section > div.full-width {
     max-width: 100vw;
   }
+
+  h1,
+  .h1 {
+    font-size: 2.125rem;
+  }
+
+  h2,
+  .h2 {
+    font-size: 2rem;
+  }
 }
 
 /* section metadata */