From 41ed2bdc1d4c18d07ec273791de6b9321de7b074 Mon Sep 17 00:00:00 2001
From: gnezim <gnezim@gmail.com>
Date: Mon, 20 Apr 2026 17:37:03 +0300
Subject: [PATCH] =?UTF-8?q?font-size:=2012px=20=E2=86=92=20fonts.$font-siz?=
 =?UTF-8?q?e-s=20across=2021=20SCSS=20files=20(brand=20palette=20parity)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/FlightsMapStartPage.scss       |  2 +-
 .../BoardDetailsHeader.scss                   | 12 +++++------
 .../components/DayTabs/DayTabs.scss           |  4 ++--
 .../FlightSchedule/FlightSchedule.scss        | 10 +++++-----
 .../FlightsMiniList/FlightsMiniList.scss      |  2 +-
 .../FullRouteTimeline/FullRouteTimeline.scss  | 10 +++++-----
 .../components/OnlineBoardDetailsPage.scss    | 20 +++++++++----------
 .../components/OnlineBoardFilter.scss         |  4 ++--
 .../components/OnlineBoardSearchPage.scss     |  2 +-
 .../components/TransferBar/TransferBar.scss   |  2 +-
 .../FlightDetailsAccordion.scss               |  8 ++++----
 .../components/details-panels/panels.scss     |  6 +++---
 .../schedule/components/ScheduleFilter.scss   |  6 +++---
 .../components/ScheduleFlightBody.scss        |  8 ++++----
 .../components/ScheduleSearchPage.scss        |  2 +-
 src/ui/calendar/DayQuickPick.scss             |  4 ++--
 .../city-autocomplete/CityAutocomplete.scss   |  4 ++--
 src/ui/flights/FlightCard.scss                |  4 ++--
 src/ui/flights/StationDisplay.scss            |  2 +-
 src/ui/flights/TimeGroup.scss                 |  2 +-
 src/ui/layout/SearchHistory.scss              |  4 ++--
 21 files changed, 59 insertions(+), 59 deletions(-)

diff --git a/src/features/flights-map/components/FlightsMapStartPage.scss b/src/features/flights-map/components/FlightsMapStartPage.scss
index 3a486b30..4e6b70ec 100644
--- a/src/features/flights-map/components/FlightsMapStartPage.scss
+++ b/src/features/flights-map/components/FlightsMapStartPage.scss
@@ -345,7 +345,7 @@
   padding: 0;
   font-family: 'Inter', 'Roboto', Arial, sans-serif;
   color: colors.$text-color;
-  font-size: 12px;
+  font-size: fonts.$font-size-s;
   font-weight: fonts.$font-medium;
   letter-spacing: 1px;
   text-shadow:
diff --git a/src/features/online-board/components/BoardDetailsHeader/BoardDetailsHeader.scss b/src/features/online-board/components/BoardDetailsHeader/BoardDetailsHeader.scss
index aa5ddbbc..226ac906 100644
--- a/src/features/online-board/components/BoardDetailsHeader/BoardDetailsHeader.scss
+++ b/src/features/online-board/components/BoardDetailsHeader/BoardDetailsHeader.scss
@@ -78,7 +78,7 @@
     color: colors.$text-color;
   }
   &__codesharing {
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     color: colors.$light-gray;
     margin-top: 2px;
   }
@@ -90,7 +90,7 @@
   }
 
   &__airline-caption {
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     color: colors.$light-gray;
     text-transform: lowercase;
   }
@@ -114,7 +114,7 @@
     border: 1px solid colors.$border;
     border-radius: vars.$border-radius;
     height: 28px;
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     line-height: 16px;
     color: colors.$text-color;
   }
@@ -124,11 +124,11 @@
   display: flex;
   align-items: center;
   gap: 6px;
-  font-size: 12px;
+  font-size: fonts.$font-size-s;
   color: colors.$text-color;
 
