From 428180de2221af0f27a6182343fa29ece000541d Mon Sep 17 00:00:00 2001 From: scar <91326008+alk-spriet@users.noreply.github.com> Date: Fri, 24 Dec 2021 14:57:50 +0100 Subject: [PATCH] Update LTG, PLR to use new backgroud gradient, and not resort on ::before element --- LTG banner.css | 10 +++++----- PLR banner.css | 10 +++++----- 2 files changed, 10 insertions(+), 10 deletions(-) diff --git a/LTG banner.css b/LTG banner.css index a193b04..40b6010 100644 --- a/LTG banner.css +++ b/LTG banner.css @@ -14,16 +14,16 @@ domain("ltg-admin.alkemics.com") { 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%); + 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 diff --git a/PLR banner.css b/PLR banner.css index 1233971..0179590 100644 --- a/PLR banner.css +++ b/PLR banner.css @@ -13,16 +13,16 @@ 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%); + 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