From 5f0694ce9daeffff7247a6cd067edc74e1939238 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kristj=C3=A1n=20Eldj=C3=A1rn?= Date: Fri, 29 Jul 2022 15:51:57 -0700 Subject: [PATCH] Removed gradient line in footer on desktop --- src/components/common/footer/footer.module.scss | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/src/components/common/footer/footer.module.scss b/src/components/common/footer/footer.module.scss index 6f2e70d..74e6a18 100644 --- a/src/components/common/footer/footer.module.scss +++ b/src/components/common/footer/footer.module.scss @@ -3,7 +3,7 @@ .pre__footer { @include respond-to('mobile') { margin-top: tovw(140px, 'mobile', 140px); - padding-bottom: tovw(50px, 'tablet', 30px); + padding-bottom: tovw(20px, 'tablet', 30px); } max-width: tovw(753px, 'default', 375px); @@ -35,7 +35,7 @@ @include respond-to('mobile') { background-size: 190%; - height: calc(var(--vw) * 120); + height: calc(var(--vw) * 100); margin-top: tovw(100px, 'mobile', 100px); } @@ -365,13 +365,15 @@ .gradient_line { position: absolute; right: calc(50% - 5px); - top: -40px; + top: -90px; background-image: url('/images/gradient_line_dark.png'); background-size: contain; width: 10px; height: 88px; + display: none; @include respond-to('mobile') { top: -90px; + display: block; } }