From 361907bdac63efb58e21e8f185923794e2a96298 Mon Sep 17 00:00:00 2001 From: kalecream Date: Sun, 8 Oct 2023 14:10:52 -0500 Subject: [PATCH] fix(Styling): Remove background --- .../src/styles/modules/Errors.module.scss | 22 +++++-------------- 1 file changed, 5 insertions(+), 17 deletions(-) diff --git a/frontend/src/styles/modules/Errors.module.scss b/frontend/src/styles/modules/Errors.module.scss index 434b37f00..e140d5864 100644 --- a/frontend/src/styles/modules/Errors.module.scss +++ b/frontend/src/styles/modules/Errors.module.scss @@ -1,21 +1,17 @@ @import '@styles/mediaQuery'; .container { - background-size: cover; - background-position: center; - background-repeat: no-repeat; width: 100%; display: flex; justify-content: center; align-items: center; - background-image: var(--loadingBackground); & a { color: var(--textColor); } - @include breakpoint-range($from: mobile, $to: desktopSmall) { + @include breakpoint-range($from: mobile) { flex-wrap: wrap; } } @@ -29,7 +25,7 @@ width: 100%; height: 100%; font-weight: 900; - // letter-spacing: 1rem; + letter-spacing: 1rem; text-align: center; color: transparent; -webkit-text-fill-color: transparent; @@ -64,12 +60,12 @@ } .error__description { -margin-top: 0.2rem; + margin-top: 0.2rem; color: var(--textColor); } .error_description_container { -width: 50%; + width: 50%; display: flex; flex-direction: column; place-items: center; @@ -87,16 +83,8 @@ width: 50%; background-position: calc(100px * -1) 0; } } - @keyframes stripeBackgroundPosition { - 0% { - background-position: 0 0; - } - 100% { - background-position: calc(100px * -1) 0; - } - } - @keyframes stripeTransform { +@keyframes stripeTransform { 0% { transform: translateX(0); }