-  &__description { font-size: 12px; color: colors.$text-color; }
-  &__time { font-size: 12px; color: colors.$text-color; }
+  &__description { font-size: fonts.$font-size-s; color: colors.$text-color; }
+  &__time { font-size: fonts.$font-size-s; color: colors.$text-color; }
 
   .share-button-wrap {
     @media (min-width: 769px) { display: none; }
diff --git a/src/features/online-board/components/DayTabs/DayTabs.scss b/src/features/online-board/components/DayTabs/DayTabs.scss
index b8a75a0d..af6dc4f7 100644
--- a/src/features/online-board/components/DayTabs/DayTabs.scss
+++ b/src/features/online-board/components/DayTabs/DayTabs.scss
@@ -59,7 +59,7 @@
   padding: 16px 0 15px;
   background: colors.$blue-extra-light;
   color: colors.$blue;
-  font-size: 12px;
+  font-size: fonts.$font-size-s;
   font-weight: fonts.$font-medium;
   border: 0;
   border-right: 1px solid colors.$border;
@@ -101,7 +101,7 @@
 
   &__caption {
     display: block;
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     color: colors.$light-gray;
     margin-bottom: 4px;
   }
diff --git a/src/features/online-board/components/FlightSchedule/FlightSchedule.scss b/src/features/online-board/components/FlightSchedule/FlightSchedule.scss
index 98be8b42..ace88d14 100644
--- a/src/features/online-board/components/FlightSchedule/FlightSchedule.scss
+++ b/src/features/online-board/components/FlightSchedule/FlightSchedule.scss
@@ -29,7 +29,7 @@
   }
 
   &__chevron {
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     color: colors.$text-color;
   }
 
@@ -51,7 +51,7 @@
   }
 
   &__label {
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     color: colors.$light-gray;
   }
 
@@ -61,7 +61,7 @@
   // magnitude rather than a clock time. Use --duration modifier to
   // distinguish them at the render layer.
   &__value {
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     font-weight: fonts.$font-regular;
     color: colors.$orange;
 
@@ -86,14 +86,14 @@
   // 'Дни выполнения рейса' label — Angular shows it in sentence case at
   // 12px / #333. Keep the color soft but drop the caps transform.
   &__section-title {
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     color: colors.$text-color;
     margin-bottom: 8px;
   }
 
   &__note {
     margin-top: 12px;
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     color: colors.$light-gray;
     font-style: normal;
   }
diff --git a/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss b/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss
index be1c0af3..6cef2fa4 100644
--- a/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss
+++ b/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss
@@ -119,7 +119,7 @@
   }
 
   &__city {
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     color: colors.$text-color;
   }
 
diff --git a/src/features/online-board/components/FullRouteTimeline/FullRouteTimeline.scss b/src/features/online-board/components/FullRouteTimeline/FullRouteTimeline.scss
index 531ac96f..17cedc1f 100644
--- a/src/features/online-board/components/FullRouteTimeline/FullRouteTimeline.scss
+++ b/src/features/online-board/components/FullRouteTimeline/FullRouteTimeline.scss
@@ -75,12 +75,12 @@
     color: colors.$blue;
     border-radius: 10px;
     padding: 2px 8px;
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     font-weight: fonts.$font-bold;
   }
 
   &__duration {
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     color: colors.$light-gray;
     padding: 0 8px;
     background: colors.$white;
@@ -98,11 +98,11 @@
   &--center { align-items: center; text-align: center; }
 
   &__city { font-size: 14px; font-weight: fonts.$font-medium; color: colors.$blue-dark; }
-  &__code { font-size: 12px; color: colors.$light-gray; }
+  &__code { font-size: fonts.$font-size-s; color: colors.$light-gray; }
   &__terminal { font-size: 11px; color: colors.$light-gray; }
 
   &--large { .station__city { font-size: 22px; } }
-  &--small { .station__city { font-size: 12px; } }
+  &--small { .station__city { font-size: fonts.$font-size-s; } }
 }
 
 .station-change {
@@ -111,6 +111,6 @@
   gap: 8px;
 
   &__arrow { color: colors.$blue; }
-  &__city { font-size: 12px; color: colors.$light-gray; }
+  &__city { font-size: fonts.$font-size-s; color: colors.$light-gray; }
   &__code { font-size: 14px; font-weight: fonts.$font-medium; color: colors.$blue-dark; }
 }
