From 4d2c0e56f29307ddb0e5ffdbae0a9c716f86317a Mon Sep 17 00:00:00 2001
From: scar <91326008+alk-spriet@users.noreply.github.com>
Date: Fri, 24 Dec 2021 14:54:34 +0100
Subject: [PATCH] Updated PPR banner to not resort on ::before element

---
 PPR banner.css | 22 ++++++++--------------
 1 file changed, 8 insertions(+), 14 deletions(-)

diff --git a/PPR banner.css b/PPR banner.css
index 8f9b9da..2d3cac8 100644
--- a/PPR banner.css	
+++ b/PPR banner.css	
@@ -4,26 +4,20 @@ domain("ppr-admin.alkemics.com") {
         --stripe-size: 100px;
         --color1: hsl(194, 71%, 30%);
         --color2: hsl(194, 77%, 35%);
-        --duration: 30s;
+        --duration: 20s;
     }
-    .Navbar::before {
-        z-index: -10;
-        content: "";
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: calc(100% + var(--stripe-size));
-        height: 100%;
-        background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color2) 50%, var(--color1) 50%, var(--color1) 75%);
+    .AuthLayoutFooter,
+    .Navbar.navbar.Navbar--PPR.bg-inverse {
+        background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color1) 75%);
         background-size: var(--stripe-size) var(--stripe-size);
         animation: stripeTransform var(--duration) linear infinite;
     }
     @keyframes stripeTransform {
-        0% {
-            transform: translateX(0);
+        from {
+            background-position: 0 0;
         }
-        100% {
-            transform: translateX(calc(var(--stripe-size) * -1));
+        to {
+            background-position: var(--stripe-size) 0;
         }
     }
 }
\ No newline at end of file