From e45531486aaa76483bdcdd89fc114c25d5465071 Mon Sep 17 00:00:00 2001
From: scar <91326008+alk-spriet@users.noreply.github.com>
Date: Fri, 24 Dec 2021 15:04:38 +0100
Subject: [PATCH] Renamed animation and removed ::before specifics rules

---
 LTG banner.css | 14 ++++----------
 PLR banner.css | 18 ++++++------------
 PPR banner.css |  4 ++--
 3 files changed, 12 insertions(+), 24 deletions(-)

diff --git a/LTG banner.css b/LTG banner.css
index 40b6010..a9cc028 100644
--- a/LTG banner.css	
+++ b/LTG banner.css	
@@ -6,19 +6,13 @@ domain("ltg-admin.alkemics.com") {
         --color2: hsl(261, 80%, 59%);
         --duration: 30s;
     }
-    .Navbar::before {
-        z-index: -10;
-        content: "";
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: calc(100% + var(--stripe-size));
-        height: 100%;
+    .AuthLayoutFooter,
+    .Navbar.navbar.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;
+        animation: alkegrad var(--duration) linear infinite;
     }
-    @keyframes stripeTransform {
+    @keyframes alkegrad {
         from {
             background-position: 0 0;
         }
diff --git a/PLR banner.css b/PLR banner.css
index 0179590..8d0c1f9 100644
--- a/PLR banner.css	
+++ b/PLR banner.css	
@@ -1,23 +1,17 @@
 @-moz-document domain("int.alkemics.com") {
      :root {
         --stripe-size: 100px;
-        --color1: hsl(195, 70%, 45%);
-        --color2: hsl(195, 70%, 50%);
+        --color1: hsl(205, 70%, 45%);
+        --color2: hsl(205, 70%, 50%);
         --duration: 30s;
     }
-    .Navbar::before {
-        z-index: -10;
-        content: "";
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: calc(100% + var(--stripe-size));
-        height: 100%;
+    .AuthLayoutFooter,
+    .Navbar.navbar.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;
+        animation: alkegrad var(--duration) linear infinite;
     }
-    @keyframes stripeTransform {
+    @keyframes alkegrad {
         from {
             background-position: 0 0;
         }
diff --git a/PPR banner.css b/PPR banner.css
index 2d3cac8..171fac6 100644
--- a/PPR banner.css	
+++ b/PPR banner.css	
@@ -10,9 +10,9 @@ domain("ppr-admin.alkemics.com") {
     .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;
+        animation: alkegrad var(--duration) linear infinite;
     }
-    @keyframes stripeTransform {
+    @keyframes alkegrad {
         from {
             background-position: 0 0;
         }