18 lines
696 B
CSS
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;
|
|
}
|