|
|
@@ -202,6 +202,7 @@
|
|
|
width: `${seekerbarPercentage}%`
|
|
|
}"
|
|
|
:class="{
|
|
|
+ 'christmas-seeker': christmas,
|
|
|
nyan:
|
|
|
currentSong &&
|
|
|
currentSong.youtubeId ===
|
|
|
@@ -2817,6 +2818,25 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+.christmas-seeker {
|
|
|
+ background: repeating-linear-gradient(
|
|
|
+ -45deg,
|
|
|
+ var(--white),
|
|
|
+ var(--white) 1rem,
|
|
|
+ var(--red) 1rem,
|
|
|
+ var(--red) 2rem
|
|
|
+ );
|
|
|
+
|
|
|
+ background-size: 200% 200%;
|
|
|
+ animation: christmas 10s linear infinite;
|
|
|
+}
|
|
|
+
|
|
|
+@keyframes christmas {
|
|
|
+ 100% {
|
|
|
+ background-position: 100% 100%;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
.bg-bubbles {
|
|
|
top: 0;
|
|
|
left: 0;
|
