From b28b04e3f89116ecb437fb0c21e8a3198ed35a6a Mon Sep 17 00:00:00 2001
From: shamalainen <sebastian@hamse.fi>
Date: Fri, 29 Jan 2021 15:03:17 +0200
Subject: [PATCH] Update hero min-height to get as close as possible to 16:10
image aspect ratio
---
src/components/hy-hero/hy-hero.scss | 13 ++++++++++++-
1 file changed, 12 insertions(+), 1 deletion(-)
diff --git a/src/components/hy-hero/hy-hero.scss b/src/components/hy-hero/hy-hero.scss
index 50739e01..ccecc844 100644
--- a/src/components/hy-hero/hy-hero.scss
+++ b/src/components/hy-hero/hy-hero.scss
@@ -141,7 +141,7 @@
}
.hy-hero__content-container {
- @include breakpoint(max-width $wide) {
+ @include breakpoint(max-width 959px) {
padding-bottom: 0;
}
@@ -259,19 +259,30 @@
flex-direction: column;
justify-content: center;
margin: 0 auto;
+ min-height: 360px;
padding: 52px 2rem;
position: relative;
width: 100%;
}
@include breakpoint($extrawide) {
+ min-height: 400px;
padding: 80px 24px;
}
+ @include breakpoint($overwide) {
+ min-height: 450px;
+ }
+
@include breakpoint($xlarge) {
max-width: 1216px;
+ min-height: 500px;
padding: 80px 0;
}
+
+ @include breakpoint($fullhd) {
+ min-height: 600px;
+ }
}
.hy-hero__spacer-box {
--
GitLab