diff --git a/src/features/online-board/components/OnlineBoardDetailsPage.scss b/src/features/online-board/components/OnlineBoardDetailsPage.scss
index 352bd434..c11b0c76 100644
--- a/src/features/online-board/components/OnlineBoardDetailsPage.scss
+++ b/src/features/online-board/components/OnlineBoardDetailsPage.scss
@@ -39,7 +39,7 @@
     line-height: 1.1;
 
     &-strike {
-      font-size: 12px;
+      font-size: fonts.$font-size-s;
       color: colors.$orange;
       text-decoration: line-through;
       margin-top: 2px;
@@ -47,7 +47,7 @@
   }
 
   &__day-change {
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     color: colors.$blue;
     vertical-align: super;
     margin-left: 4px;
@@ -66,7 +66,7 @@
   }
 
   &__airport {
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     color: colors.$light-gray;
     margin-top: 2px;
   }
@@ -129,7 +129,7 @@
   }
 
   &__duration {
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     color: colors.$light-gray;
   }
 
@@ -137,7 +137,7 @@
     display: flex;
     justify-content: space-between;
     width: 100%;
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     color: colors.$light-gray;
     margin-top: 4px;
   }
@@ -204,12 +204,12 @@
     gap: 2px;
 
     &-label {
-      font-size: 12px;
+      font-size: fonts.$font-size-s;
       color: colors.$light-gray;
     }
 
     &-value {
-      font-size: 12px;
+      font-size: fonts.$font-size-s;
       font-weight: fonts.$font-regular;
       color: colors.$blue-dark;
     }
@@ -244,7 +244,7 @@
   &__estimated-note {
     padding: 0 vars.$space-xl vars.$space-xl;
     color: colors.$light-gray;
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     line-height: 1.5;
   }
 
