fix(font): make departure/arrival time mobile font smaller #55

AlaskaAirlines · Oct 30, 2023 · 60d4bff · 60d4bff
1 parent 4618178
commit 60d4bff
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/style-flight-main.scss b/src/style-flight-main.scss
@@ -42,7 +42,7 @@
 .departureTime {
   padding-bottom: var(--auro-size-xxxs);
   color: var(--auro-color-text-primary-on-light);
-  font-size: var(--auro-text-heading-700-size-breakpoint-sm);
+  font-size: var(--auro-text-heading-300-size);
   line-height: var(--auro-text-heading-700-height-breakpoint-md);
   text-align: left;
 }
@@ -55,7 +55,7 @@
 .arrivalTime {
   padding-bottom: var(--auro-size-xxxs);
   color: var(--auro-color-text-primary-on-light);
-  font-size: var(--auro-text-heading-700-size-breakpoint-sm);
+  font-size: var(--auro-text-heading-300-size);
   line-height: var(--auro-text-heading-700-height-breakpoint-md);
   text-align: right;
 }
@@ -77,3 +77,9 @@
   color: var(--auro-color-alert-error-on-light);
   text-decoration: line-through;
 }
+
+@include auro_breakpoint--sm {
+  .departureTime, .arrivalTime {
+    font-size: var(--auro-text-heading-700-size-breakpoint-sm);
+  }
+}