Merge pull request #204 from rei/pr/pressura

Pr/pressura
rei · Feb 10, 2025 · b26d381 · b26d381
2 parents c57fa20 + e4cd09b
commit b26d381
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 7 deletions.
diff --git a/src/styles/cdr-fonts.scss b/src/styles/cdr-fonts.scss
@@ -35,3 +35,15 @@
   font-weight: 1 999;
   font-style: italic;
   src: url("//www.rei.com/satchel/media/font-optimized/Graphik/GraphikWebItalic-VF-Web-Subset.woff2") format("woff2-variations"), url("//www.rei.com/satchel/media/font-optimized/Graphik/GraphikWebItalic-VF-Web-Subset.woff2") format("woff2"); }
+
+  @font-face {
+    font-display: swap;
+    font-family: Pressura; 
+    font-weight: 400; /* Regular weight */ 
+    src: url("//www.rei.com/satchel/media/font/Pressura/gt-pressura-mono-regular.woff2") format("woff2"), url("//www.rei.com/satchel/media/font/Pressura/gt-pressura-mono-regular.woff") format("woff"); }
+
+  @font-face {
+    font-display: swap;
+    font-family: Pressura; 
+    font-weight: 700; 
+    src: url("//www.rei.com/satchel/media/font/Pressura/gt-pressura-mono-bold.woff2") format("woff2"), url("//www.rei.com/satchel/media/font/Pressura/gt-pressura-mono-bold.woff") format("woff"); }
diff --git a/src/styles/cdr-palette.scss b/src/styles/cdr-palette.scss
@@ -25,9 +25,9 @@
   --cdr-color-text-button-primary-hover: var(--cdr-membership-subtle-color-text-button-primary-hover, #{$cdr-membership-subtle-color-text-button-primary-hover});
   --cdr-color-background-button-primary-rest: var(--cdr-membership-subtle-color-background-button-primary-rest, #{$cdr-membership-subtle-color-background-button-primary-rest});
   --cdr-color-background-button-primary-active: var(--cdr-membership-subtle-color-background-button-primary-active, #{$cdr-membership-subtle-color-background-button-primary-active});
-  --cdr-color-text-link-rest: var(  --cdr-membership-subtle-color-text-link-rest, #{$cdr-membership-subtle-color-text-link-rest});
-  --cdr-color-text-link-hover: var(  --cdr-membership-subtle-color-text-link-hover, #{$cdr-membership-subtle-color-text-link-hover});
-  --cdr-color-text-link-visited: var(  --cdr-membership-subtle-color-text-link-visited, #{$cdr-membership-subtle-color-text-link-visited});
+  --cdr-color-text-link-rest: var(--cdr-membership-subtle-color-text-link-rest, #{$cdr-membership-subtle-color-text-link-rest});
+  --cdr-color-text-link-hover: var(--cdr-membership-subtle-color-text-link-hover, #{$cdr-membership-subtle-color-text-link-hover});
+  --cdr-color-text-link-visited: var(--cdr-membership-subtle-color-text-link-visited, #{$cdr-membership-subtle-color-text-link-visited});
 }
 
 [data-palette='membership-vibrant'] {
@@ -41,8 +41,8 @@
   --cdr-color-text-button-primary-hover: var(--cdr-membership-vibrant-color-text-button-primary-hover, #{$cdr-membership-vibrant-color-text-button-primary-hover});
   --cdr-color-background-button-primary-rest: var(--cdr-membership-vibrant-color-background-button-primary-rest, #{$cdr-membership-vibrant-color-background-button-primary-rest});
   --cdr-color-background-button-primary-active: var(--cdr-membership-vibrant-color-background-button-primary-active, #{$cdr-membership-vibrant-color-background-button-primary-active});
-  --cdr-color-text-link-rest: var(  --cdr-membership-subtle-color-text-link-rest, #{$cdr-membership-subtle-color-text-link-rest});
-  --cdr-color-text-link-hover: var(  --cdr-membership-subtle-color-text-link-hover, #{$cdr-membership-subtle-color-text-link-hover});
-  --cdr-color-text-link-visited: var(  --cdr-membership-subtle-color-text-link-visited, #{$cdr-membership-subtle-color-text-link-visited});
+  --cdr-color-text-link-rest: var(--cdr-membership-subtle-color-text-link-rest, #{$cdr-membership-subtle-color-text-link-rest});
+  --cdr-color-text-link-hover: var(--cdr-membership-subtle-color-text-link-hover, #{$cdr-membership-subtle-color-text-link-hover});
+  --cdr-color-text-link-visited: var(--cdr-membership-subtle-color-text-link-visited, #{$cdr-membership-subtle-color-text-link-visited});
 }
 
diff --git a/src/styles/cdr-reset.scss b/src/styles/cdr-reset.scss
@@ -40,7 +40,7 @@ body {
 
   /* cdr-color-text-primary */
 
-  color: rgba(12, 11, 8, 0.75);
+  color: var(--cdr-color-text-primary), rgba(12, 11, 8, 0.75);
 
   /* cdr-color-background-primary */