@@ -379,7 +379,7 @@
 
   &__time-label {
     color: colors.$light-gray;
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
   }
 
   &__time-value {
@@ -404,7 +404,7 @@
   &__footer-notes {
     padding: vars.$space-s vars.$space-xl vars.$space-xl;
     color: colors.$light-gray;
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     line-height: 1.5;
 
     p {
diff --git a/src/features/online-board/components/OnlineBoardFilter.scss b/src/features/online-board/components/OnlineBoardFilter.scss
index 46594a79..7e77b703 100644
--- a/src/features/online-board/components/OnlineBoardFilter.scss
+++ b/src/features/online-board/components/OnlineBoardFilter.scss
@@ -214,14 +214,14 @@
 
       .time-selector__label {
         color: colors.$text-color;
-        font-size: 12px;
+        font-size: fonts.$font-size-s;
         font-weight: fonts.$font-bold;
         margin-bottom: 0;
       }
 
       .time-selector__value {
         color: colors.$light-gray;
-        font-size: 12px;
+        font-size: fonts.$font-size-s;
         margin-top: 0;
         text-align: left;
       }
diff --git a/src/features/online-board/components/OnlineBoardSearchPage.scss b/src/features/online-board/components/OnlineBoardSearchPage.scss
index 792737a1..1d5238dd 100644
--- a/src/features/online-board/components/OnlineBoardSearchPage.scss
+++ b/src/features/online-board/components/OnlineBoardSearchPage.scss
@@ -142,7 +142,7 @@
   align-items: center;
   padding: 2px vars.$space-s2;
   border-radius: vars.$border-radius;
-  font-size: 12px;
+  font-size: fonts.$font-size-s;
   font-weight: fonts.$font-medium;
 
   &--live {
diff --git a/src/features/online-board/components/TransferBar/TransferBar.scss b/src/features/online-board/components/TransferBar/TransferBar.scss
index 5e1b0bb6..c0d44c5e 100644
--- a/src/features/online-board/components/TransferBar/TransferBar.scss
+++ b/src/features/online-board/components/TransferBar/TransferBar.scss
@@ -14,7 +14,7 @@
   border: 1px solid colors.$blue-light2;
   padding: vars.$space-m vars.$space-l;
   min-height: 50px;
-  font-size: 12px;
+  font-size: fonts.$font-size-s;
 
   &--separated {
     margin: vars.$space-m 0;
diff --git a/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss b/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss
index d5fa58e7..aeb76fcb 100644
--- a/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss
+++ b/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss
@@ -48,7 +48,7 @@
     padding: 0 0 8px;
     margin-left: calc(29% + 24px);
     color: colors.$light-gray;
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     line-height: 1.5;
   }
 }
@@ -102,7 +102,7 @@
   &__title {
     font-weight: fonts.$font-regular;
     color: colors.$light-gray;
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
   }
 
   &__subtitle {
@@ -159,7 +159,7 @@
   }
 
   &__time-label {
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     color: colors.$text-color;
   }
 
@@ -167,7 +167,7 @@
   // regular in the brand orange — not bold dark — so the red 'Закончена'
   // status text stays the loudest element in the row.
   &__time-value {
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     font-weight: fonts.$font-regular;
     color: colors.$orange;
   }
diff --git a/src/features/online-board/components/details-panels/panels.scss b/src/features/online-board/components/details-panels/panels.scss
index 5079adcd..370f8624 100644
--- a/src/features/online-board/components/details-panels/panels.scss
+++ b/src/features/online-board/components/details-panels/panels.scss
@@ -46,7 +46,7 @@
   border-radius: vars.$border-radius;
   background: colors.$blue-extra-light;
   color: colors.$blue;
-  font-size: 12px;
+  font-size: fonts.$font-size-s;
 }
 
 .details-panel__icons {
@@ -82,7 +82,7 @@
   }
 
   &__label {
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     color: colors.$light-gray;
   }
 
@@ -107,7 +107,7 @@
   display: inline-flex;
   align-items: center;
   gap: 6px;
-  font-size: 12px;
+  font-size: fonts.$font-size-s;
   color: colors.$blue-light;
   text-decoration: none;
 
diff --git a/src/features/schedule/components/ScheduleFilter.scss b/src/features/schedule/components/ScheduleFilter.scss
index aee74dc4..ffd73844 100644
--- a/src/features/schedule/components/ScheduleFilter.scss
+++ b/src/features/schedule/components/ScheduleFilter.scss
@@ -32,7 +32,7 @@
 
   .label--filter {
     display: block;
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     color: colors.$light-gray;
     margin-bottom: 4px;
   }
@@ -94,12 +94,12 @@
   }
 
   .time-selector__label {
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     color: colors.$light-gray;
   }
 
   .time-selector__value {
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     color: colors.$text-color;
     font-weight: fonts.$font-medium;
   }
diff --git a/src/features/schedule/components/ScheduleFlightBody.scss b/src/features/schedule/components/ScheduleFlightBody.scss
index 633affae..6690e388 100644
--- a/src/features/schedule/components/ScheduleFlightBody.scss
+++ b/src/features/schedule/components/ScheduleFlightBody.scss
@@ -87,7 +87,7 @@
     border-right: 1px dashed colors.$border;
     margin-top: -8px;
     margin-bottom: -8px;
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     color: colors.$text-color;
 
     &::after {
@@ -279,7 +279,7 @@
     border-radius: vars.$border-radius;
     background: colors.$white;
     color: colors.$text-color;
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     font-weight: fonts.$font-medium;
     margin-bottom: 2px;
   }
@@ -287,7 +287,7 @@
   &__timeline-section-dur {
     margin-top: 2px;
     color: colors.$light-gray;
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     white-space: nowrap;
   }
 
@@ -325,6 +325,6 @@
 
   &__timeline-station-terminal {
     color: colors.$light-gray;
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
   }
 }
