diff --git a/src/components/adjacent-image-text/adjacent-image-text.scss b/src/components/adjacent-image-text/adjacent-image-text.scss index faf6ecd980d3dcc92e7cea0fd4df905cf6b64768..6133efb2144a8920a42771c0da56d9783dc0583d 100644 --- a/src/components/adjacent-image-text/adjacent-image-text.scss +++ b/src/components/adjacent-image-text/adjacent-image-text.scss @@ -111,19 +111,17 @@ $margin-narrow: 32px; } &__title { + @include font-size(22px, 28px); + @include font-weight($bold); color: var(--brand-main-nearly-black); font-family: var(--main-font-family); - font-size: 22px; - font-weight: 600; letter-spacing: -0.69px; - line-height: 28px; margin-top: 32px; padding: 0 1rem; @include breakpoint($narrow) { - font-size: 32px; + @include font-size(32px, 40px); letter-spacing: -1px; - line-height: 40px; margin-top: 41px; padding: 0; } diff --git a/src/components/link-box/link-box.scss b/src/components/link-box/link-box.scss index dec12271dc6c5db7cb58f314e2bee7d9baefba1b..6afc166b6e8a131c3ed7dbb8f16222288e12b20b 100644 --- a/src/components/link-box/link-box.scss +++ b/src/components/link-box/link-box.scss @@ -139,18 +139,18 @@ padding: 0 16px; &__title { - color: var(--brand-main-nearly-black); - font-family: var(--main-font-family); @include font-weight($bold); @include font-size(40px, 44px); + color: var(--brand-main-nearly-black); + font-family: var(--main-font-family); letter-spacing: -1.26px; margin-bottom: 20px; margin-top: 28px; } &__description { + @include font-size(20px, 32px); color: var(--brand-main-nearly-black); font-family: var(--main-font-family); - @include font-size(20px, 32px); letter-spacing: -0.1px; } } @@ -163,18 +163,18 @@ padding: 0 12px; &__title { + @include font-weight($bold); + @include font-size(20px, 26px); color: var(--brand-main-nearly-black); font-family: var(--main-font-family); - @include font-weight($semibold); - @include font-size(20px, 26px); letter-spacing: -0.63px; margin-bottom: 11px; margin-top: 20px; } &__description { + @include font-size(14px, 20px); color: var(--grayscale-dark); font-family: var(--main-font-family); - @include font-size(14px, 20px); letter-spacing: -0.2px; } }