gnezim/flights_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

font-size: 12px → fonts.$font-size-s across 21 SCSS files (brand palette parity)

Browse Source
This commit is contained in:
Anton
2026-04-20 17:37:03 +03:00
parent 42e595cb16
commit 41ed2bdc1d
21 changed files with 59 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/flights-map/components/FlightsMapStartPage.scss
+1 -1
View File
@@ -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:
src/features/online-board/components/BoardDetailsHeader/BoardDetailsHeader.scss
+6 -6
View File
@@ -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; }
src/features/online-board/components/DayTabs/DayTabs.scss
+2 -2
View File
@@ -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;
}
src/features/online-board/components/FlightSchedule/FlightSchedule.scss
+5 -5
View File
@@ -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;
}
src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss
+1 -1
View File
@@ -119,7 +119,7 @@
}
&__city {
font-size: 12px;
font-size: fonts.$font-size-s;
color: colors.$text-color;
}
src/features/online-board/components/FullRouteTimeline/FullRouteTimeline.scss
+5 -5
View File
@@ -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; }
}
src/features/online-board/components/OnlineBoardDetailsPage.scss
+10 -10
View File
@@ -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 {
src/features/online-board/components/OnlineBoardFilter.scss
+2 -2
View File
@@ -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;
}
src/features/online-board/components/OnlineBoardSearchPage.scss
+1 -1
View File
@@ -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 {
src/features/online-board/components/TransferBar/TransferBar.scss
+1 -1
View File
@@ -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;
src/features/online-board/components/details-panels/FlightDetailsAccordion.scss
+4 -4
View File
@@ -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;
}
src/features/online-board/components/details-panels/panels.scss
+3 -3
View File
@@ -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;
src/features/schedule/components/ScheduleFilter.scss
+3 -3
View File
@@ -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;
}
src/features/schedule/components/ScheduleFlightBody.scss
+4 -4
View File
@@ -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;
}
}
src/features/schedule/components/ScheduleSearchPage.scss
+1 -1
View File
@@ -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;
src/ui/calendar/DayQuickPick.scss
+2 -2
View File
@@ -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;
}
src/ui/city-autocomplete/CityAutocomplete.scss
+2 -2
View File
@@ -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;
}
src/ui/flights/FlightCard.scss
+2 -2
View File
@@ -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;
}
src/ui/flights/StationDisplay.scss
+1 -1
View File
@@ -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;
src/ui/flights/TimeGroup.scss
+1 -1
View File
@@ -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;
src/ui/layout/SearchHistory.scss
+2 -2
View File
@@ -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;
}
}