From 3200bce9ca8482736efbc16a28a82b388ae1b38e Mon Sep 17 00:00:00 2001 From: Simon Priet Date: Thu, 18 Nov 2021 14:40:16 +0100 Subject: [PATCH] Updated PRD banner with quicker animation and blue colors --- PRD banner.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/PRD banner.css b/PRD banner.css index ac145ed..f978736 100644 --- a/PRD banner.css +++ b/PRD banner.css @@ -1,9 +1,9 @@ @-moz-document domain("stream.alkemics.com") { :root { --stripe-size: 100px; - --color1: #005564; - --color2: rgb(0, 0, 0); - --duration: 10s; + --color1: hsl(234, 71%, 48%); + --color2: hsl(239, 100%, 60%); + --duration: 6s; } .Navbar::before { z-index: -10; @@ -13,7 +13,7 @@ left: calc(-1 * var(--stripe-size)); 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(--color2) 50%, var(--color1) 50%, var(--color1) 75%); background-size: var(--stripe-size) var(--stripe-size); animation: stripeTransform var(--duration) linear infinite; }