Merge pull request #4920 from HSLdevcom/DT-6200

DT-6200: added new css variable for co2 font-weight texts
HSLdevcom · Jan 8, 2024 · 58319b4 · 58319b4
2 parents 45eb5e3 + f61e460
commit 58319b4
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 4 deletions.
diff --git a/app/component/itinerary.scss b/app/component/itinerary.scss
@@ -242,7 +242,7 @@ $itinerary-tab-switch-height: 48px;
       }
       font-family: $font-family;
       font-style: normal;
-      font-weight: 325;
+      font-weight: $itinerary-co2-font-weight;
       font-size: 15px;
       line-height: 20px;
       letter-spacing: -0.03em;
@@ -295,7 +295,7 @@ $itinerary-tab-switch-height: 48px;
 
         font-family: $font-family;
         font-style: normal;
-        font-weight: 325;
+        font-weight: $itinerary-co2-font-weight;
         font-size: 15px;
         line-height: 18px;
         /* identical to box height */
@@ -330,7 +330,7 @@ $itinerary-tab-switch-height: 48px;
 
         font-family: $font-family;
         font-style: normal;
-        font-weight: 325;
+        font-weight: $itinerary-co2-font-weight;
         font-size: 13px;
         line-height: 16px;
         color: #3B7F00;

diff --git a/app/component/summary-row.scss b/app/component/summary-row.scss
@@ -146,7 +146,7 @@
 
         font-family: $font-family;
         font-style: normal;
-        font-weight: 325;
+        font-weight: $itinerary-co2-font-weight;
         font-size: 13px;
         line-height: 16px;
         color: #3B7F00;

diff --git a/sass/themes/default/_theme.scss b/sass/themes/default/_theme.scss
@@ -104,6 +104,7 @@ $font-size-medium-large: 1.15rem;
 $font-size-large: 1.25rem;
 $font-size-xlarge: 1.5rem;
 $disruption-message-font-weight: 200;
+$itinerary-co2-font-weight: 325;
 
 /* Paddings */
 $padding-xxsmall: 0.125em;

diff --git a/sass/themes/matka/_theme.scss b/sass/themes/matka/_theme.scss
@@ -19,6 +19,7 @@ $top-navigation-icon-color: $primary-color;
 
 $font-family: 'Roboto', Arial, Georgia, sans-serif;
 $disruption-message-font-weight: 400;
+$itinerary-co2-font-weight: 400;
 $heading-font-family: 'Montserrat', Arial, Georgia, sans-serif;
 $button-font-family: 'Montserrat', Arial, Georgia, sans-serif;