d258f86c9a
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)
24 lines
598 B
CSS
24 lines
598 B
CSS
@-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-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%;
|
|
}
|
|
}
|
|
} |