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

Prototype #1

Merged
alk-spriet merged 14 commits from prototype into master 2022-02-03 15:23:26 +01:00
Conversation 0 Commits 14 Files Changed 12 +8 -14
1 changed files with 8 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 4d2c0e56f2 - Show all commits

22
PPR banner.css
View File

@ -4,26 +4,20 @@ domain("ppr-admin.alkemics.com") {
--stripe-size: 100px; --stripe-size: 100px;
--color1: hsl(194, 71%, 30%); --color1: hsl(194, 71%, 30%);
--color2: hsl(194, 77%, 35%); --color2: hsl(194, 77%, 35%);
--duration: 30s; --duration: 20s;
} }
.Navbar::before { .AuthLayoutFooter,
z-index: -10; .Navbar.navbar.Navbar--PPR.bg-inverse {
content: ""; background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color1) 75%);
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); background-size: var(--stripe-size) var(--stripe-size);
animation: stripeTransform var(--duration) linear infinite; animation: stripeTransform var(--duration) linear infinite;
} }
@keyframes stripeTransform { @keyframes stripeTransform {
0% { from {
transform: translateX(0); background-position: 0 0;
} }
100% { to {
transform: translateX(calc(var(--stripe-size) * -1)); background-position: var(--stripe-size) 0;
} }
} }
} }