From 7f164cfe4b2bc57616562bb3baefdcac9ca4692e Mon Sep 17 00:00:00 2001
From: shamalainen <sebastian@hamse.fi>
Date: Wed, 10 Mar 2021 14:34:25 +0200
Subject: [PATCH] Update introduction font size
---
src/components/hy-introduction/hy-introduction.scss | 12 ++++++------
src/components/hy-introduction/hy-introduction.tsx | 2 +-
2 files changed, 7 insertions(+), 7 deletions(-)
diff --git a/src/components/hy-introduction/hy-introduction.scss b/src/components/hy-introduction/hy-introduction.scss
index 1974b77c..2945cf36 100644
--- a/src/components/hy-introduction/hy-introduction.scss
+++ b/src/components/hy-introduction/hy-introduction.scss
@@ -221,30 +221,30 @@
}
&__description {
- @include font-size(16px, 24px);
- @include font-weight($semibold);
-
+ @include font-size(15px, 22px);
+ @include font-weight($regular);
color: var(--grayscale-black);
font-family: var(--main-font-family);
- letter-spacing: -0.1px;
margin-bottom: 28px;
+ margin-top: 0;
@include breakpoint($narrow) {
- @include font-size(18px, 28px);
+ @include font-size(16px, 24px);
}
@include breakpoint($wide) {
- @include font-size(18px, 28px);
margin-bottom: 32px;
}
@include breakpoint($extrawide) {
margin-bottom: 32px;
}
@include breakpoint($xlarge) {
+ @include font-size(17px, 26px);
margin-bottom: 40px;
}
&__large {
@include breakpoint($extrawide) {
+ @include font-size(17px, 26px);
margin-bottom: 40px;
}
}
diff --git a/src/components/hy-introduction/hy-introduction.tsx b/src/components/hy-introduction/hy-introduction.tsx
index 48154746..5558fbf7 100644
--- a/src/components/hy-introduction/hy-introduction.tsx
+++ b/src/components/hy-introduction/hy-introduction.tsx
@@ -66,7 +66,7 @@ export class HyIntroduction {
>
{this.textTitle}
</hy-heading>
- <div class={classDescription}>{this.textDescription}</div>
+ <p class={classDescription}>{this.textDescription}</p>
{this.url && (
<div class="hy-introduction__link__container">
<a class="hy-introduction__link" href={this.url} aria-label={this.scLabel} target={target}>
--
GitLab