From 789f9f0bba01fcb2d0c9db1c2544d96e9aed0bb7 Mon Sep 17 00:00:00 2001
From: shamalainen <sebastian@hamse.fi>
Date: Fri, 29 Jan 2021 09:23:27 +0200
Subject: [PATCH] Update hero content spacings
---
src/components/hy-hero/hy-hero.scss | 34 +++++++++++++++++------------
1 file changed, 20 insertions(+), 14 deletions(-)
diff --git a/src/components/hy-hero/hy-hero.scss b/src/components/hy-hero/hy-hero.scss
index b930ad9c..fa828908 100644
--- a/src/components/hy-hero/hy-hero.scss
+++ b/src/components/hy-hero/hy-hero.scss
@@ -258,29 +258,27 @@
font-weight: bold;
hyphens: auto;
letter-spacing: -0.75px;
- margin-bottom: 12px;
+ margin-bottom: 12px !important;
max-width: 100%;
position: relative;
text-transform: uppercase;
word-wrap: break-word;
@include breakpoint($narrow) {
+ margin-bottom: 16px !important;
max-width: 87% !important;
}
@include breakpoint($wide) {
+ margin-bottom: 0 !important;
max-width: 48.75% !important;
}
- // @include breakpoint($extrawide) {
- // max-width: 115% !important;
- // }
-
span {
- padding-top: 16px;
+ padding-top: 24px;
@include breakpoint($narrow) {
- padding-top: 32px;
+ padding-top: 40px;
}
@include breakpoint($wide) {
@@ -289,8 +287,8 @@
}
@include breakpoint($extrawide) {
- padding-bottom: 30px;
- padding-top: 36px;
+ padding-bottom: 36px;
+ padding-top: 30px;
}
}
}
@@ -312,17 +310,14 @@
.hy-hero__description {
// Ingress Small
@include font-size(16px, 24px);
-
color: var(--grayscale-black);
font-family: var(--main-font-family);
font-weight: 600;
letter-spacing: -0.1px;
- margin: 12px 0 20px 0;
+ margin: 0;
padding: 0;
@include breakpoint($narrow) {
- margin: 16px 0 24px 0;
-
// Ingress Medium
@include font-size(18px, 28px);
letter-spacing: -0.1px;
@@ -331,7 +326,6 @@
@include breakpoint($wide) {
@include font-size(18px, 28px);
letter-spacing: -0.1px;
- margin: 0;
padding: 16px 40px 20px 0;
max-width: 40.21%;
position: relative;
@@ -353,6 +347,18 @@
// }
}
+.hy-hero__actions {
+ margin-top: 20px;
+
+ @include breakpoint($narrow) {
+ margin-top: 24px;
+ }
+
+ @include breakpoint($wide) {
+ margin-top: 0;
+ }
+}
+
// .hy-hero {
// position: relative;
--
GitLab