Salsify/front-ui-tweaker
1
0
Fork 0
Code Issues 4 Pull Requests 3 Packages Projects Releases Wiki Activity

Renamed animation and removed ::before specifics rules

Browse Source
This commit is contained in:
scar 2021-12-24 15:04:38 +01:00
parent 428180de22
commit e45531486a
3 changed files with 12 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
LTG banner.css
View File

@ -6,19 +6,13 @@ domain("ltg-admin.alkemics.com") {
--color2: hsl(261, 80%, 59%); --color2: hsl(261, 80%, 59%);
--duration: 30s; --duration: 30s;
} }
.Navbar::before { .AuthLayoutFooter,
z-index: -10; .Navbar.navbar.bg-inverse {
content: "";
position: absolute;
top: 0;
left: 0;
width: calc(100% + var(--stripe-size));
height: 100%;
background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color1) 75%); background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color1) 75%);
background-size: var(--stripe-size) var(--stripe-size); 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 { from {
background-position: 0 0; background-position: 0 0;
} }

18
PLR banner.css
View File

@ -1,23 +1,17 @@
@-moz-document domain("int.alkemics.com") { @-moz-document domain("int.alkemics.com") {
:root { :root {
--stripe-size: 100px; --stripe-size: 100px;
--color1: hsl(195, 70%, 45%); --color1: hsl(205, 70%, 45%);
--color2: hsl(195, 70%, 50%); --color2: hsl(205, 70%, 50%);
--duration: 30s; --duration: 30s;
} }
.Navbar::before { .AuthLayoutFooter,
z-index: -10; .Navbar.navbar.bg-inverse {
content: "";
position: absolute;
top: 0;
left: 0;
width: calc(100% + var(--stripe-size));
height: 100%;
background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color1) 75%); background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color1) 75%);
background-size: var(--stripe-size) var(--stripe-size); 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 { from {
background-position: 0 0; background-position: 0 0;
} }

4
PPR banner.css
View File

@ -10,9 +10,9 @@ domain("ppr-admin.alkemics.com") {
.Navbar.navbar.Navbar--PPR.bg-inverse { .Navbar.navbar.Navbar--PPR.bg-inverse {
background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color1) 75%); background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color1) 75%);
background-size: var(--stripe-size) var(--stripe-size); 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 { from {
background-position: 0 0; background-position: 0 0;
} }