feat(#11): Add new style with blinkers animations

This commit is contained in:
Simon
2023-03-24 17:41:51 +01:00
parent 2c84246592
commit 27a3c0a308
3 changed files with 27 additions and 1 deletions

View File

@@ -1,25 +1,29 @@
@-moz-document domain("ppr-app.supplierxm.salsify.com"),
domain("ppr-admin.alkemics.com") {
:root {
:root {
--stripe-size: 100px;
--color1: hsl(194, 71%, 30%);
--color2: hsl(194, 77%, 35%);
--duration: 20s;
}
.AuthLayoutFooter,
.Navbar.navbar.Navbar--PPR.bg-inverse {
background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color1) 50%, var(--color1) 75%);
background-size: var(--stripe-size) var(--stripe-size);
animation: alkegrad var(--duration) linear infinite;
}
.AuthLayoutFooter {
--stripe-size: 200px;
--duration: 40s;
}
@keyframes alkegrad {
from {
background-position: 0 0;
}
to {
background-position: var(--stripe-size) 0;
}