font-size 18px/20px → fonts.$font-size-xl/$font-size-xl1 across 16 SCSS files (brand palette parity)
This commit is contained in:
@@ -248,7 +248,7 @@
|
||||
}
|
||||
|
||||
&__title {
|
||||
font-size: 18px;
|
||||
font-size: fonts.$font-size-xl;
|
||||
font-weight: fonts.$font-bold;
|
||||
color: colors.$text-color;
|
||||
margin: 0 0 vars.$space-s;
|
||||
|
||||
@@ -70,10 +70,10 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-weight: fonts.$font-medium;
|
||||
font-size: 18px;
|
||||
font-size: fonts.$font-size-xl;
|
||||
}
|
||||
&__primary {
|
||||
font-size: 18px;
|
||||
font-size: fonts.$font-size-xl;
|
||||
font-weight: fonts.$font-medium;
|
||||
color: colors.$text-color;
|
||||
}
|
||||
|
||||
@@ -30,7 +30,7 @@
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
color: colors.$light-gray;
|
||||
font-size: 20px;
|
||||
font-size: fonts.$font-size-xl1;
|
||||
line-height: 1;
|
||||
padding: 0;
|
||||
|
||||
|
||||
@@ -91,7 +91,7 @@
|
||||
// Depart/arrive times inside the mini-list item: 20px / 500 / colors.$blue-dark
|
||||
// (dark navy) to match Angular's big time-group.
|
||||
&__time {
|
||||
font-size: 20px;
|
||||
font-size: fonts.$font-size-xl1;
|
||||
font-weight: fonts.$font-medium;
|
||||
color: colors.$blue-dark;
|
||||
line-height: 1;
|
||||
|
||||
@@ -44,7 +44,7 @@
|
||||
gap: 8px;
|
||||
|
||||
&--times {
|
||||
font-size: 18px;
|
||||
font-size: fonts.$font-size-xl;
|
||||
font-weight: fonts.$font-medium;
|
||||
color: colors.$blue-dark;
|
||||
}
|
||||
|
||||
@@ -33,7 +33,7 @@
|
||||
// Route-strip times. Angular: 20px/500/colors.$blue-dark bold navy; strike-through
|
||||
// slot underneath renders at 12px in the brand orange.
|
||||
&__time {
|
||||
font-size: 20px;
|
||||
font-size: fonts.$font-size-xl1;
|
||||
font-weight: fonts.$font-medium;
|
||||
color: colors.$blue-dark;
|
||||
line-height: 1.1;
|
||||
@@ -420,7 +420,7 @@
|
||||
|
||||
&__accordion-title {
|
||||
padding: vars.$space-xl vars.$space-xl vars.$space-s;
|
||||
font-size: 18px;
|
||||
font-size: fonts.$font-size-xl;
|
||||
font-weight: fonts.$font-bold;
|
||||
color: colors.$text-color;
|
||||
border-top: 1px solid colors.$border;
|
||||
|
||||
@@ -120,7 +120,7 @@
|
||||
border-radius: 0 vars.$border-radius vars.$border-radius 0;
|
||||
background: colors.$white;
|
||||
color: colors.$light-gray;
|
||||
font-size: 18px;
|
||||
font-size: fonts.$font-size-xl;
|
||||
line-height: vars.$standard-button-height;
|
||||
cursor: pointer;
|
||||
padding: 0;
|
||||
|
||||
@@ -37,7 +37,7 @@
|
||||
|
||||
&__error-title {
|
||||
margin: 0 0 vars.$space-m;
|
||||
font-size: 18px;
|
||||
font-size: fonts.$font-size-xl;
|
||||
color: colors.$red;
|
||||
}
|
||||
|
||||
|
||||
@@ -63,7 +63,7 @@
|
||||
@media (max-width: vars.$media-breakpoint-mobile) {
|
||||
section.frame h2 {
|
||||
padding: 20px;
|
||||
font-size: 20px;
|
||||
font-size: fonts.$font-size-xl1;
|
||||
line-height: 28px;
|
||||
padding-bottom: 0px;
|
||||
padding-top: 30px;
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
}
|
||||
|
||||
&__title {
|
||||
font-size: 20px;
|
||||
font-size: fonts.$font-size-xl1;
|
||||
margin: 0;
|
||||
padding-bottom: 50px;
|
||||
font-weight: fonts.$font-regular;
|
||||
|
||||
@@ -94,7 +94,7 @@
|
||||
&__date {
|
||||
margin: 0;
|
||||
color: colors.$blue-dark;
|
||||
font-size: 18px;
|
||||
font-size: fonts.$font-size-xl;
|
||||
font-weight: fonts.$font-medium;
|
||||
}
|
||||
|
||||
|
||||
@@ -60,7 +60,7 @@
|
||||
@media (max-width: vars.$media-breakpoint-mobile) {
|
||||
section.frame h2 {
|
||||
padding: 20px;
|
||||
font-size: 20px;
|
||||
font-size: fonts.$font-size-xl1;
|
||||
line-height: 28px;
|
||||
padding-bottom: 0px;
|
||||
padding-top: 30px;
|
||||
@@ -278,7 +278,7 @@
|
||||
}
|
||||
|
||||
.bottom-description-title {
|
||||
font-size: 20px;
|
||||
font-size: fonts.$font-size-xl1;
|
||||
font-weight: fonts.$font-regular;
|
||||
}
|
||||
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
background: transparent;
|
||||
border: none;
|
||||
color: colors.$light-gray;
|
||||
font-size: 18px;
|
||||
font-size: fonts.$font-size-xl;
|
||||
width: 28px;
|
||||
cursor: pointer;
|
||||
border-radius: vars.$border-radius;
|
||||
|
||||
@@ -43,7 +43,7 @@
|
||||
border: none;
|
||||
background: transparent;
|
||||
cursor: pointer;
|
||||
font-size: 18px;
|
||||
font-size: fonts.$font-size-xl;
|
||||
color: colors.$light-gray;
|
||||
|
||||
&::before {
|
||||
|
||||
@@ -111,7 +111,7 @@
|
||||
|
||||
&__chevron {
|
||||
color: colors.$blue;
|
||||
font-size: 18px;
|
||||
font-size: fonts.$font-size-xl;
|
||||
transition: transform 150ms ease;
|
||||
|
||||
&--open {
|
||||
|
||||
Reference in New Issue
Block a user