Aurora SpotiRip desktop and web app
- Spotify playlist, library, album and artist browsing with in-app playback - Song, playlist and album downloads via spotdl with YouTube and Bandcamp fallbacks - Electron desktop app (castLabs Widevine) with a permanent sidebar layout - Linux and Windows packaging scripts
This commit is contained in:
@@ -0,0 +1,53 @@
|
||||
@layer base {
|
||||
.content {
|
||||
position: relative;
|
||||
z-index: var(--z-overlay);
|
||||
min-width: 12rem;
|
||||
max-width: 24rem;
|
||||
pointer-events: all;
|
||||
transform-origin: var(--radix-popover-content-transform-origin);
|
||||
animation: contentFadeIn var(--animation-duration-normal)
|
||||
cubic-bezier(0.16, 1, 0.3, 1);
|
||||
will-change: transform, opacity;
|
||||
box-shadow: var(--shadow-md);
|
||||
border-radius: var(--radius);
|
||||
outline: none;
|
||||
color: var(--popup-foreground);
|
||||
}
|
||||
|
||||
.withBackgroundAndPadding {
|
||||
background-color: var(--popup);
|
||||
padding: var(--spacing-4);
|
||||
}
|
||||
|
||||
.content:focus-visible {
|
||||
box-shadow: var(--shadow-focus);
|
||||
}
|
||||
|
||||
@keyframes contentFadeIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: scale(0.96);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
.content[data-state="closed"] {
|
||||
animation: contentFadeOut var(--animation-duration-fast)
|
||||
cubic-bezier(0.16, 1, 0.3, 1);
|
||||
}
|
||||
|
||||
@keyframes contentFadeOut {
|
||||
from {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
to {
|
||||
opacity: 0;
|
||||
transform: scale(0.96);
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user