From cf5e8959998d30c4a70850a7d43e9e981a11d034 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kristj=C3=A1n=20Eldj=C3=A1rn?= Date: Sat, 23 Jul 2022 10:26:59 -0700 Subject: [PATCH 1/3] Reduced size of newsletter graphic #91 --- .../common/footer/footer.module.scss | 26 ++----------------- 1 file changed, 2 insertions(+), 24 deletions(-) diff --git a/src/components/common/footer/footer.module.scss b/src/components/common/footer/footer.module.scss index 90d4291..44ef7bd 100644 --- a/src/components/common/footer/footer.module.scss +++ b/src/components/common/footer/footer.module.scss @@ -17,12 +17,12 @@ &--section { background-image: url('/images/laconic_newsletter_dark.png'); background-position: 50%; - background-size: cover; + background-size: contain; display: flex; position: relative; align-items: center; justify-content: center; - height: calc(var(--vw) * 70); + height: calc(var(--vw) * 60); &::after, &::before { @@ -34,28 +34,6 @@ h2 { text-shadow: 0 0 tovw(40px, 'default', 40px) rgb(255 255 255 / 0.4); } - - .video { - position: absolute; - top: 0; - left: 0; - z-index: -2; - width: 100%; - height: 100%; - pointer-events: none; - user-select: none; - } - - .img { - position: absolute; - top: 35px; - left: 0; - z-index: -1; - width: 100%; - height: auto; - pointer-events: none; - user-select: none; - } } .form { From c4b2cd95f8d0682ce36e0a46452a88298784c093 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kristj=C3=A1n=20Eldj=C3=A1rn?= Date: Sat, 23 Jul 2022 11:04:39 -0700 Subject: [PATCH 2/3] Fixes #81 for videos and blog thumbnails --- src/components/common/card/card.module.scss | 3 +-- src/components/sections/newsroom/media/media.module.scss | 2 +- 2 files changed, 2 insertions(+), 3 deletions(-) diff --git a/src/components/common/card/card.module.scss b/src/components/common/card/card.module.scss index 27156df..2edcf2d 100644 --- a/src/components/common/card/card.module.scss +++ b/src/components/common/card/card.module.scss @@ -314,8 +314,7 @@ border-top: tovw(1px, 'default', 1px) solid var(--color-white); border-bottom: tovw(1px, 'default', 1px) solid var(--color-white); width: 100%; - - // height: tovw(232px, 'default', 200px); + height: calc(12.6vw); @supports (aspect-ratio: 16 / 9) { aspect-ratio: 16 / 9; diff --git a/src/components/sections/newsroom/media/media.module.scss b/src/components/sections/newsroom/media/media.module.scss index 271adaa..e3562ba 100644 --- a/src/components/sections/newsroom/media/media.module.scss +++ b/src/components/sections/newsroom/media/media.module.scss @@ -112,7 +112,7 @@ img { width: 100%; - height: 100%; + height: calc(15.4vw); object-fit: cover; @supports (aspect-ratio: 16 / 9) { From 4945c1891862f3c4002d5da40b6c6b7bab4ef069 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kristj=C3=A1n=20Eldj=C3=A1rn?= Date: Sat, 23 Jul 2022 12:17:00 -0700 Subject: [PATCH 3/3] Added padding as per #93 --- src/components/sections/products/stack/stack.module.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/sections/products/stack/stack.module.scss b/src/components/sections/products/stack/stack.module.scss index 078cc69..291181e 100644 --- a/src/components/sections/products/stack/stack.module.scss +++ b/src/components/sections/products/stack/stack.module.scss @@ -7,7 +7,7 @@ } position: relative; - padding: tovw(110px, 'default', 100px) 0 tovw(80px, 'default', 80px) 0; + padding: tovw(200px, 'default', 190px) 0 tovw(80px, 'default', 80px) 0; .container { @include respond-to('mobile') {