mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-15 12:43:54 +02:00
32 lines
813 B
CSS
32 lines
813 B
CSS
@-moz-document url-prefix("chrome:") {
|
|
/* Firefox URL Bar Loading Animation */
|
|
:root {
|
|
--w-urlbar-bg_color: #ff6b6b66, #4ecdc466, #ff6b6b66;
|
|
}
|
|
|
|
#urlbar {
|
|
.urlbar-input-container::before {
|
|
content: '';
|
|
position: absolute;
|
|
inset: 0;
|
|
background: linear-gradient(90deg, var(--w-urlbar-bg_color));
|
|
background-size: 200% 100%;
|
|
animation: urlbar-loading-gradient 1s linear reverse infinite;
|
|
animation-play-state: paused;
|
|
opacity: 0;
|
|
transition: opacity 0.3s;
|
|
z-index: -1;
|
|
}
|
|
}
|
|
|
|
#main-window:has(.tabbrowser-tab[selected][busy]) .urlbar-input-container::before {
|
|
animation-play-state: running;
|
|
opacity: 1;
|
|
}
|
|
|
|
@keyframes urlbar-loading-gradient {
|
|
0% { background-position: 0% 50%; }
|
|
50% { background-position: 100% 50%; }
|
|
100% { background-position: 200% 50%; }
|
|
}
|
|
}
|