fix(*.css): more consistent hover states + fix reduced motion support

This commit is contained in:
Cory Dransfeldt 2025-04-14 13:54:00 -07:00
parent a284f758e2
commit 321b6d2fca
No known key found for this signature in database
8 changed files with 45 additions and 71 deletions

View file

@ -47,24 +47,20 @@ updated: "now"
Tracks
</a>
</h3>
<div>
<input id="tracks-recent" name="track-options" type="radio" aria-hidden="true" checked />
<input id="tracks-chart" name="track-options" type="radio" aria-hidden="true" />
<label for="tracks-recent" class="button" data-toggle="tracks-recent">Recent</label>
<label for="tracks-chart" class="button" data-toggle="tracks-chart">This week</label>
<div class="tracks-recent">
{% render "media/music/charts/recent.liquid",
globals:globals,
data:music.recent
%}
</div>
<div class="tracks-chart">
{% render "media/music/charts/rank.liquid",
data:music.week.tracks,
count:10
%}
</div>
</div>
<details open>
<summary>Recent</summary>
{% render "media/music/charts/recent.liquid",
globals:globals,
data:music.recent
%}
</details>
<details>
<summary>This week</summary>
{% render "media/music/charts/rank.liquid",
data:music.week.tracks,
count:10
%}
</details>
{%- if albumReleases.upcoming.size > 0 -%}
<h3 id="album-releases">
<a href="/music/album-releases/">