update css lint.

anchoraorg · Aug 5, 2024 · 2a3f3fb · 2a3f3fb
1 parent f929a48
commit 2a3f3fb
Show file tree

Hide file tree

Showing 6 changed files with 32 additions and 27 deletions.
diff --git a/blocks/accordion-item/accordion-item.css b/blocks/accordion-item/accordion-item.css
@@ -0,0 +1 @@
+/* TODO: add styles */
diff --git a/styles/fonts-custom.css b/styles/fonts-custom.css
diff --git a/styles/global.css b/styles/global.css
diff --git a/styles/import/main.css b/styles/import/main.css
diff --git a/styles/import/style-blocks.build.css b/styles/import/style-blocks.build.css
diff --git a/styles/styles.css b/styles/styles.css
@@ -1,15 +1,15 @@
 :root {
   /* colors */
-  --link-color: #0066cc;
-  --link-hover-color: #005bb5;
-  --background-color: #ffffff;
-  --light-color: #0057b8;
-  --dark-color: #333;
-  --text-color: #333333;
+  --link-color: #EA2D52; /* $color-primary */
+  --link-hover-color: #FF5629;
+  --background-color: #FF5629;
+  --light-color: #B5D3E4;
+  --dark-color: #003953;
+  --text-color: #003953;
 
   /* fonts */
   --body-font-family: 'Archivo', sans-serif;
-  --heading-font-family: var(--body-font-family);
+  --heading-font-family: 'Macho', sans-serif;
   --fixed-font-family: 'Roboto Mono', menlo, consolas, 'Liberation Mono', monospace;
 
   /* body sizes */
@@ -18,51 +18,51 @@
   --body-font-size-xs: 16px;
 
   /* heading sizes */
-  --heading-font-size-xxl: 48px;
-  --heading-font-size-xl: 40px;
-  --heading-font-size-l: 32px;
-  --heading-font-size-m: 24px;
-  --heading-font-size-s: 20px;
+  --heading-font-size-xxl: 70px;
+  --heading-font-size-xl: 42px;
+  --heading-font-size-l: 38px;
+  --heading-font-size-m: 30px;
+  --heading-font-size-s: 22px;
   --heading-font-size-xs: 18px;
 
   /* nav height */
   --nav-height: 64px;
 }
 
 @font-face {
-  font-family: 'Roboto-Fallback';
+  font-family: Roboto-Fallback;
   size-adjust: 100.06%;
   ascent-override: 95%;
   src: local('Arial');
 }
 
 @font-face {
-  font-family: 'Macho';
+  font-family: Macho;
   font-weight: 700;
   src: url('../fonts/MachoBold.woff2') format('woff2'), url('../fonts/MachoBold.woff') format('woff');
 }
 
 @font-face {
-  font-family: 'Macho';
+  font-family: Macho;
   font-weight: 500;
   src: url('../fonts/MachoSemiBold.woff2') format('woff2'), url('../fonts/MachoSemiBold.woff') format('woff');
 }
 
 @font-face {
-  font-family: 'Macho';
+  font-family: Macho;
   font-weight: 700;
   font-style: italic;
   src: url('../fonts/MachoBoldItalic.woff2') format('woff2'), url('../fonts/MachoBoldItalic.woff') format('woff');
 }
 
-@media (min-width: 900px) {
+@media (width >= 900px) {
   :root {
-    --heading-font-size-xxl: 60px;
-    --heading-font-size-xl: 48px;
-    --heading-font-size-l: 36px;
+    --heading-font-size-xxl: 70px;
+    --heading-font-size-xl: 42px;
+    --heading-font-size-l: 38px;
     --heading-font-size-m: 30px;
-    --heading-font-size-s: 24px;
-    --heading-font-size-xs: 22px;
+    --heading-font-size-s: 22px;
+    --heading-font-size-xs: 18px;
   }
 }
 
@@ -130,7 +130,7 @@ pre {
 }
 
 main pre {
-  background-color: #f5f5f5;
+  background-color: #F3F2F1; /* $color-grey-lighter */
   padding: 1em;
   border-radius: 0.25em;
   overflow-x: auto;
@@ -161,8 +161,8 @@ button {
   font-style: normal;
   font-weight: 600;
   cursor: pointer;
-  color: #ffffff;
-  background-color: #0073e6;
+  color: #fff; /* $color-white */
+  background-color: #EA2D52; /* $color-primary */
   margin: 16px 0;
   white-space: nowrap;
   overflow: hidden;
@@ -213,13 +213,13 @@ main .section {
   padding: 64px 16px;
 }
 
-@media (min-width: 600px) {
+@media (width >= 600px) {
   main .section {
     padding: 64px 32px;
   }
 }
 
-@media (min-width: 900px) {
+@media (width >= 900px) {
   .section > div {
     max-width: 1200px;
     margin: auto;