diff --git a/src/features/schedule/components/ScheduleSearchPage.scss b/src/features/schedule/components/ScheduleSearchPage.scss
index 9268b007..af6aa691 100644
--- a/src/features/schedule/components/ScheduleSearchPage.scss
+++ b/src/features/schedule/components/ScheduleSearchPage.scss
@@ -58,7 +58,7 @@
     background: colors.$white;
     border: 1px solid colors.$extra-blue;
     color: colors.$extra-blue;
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     font-weight: fonts.$font-medium;
     line-height: 16px;
     cursor: pointer;
diff --git a/src/ui/calendar/DayQuickPick.scss b/src/ui/calendar/DayQuickPick.scss
index e6fa24a5..941ceb50 100644
--- a/src/ui/calendar/DayQuickPick.scss
+++ b/src/ui/calendar/DayQuickPick.scss
@@ -49,13 +49,13 @@
   }
 
   &__day {
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     line-height: 1;
     opacity: 0.85;
   }
 
   &__month {
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     line-height: 1;
     opacity: 0.85;
   }
diff --git a/src/ui/city-autocomplete/CityAutocomplete.scss b/src/ui/city-autocomplete/CityAutocomplete.scss
index c42bf997..22d1a1d4 100644
--- a/src/ui/city-autocomplete/CityAutocomplete.scss
+++ b/src/ui/city-autocomplete/CityAutocomplete.scss
@@ -17,7 +17,7 @@
 
   &__label {
     color: colors.$light-gray;
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -136,6 +136,6 @@
 
 .tooltip {
   color: colors.$red;
-  font-size: 12px;
+  font-size: fonts.$font-size-s;
   margin-bottom: 4px;
 }
diff --git a/src/ui/flights/FlightCard.scss b/src/ui/flights/FlightCard.scss
index cf9b91e1..ae883403 100644
--- a/src/ui/flights/FlightCard.scss
+++ b/src/ui/flights/FlightCard.scss
@@ -131,7 +131,7 @@
     align-items: center;
     justify-content: center;
     gap: 4px;
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     color: colors.$light-gray;
     white-space: nowrap;
   }
@@ -186,7 +186,7 @@
   }
 
   &__detail-caption {
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     color: colors.$light-gray;
   }
 
diff --git a/src/ui/flights/StationDisplay.scss b/src/ui/flights/StationDisplay.scss
index e10c4d25..dd9cf62e 100644
--- a/src/ui/flights/StationDisplay.scss
+++ b/src/ui/flights/StationDisplay.scss
@@ -22,7 +22,7 @@
   // (#657282), 16px line-height, underline. Previous #8a8a8a was a
   // shade too pale and read as disabled text.
   &__terminal {
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     color: colors.$light-gray;
     text-decoration: underline;
     line-height: 16px;
diff --git a/src/ui/flights/TimeGroup.scss b/src/ui/flights/TimeGroup.scss
index 62194d6d..75ba4e5c 100644
--- a/src/ui/flights/TimeGroup.scss
+++ b/src/ui/flights/TimeGroup.scss
@@ -53,7 +53,7 @@
 
   &__old-time,
   &__scheduled--delayed {
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     font-weight: fonts.$font-regular;
     color: colors.$orange;
     line-height: 1.3;
diff --git a/src/ui/layout/SearchHistory.scss b/src/ui/layout/SearchHistory.scss
index 128af6a9..2fe91ad1 100644
--- a/src/ui/layout/SearchHistory.scss
+++ b/src/ui/layout/SearchHistory.scss
@@ -109,7 +109,7 @@
   }
 
   &__title {
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     color: colors.$light-gray;
   }
 
@@ -121,7 +121,7 @@
   }
 
   &__date {
-    font-size: 12px;
+    font-size: fonts.$font-size-s;
     color: colors.$light-gray;
   }
 }