From 47e77b66cb7a3bded1e95b489d6d94ee22e5e365 Mon Sep 17 00:00:00 2001
From: druid <druid@druids-MBP-2.lan>
Date: Thu, 28 Jan 2021 12:12:31 +0200
Subject: [PATCH] bold title text in Adjacent image and text and in Minor
manual link box
---
.../adjacent-image-text/adjacent-image-text.scss | 8 +++-----
src/components/link-box/link-box.scss | 12 ++++++------
2 files changed, 9 insertions(+), 11 deletions(-)
diff --git a/src/components/adjacent-image-text/adjacent-image-text.scss b/src/components/adjacent-image-text/adjacent-image-text.scss
index faf6ecd9..6133efb2 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 dec12271..6afc166b 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;
}
}
--
GitLab