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

Set envs to animate on loading only (except PROD) (#18)

Browse Source 
Simply update the code with what i've been using lately so it only animate when the `.Loader` is created by react. Except for PROD where animation runs anytime.

Use both the new `:has()` pseudo-class and fallback to regular `:not(:only-child())` for unsupported browser (Firefox)
This commit is contained in:
Simon Priet
2023-05-25 23:15:05 +02:00
committed by GitHub
parent 18ff7c284e
commit d258f86c9a
16 changed files with 91 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
PROD banner.css
View File

@@ -1,18 +1,22 @@
@-moz-document domain("app.supplierxm.salsify.com"),
domain("admin.supplierxm.salsify.com") {
.AuthLayoutFooter,
.Navbar.navbar.bg-inverse {
background: linear-gradient(-45deg, rgb(60, 180, 255),rgb(46, 112, 255), rgb(118, 55, 252));
background: linear-gradient(-45deg, rgb(60, 180, 255), rgb(46, 112, 255), rgb(118, 55, 252));
background-size: 200% 100% !important;
animation: salsigrad 60s linear infinite !important;
}
@keyframes salsigrad {
0% {
background-position: 0% 0%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 0%;
}