From fd029c7ac756e9db0427358af60d9cad3ac4b9f5 Mon Sep 17 00:00:00 2001 From: scar <91326008+alk-spriet@users.noreply.github.com> Date: Tue, 21 Dec 2021 18:17:29 +0100 Subject: [PATCH] Added new CSS for Pillar environment. --- PLR banner.css | 28 ++++++++++++++++++++++++++++ 1 file changed, 28 insertions(+) create mode 100644 PLR banner.css diff --git a/PLR banner.css b/PLR banner.css new file mode 100644 index 0000000..9f52e44 --- /dev/null +++ b/PLR banner.css @@ -0,0 +1,28 @@ +@-moz-document domain("int.alkemics.com") { + :root { + --stripe-size: 100px; + --color1: #752cf9; + --color2: #6723e4; + --duration: 30s; + } + .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%); + background-size: var(--stripe-size) var(--stripe-size); + animation: stripeTransform var(--duration) linear infinite; + } + @keyframes stripeTransform { + 0% { + transform: translateX(0); + } + 100% { + transform: translateX(calc(var(--stripe-size) * -1)); + } + } +} \ No newline at end of file