swap variables (#32523)

department-of-veterans-affairs · Oct 22, 2024 · daf81c7 · daf81c7
1 parent c3160c5
commit daf81c7
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/src/applications/claims-status/sass/claims-status.scss b/src/applications/claims-status/sass/claims-status.scss
@@ -1,4 +1,5 @@
-@import "~@department-of-veterans-affairs/formation/sass/shared-variables";
+@import "~@department-of-veterans-affairs/css-library/dist/tokens/scss/variables";
+@import "~@department-of-veterans-affairs/css-library/dist/stylesheets/mixins";
 // TODO: Look at moving the .process-step css into this file
 @import "~@department-of-veterans-affairs/css-library/dist/stylesheets/modules/m-process-list";
 // TODO: Determine if we are actually using any of these
@@ -872,7 +873,7 @@ ol.va-list-horizontal {
 
     .sidelines {
       // line up the horizontal divider with the li::before 'bullets'
-      font-family: $font-serif;
+      font-family: var(--font-serif);
       font-size: 1.875rem; // match h2 size
       margin-left: -0.6em;
       width: 102%;
@@ -1036,7 +1037,7 @@ $marker-text-width: 5.625rem;
       padding-top: 1.25em;
 
       h5 {
-        font-family: $font-sans;
+        font-family: var(--font-source-sans);
         margin-top: 0;
       }
     }
@@ -1058,7 +1059,7 @@ $marker-text-width: 5.625rem;
 .closed-appeal-notice {
   line-height: 40px;
   text-align: center;
-  font-family: $font-sans;
+  font-family: var(--font-source-sans);
   font-weight: 700;
   font-size: 1.25rem;
   background-color: var(--vads-color-base-lightest);
@@ -1189,11 +1190,11 @@ $marker-text-width: 5.625rem;
 }
 
 va-icon.phase-complete {
-  color: $color-green; //vads-color-green
+  color: var(--vads-color-success-dark); //vads-color-green
 }
 
 va-icon.phase-current {
-  color: $color-primary; //vads-color-primary
+  color: var(--vads-color-primary); //vads-color-primary
 }
 
 .current-phase {