Personal Site
Add support for hovering to reveal the now playing
+3
-3
+3
-3
src/components/home/playing/NowPlaying.astro
+3
-3
src/components/home/playing/NowPlaying.astro
···
353
353
drop-shadow(var(--outline-colour) 0 calc(-1 * var(--outline-size)))
354
354
drop-shadow(var(--outline-colour) calc(-1 * var(--outline-size)) 0);
355
355
}
356
+
}
356
357
357
-
& now-playing {
358
-
display: block;
359
-
}
358
+
:is(.player:focus, .player:focus-within, .player:hover) now-playing {
359
+
display: block;
360
360
}
361
361
362
362
now-playing {