font-size: 14px → fonts.$font-size-m across 15 SCSS files (brand palette parity)
This commit is contained in:
@@ -90,7 +90,7 @@
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
font-size: 14px;
|
||||
font-size: fonts.$font-size-m;
|
||||
line-height: 1.4;
|
||||
color: rgba(0, 0, 0, 0.78);
|
||||
text-align: center;
|
||||
|
||||
@@ -117,6 +117,6 @@
|
||||
border-radius: vars.$border-radius;
|
||||
background: colors.$white;
|
||||
border: 1px solid colors.$border;
|
||||
font-size: 14px;
|
||||
font-size: fonts.$font-size-m;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -63,7 +63,7 @@
|
||||
|
||||
&__status-icon {
|
||||
display: inline-flex;
|
||||
font-size: 14px;
|
||||
font-size: fonts.$font-size-m;
|
||||
|
||||
&--blue { color: colors.$blue; }
|
||||
&--green { color: colors.$green; }
|
||||
|
||||
@@ -49,7 +49,7 @@
|
||||
color: colors.$blue-dark;
|
||||
}
|
||||
&--stations {
|
||||
font-size: 14px;
|
||||
font-size: fonts.$font-size-m;
|
||||
color: colors.$light-gray;
|
||||
}
|
||||
}
|
||||
@@ -97,7 +97,7 @@
|
||||
&--right { align-items: flex-end; text-align: right; }
|
||||
&--center { align-items: center; text-align: center; }
|
||||
|
||||
&__city { font-size: 14px; font-weight: fonts.$font-medium; color: colors.$blue-dark; }
|
||||
&__city { font-size: fonts.$font-size-m; font-weight: fonts.$font-medium; color: colors.$blue-dark; }
|
||||
&__code { font-size: fonts.$font-size-s; color: colors.$light-gray; }
|
||||
&__terminal { font-size: 11px; color: colors.$light-gray; }
|
||||
|
||||
@@ -112,5 +112,5 @@
|
||||
|
||||
&__arrow { color: colors.$blue; }
|
||||
&__city { font-size: fonts.$font-size-s; color: colors.$light-gray; }
|
||||
&__code { font-size: 14px; font-weight: fonts.$font-medium; color: colors.$blue-dark; }
|
||||
&__code { font-size: fonts.$font-size-m; font-weight: fonts.$font-medium; color: colors.$blue-dark; }
|
||||
}
|
||||
|
||||
@@ -60,7 +60,7 @@
|
||||
// City name (Санкт-Петербург / Москва). Angular: 14px/regular/#333 —
|
||||
// the large departure/arrival time is the visual anchor, not the city.
|
||||
&__city {
|
||||
font-size: 14px;
|
||||
font-size: fonts.$font-size-m;
|
||||
font-weight: fonts.$font-regular;
|
||||
color: colors.$text-color;
|
||||
}
|
||||
@@ -80,7 +80,7 @@
|
||||
}
|
||||
|
||||
&__status-text {
|
||||
font-size: 14px;
|
||||
font-size: fonts.$font-size-m;
|
||||
font-weight: fonts.$font-medium;
|
||||
color: colors.$blue;
|
||||
}
|
||||
|
||||
@@ -44,7 +44,7 @@
|
||||
&__error-message {
|
||||
margin: 0 0 vars.$space-xl;
|
||||
color: colors.$light-gray;
|
||||
font-size: 14px;
|
||||
font-size: fonts.$font-size-m;
|
||||
}
|
||||
|
||||
// Matches the standard `.color.blue-light` button used across Angular
|
||||
@@ -59,7 +59,7 @@
|
||||
border: none;
|
||||
border-radius: vars.$border-radius;
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
font-size: fonts.$font-size-m;
|
||||
font-weight: fonts.$font-medium;
|
||||
transition: background-color 150ms ease;
|
||||
|
||||
|
||||
@@ -106,7 +106,7 @@
|
||||
}
|
||||
|
||||
&__subtitle {
|
||||
font-size: 14px;
|
||||
font-size: fonts.$font-size-m;
|
||||
font-weight: fonts.$font-bold;
|
||||
color: colors.$blue;
|
||||
word-break: break-word;
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
|
||||
.details-panel {
|
||||
padding: 12px 0;
|
||||
font-size: 14px;
|
||||
font-size: fonts.$font-size-m;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
|
||||
@@ -24,7 +24,7 @@
|
||||
background: rgba(255, 255, 255, 0.92);
|
||||
color: colors.$blue;
|
||||
border-radius: vars.$border-radius;
|
||||
font-size: 14px;
|
||||
font-size: fonts.$font-size-m;
|
||||
font-weight: fonts.$font-medium;
|
||||
text-decoration: none;
|
||||
transition: background-color 120ms ease;
|
||||
@@ -59,7 +59,7 @@
|
||||
|
||||
&__status {
|
||||
color: colors.$light-gray;
|
||||
font-size: 14px;
|
||||
font-size: fonts.$font-size-m;
|
||||
}
|
||||
|
||||
&--error,
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
align-items: center;
|
||||
gap: 0 vars.$space-l;
|
||||
padding: vars.$space-l vars.$space-xl;
|
||||
font-size: 14px;
|
||||
font-size: fonts.$font-size-m;
|
||||
color: colors.$text-color;
|
||||
}
|
||||
|
||||
@@ -200,7 +200,7 @@
|
||||
border: none;
|
||||
border-radius: vars.$border-radius;
|
||||
padding: 10px 24px;
|
||||
font-size: 14px;
|
||||
font-size: fonts.$font-size-m;
|
||||
font-weight: fonts.$font-medium;
|
||||
cursor: pointer;
|
||||
min-width: 150px;
|
||||
@@ -215,7 +215,7 @@
|
||||
border: 1px solid colors.$blue;
|
||||
border-radius: vars.$border-radius;
|
||||
padding: 10px 24px;
|
||||
font-size: 14px;
|
||||
font-size: fonts.$font-size-m;
|
||||
font-weight: fonts.$font-medium;
|
||||
cursor: pointer;
|
||||
min-width: 150px;
|
||||
@@ -236,7 +236,7 @@
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: vars.$space-l;
|
||||
font-size: 14px;
|
||||
font-size: fonts.$font-size-m;
|
||||
}
|
||||
|
||||
&__timeline-leg {
|
||||
@@ -304,7 +304,7 @@
|
||||
justify-content: space-between;
|
||||
gap: vars.$space-l;
|
||||
margin-top: vars.$space-s;
|
||||
font-size: 14px;
|
||||
font-size: fonts.$font-size-m;
|
||||
}
|
||||
|
||||
&__timeline-station {
|
||||
|
||||
@@ -152,7 +152,7 @@
|
||||
font-weight: normal;
|
||||
margin-bottom: 0;
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
font-size: fonts.$font-size-m;
|
||||
color: colors.$text-color;
|
||||
}
|
||||
|
||||
|
||||
@@ -24,7 +24,7 @@
|
||||
border-right: 1px solid colors.$border-input;
|
||||
color: colors.$blue;
|
||||
font-weight: fonts.$font-bold;
|
||||
font-size: 14px;
|
||||
font-size: fonts.$font-size-m;
|
||||
cursor: pointer;
|
||||
|
||||
&:last-child { border-right: none; }
|
||||
@@ -119,7 +119,7 @@
|
||||
color: colors.$white;
|
||||
border: none;
|
||||
border-radius: vars.$border-radius;
|
||||
font-size: 14px;
|
||||
font-size: fonts.$font-size-m;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover { background-color: colors.$blue-light--hover; }
|
||||
|
||||
@@ -66,7 +66,7 @@
|
||||
&__number {
|
||||
font-weight: fonts.$font-medium;
|
||||
color: colors.$text-color;
|
||||
font-size: 14px;
|
||||
font-size: fonts.$font-size-m;
|
||||
}
|
||||
|
||||
&__aircraft {
|
||||
@@ -170,7 +170,7 @@
|
||||
|
||||
&__detail-label {
|
||||
color: colors.$light-gray;
|
||||
font-size: 14px;
|
||||
font-size: fonts.$font-size-m;
|
||||
}
|
||||
|
||||
&__detail-group {
|
||||
@@ -193,7 +193,7 @@
|
||||
&__detail-value {
|
||||
font-weight: fonts.$font-medium;
|
||||
color: colors.$text-color;
|
||||
font-size: 14px;
|
||||
font-size: fonts.$font-size-m;
|
||||
}
|
||||
|
||||
&__detail-status {
|
||||
@@ -262,7 +262,7 @@
|
||||
border: 1px solid colors.$blue;
|
||||
border-radius: vars.$border-radius;
|
||||
padding: 9px 22px;
|
||||
font-size: 14px;
|
||||
font-size: fonts.$font-size-m;
|
||||
font-weight: fonts.$font-medium;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
@@ -277,7 +277,7 @@
|
||||
border: none;
|
||||
border-radius: vars.$border-radius;
|
||||
padding: 10px 24px;
|
||||
font-size: 14px;
|
||||
font-size: fonts.$font-size-m;
|
||||
font-weight: fonts.$font-medium;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
@@ -292,7 +292,7 @@
|
||||
border: none;
|
||||
border-radius: vars.$border-radius;
|
||||
padding: 10px 24px;
|
||||
font-size: 14px;
|
||||
font-size: fonts.$font-size-m;
|
||||
font-weight: fonts.$font-medium;
|
||||
cursor: pointer;
|
||||
transition: background-color 150ms ease;
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
max-width: 100%;
|
||||
|
||||
&--bold {
|
||||
font-size: 14px;
|
||||
font-size: fonts.$font-size-m;
|
||||
font-weight: fonts.$font-medium;
|
||||
color: colors.$text-color;
|
||||
line-height: 1.25;
|
||||
|
||||
@@ -114,7 +114,7 @@
|
||||
}
|
||||
|
||||
&__city {
|
||||
font-size: 14px;
|
||||
font-size: fonts.$font-size-m;
|
||||
font-weight: fonts.$font-medium;
|
||||
color: colors.$text-color;
|
||||
line-height: 1.2;
|
||||
|
||||
Reference in New Issue
Block a user