diff --git a/src/features/online-board/components/FlightSchedule/FlightSchedule.scss b/src/features/online-board/components/FlightSchedule/FlightSchedule.scss index 55e43961..98be8b42 100644 --- a/src/features/online-board/components/FlightSchedule/FlightSchedule.scss +++ b/src/features/online-board/components/FlightSchedule/FlightSchedule.scss @@ -16,7 +16,7 @@ &__header { padding: 16px 0; cursor: pointer; - font-weight: 400; + font-weight: fonts.$font-regular; font-size: 16px; color: colors.$text-color; display: flex; @@ -62,7 +62,7 @@ // distinguish them at the render layer. &__value { font-size: 12px; - font-weight: 400; + font-weight: fonts.$font-regular; color: colors.$orange; &--duration { @@ -75,7 +75,7 @@ &__offset { margin-left: 6px; font-size: 11px; - font-weight: 400; + font-weight: fonts.$font-regular; color: colors.$light-gray; } diff --git a/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss b/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss index 5fa4f835..be1c0af3 100644 --- a/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss +++ b/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss @@ -53,7 +53,7 @@ // for the brand navy rather than pure black. &__flight-number { font-size: 16px; - font-weight: 400; + font-weight: fonts.$font-regular; color: colors.$blue-dark; margin-bottom: 6px; display: flex; diff --git a/src/features/online-board/components/OnlineBoardDetailsPage.scss b/src/features/online-board/components/OnlineBoardDetailsPage.scss index 071a6d2b..a1bf0df1 100644 --- a/src/features/online-board/components/OnlineBoardDetailsPage.scss +++ b/src/features/online-board/components/OnlineBoardDetailsPage.scss @@ -61,7 +61,7 @@ // the large departure/arrival time is the visual anchor, not the city. &__city { font-size: 14px; - font-weight: 400; + font-weight: fonts.$font-regular; color: colors.$text-color; } @@ -210,7 +210,7 @@ &-value { font-size: 12px; - font-weight: 400; + font-weight: fonts.$font-regular; color: colors.$blue-dark; } diff --git a/src/features/online-board/components/OnlineBoardFilter.scss b/src/features/online-board/components/OnlineBoardFilter.scss index 9732d32a..46594a79 100644 --- a/src/features/online-board/components/OnlineBoardFilter.scss +++ b/src/features/online-board/components/OnlineBoardFilter.scss @@ -215,7 +215,7 @@ .time-selector__label { color: colors.$text-color; font-size: 12px; - font-weight: 700; + font-weight: fonts.$font-bold; margin-bottom: 0; } diff --git a/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss b/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss index 016d3a62..57d71d6c 100644 --- a/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss +++ b/src/features/online-board/components/details-panels/FlightDetailsAccordion.scss @@ -16,7 +16,7 @@ .p-accordion-header { padding: 16px 0; cursor: pointer; - font-weight: 400; + font-weight: fonts.$font-regular; font-size: 16px; color: colors.$text-color; display: flex; @@ -100,7 +100,7 @@ // Row caption label (Регистрация / Борт / Питание на борту / etc.) // Angular renders at 12px in a neutral grey (#657282). &__title { - font-weight: 400; + font-weight: fonts.$font-regular; color: colors.$light-gray; font-size: 12px; } @@ -168,7 +168,7 @@ // status text stays the loudest element in the row. &__time-value { font-size: 12px; - font-weight: 400; + font-weight: fonts.$font-regular; color: colors.$orange; } @@ -177,7 +177,7 @@ &__day-change { margin-left: 4px; font-size: 10px; - font-weight: 400; + font-weight: fonts.$font-regular; color: colors.$blue-light; vertical-align: baseline; } diff --git a/src/ui/city-autocomplete/CityAutocomplete.scss b/src/ui/city-autocomplete/CityAutocomplete.scss index 03717a8d..c42bf997 100644 --- a/src/ui/city-autocomplete/CityAutocomplete.scss +++ b/src/ui/city-autocomplete/CityAutocomplete.scss @@ -1,5 +1,6 @@ @use "../../styles/colors" as colors; @use "../../styles/variables" as vars; +@use "../../styles/fonts" as fonts; .city-autocomplete { display: flex; @@ -118,7 +119,7 @@ .city { white-space: nowrap; - font-weight: 700; + font-weight: fonts.$font-bold; color: colors.$text-color; } diff --git a/src/ui/city-autocomplete/CityPickerPopup.scss b/src/ui/city-autocomplete/CityPickerPopup.scss index e56b726d..5b7c220d 100644 --- a/src/ui/city-autocomplete/CityPickerPopup.scss +++ b/src/ui/city-autocomplete/CityPickerPopup.scss @@ -1,5 +1,6 @@ @use "../../styles/colors" as colors; @use "../../styles/variables" as vars; +@use "../../styles/fonts" as fonts; .city-autocomplete-popup { position: absolute; @@ -22,7 +23,7 @@ border: none; border-right: 1px solid colors.$border-input; color: colors.$blue; - font-weight: 700; + font-weight: fonts.$font-bold; font-size: 14px; cursor: pointer; @@ -68,7 +69,7 @@ .cell { &.contry { width: 30%; - font-weight: 700; + font-weight: fonts.$font-bold; padding: 7.5px; } diff --git a/src/ui/flights/TimeGroup.scss b/src/ui/flights/TimeGroup.scss index 43628890..62194d6d 100644 --- a/src/ui/flights/TimeGroup.scss +++ b/src/ui/flights/TimeGroup.scss @@ -54,7 +54,7 @@ &__old-time, &__scheduled--delayed { font-size: 12px; - font-weight: 400; + font-weight: fonts.$font-regular; color: colors.$orange; line-height: 1.3; text-decoration: line-through;