Files
deepdrft/DeepDrftPublic.Client/Pages/MixDetail.razor.css
T

18 lines
696 B
CSS

/* Lifts the detail content above the fixed waveform backdrop (z-index: 0). */
.mix-detail-foreground {
position: relative;
z-index: 1;
}
/* Mix's per-page hero variance: a centered medium square, overriding ReleaseHeroOverlay's default
wide (16/10) aspect. The cover art is square album art, and a smaller square frees the surrounding
canvas for the lava-lamp visualizer. The mix-hero class lands on the overlay component's root
.release-hero <div> (a child Razor component's native output), so ::deep is required to reach it. */
::deep .release-hero.mix-hero {
aspect-ratio: 1 / 1;
max-width: 480px;
min-height: 0;
max-height: none;
margin-inline: auto;
}