refactor(web): hoist .play-overlay CSS to app.css; remove triplicated <style> blocks (C2)

This commit is contained in:
2026-05-08 11:28:58 -04:00
parent efef9934d4
commit 3e263657c6
4 changed files with 17 additions and 42 deletions
-14
View File
@@ -79,17 +79,3 @@
</div>
</div>
<style>
.play-overlay {
background: var(--fs-accent);
color: var(--fs-parchment);
opacity: 0;
transition: opacity 150ms ease;
}
@media (hover: hover) {
.card:hover .play-overlay { opacity: 1; }
}
@media (hover: none) {
.play-overlay { opacity: 1; }
}
</style>
-14
View File
@@ -89,17 +89,3 @@
</div>
</div>
<style>
.play-overlay {
background: var(--fs-accent);
color: var(--fs-parchment);
opacity: 0;
transition: opacity 150ms ease;
}
@media (hover: hover) {
.card:hover .play-overlay { opacity: 1; }
}
@media (hover: none) {
.play-overlay { opacity: 1; }
}
</style>
@@ -168,17 +168,3 @@
</a>
</div>
<style>
.play-overlay {
background: var(--fs-accent);
color: var(--fs-parchment);
opacity: 0;
transition: opacity 150ms ease;
}
@media (hover: hover) {
.card:hover .play-overlay { opacity: 1; }
}
@media (hover: none) {
.play-overlay { opacity: 1; }
}
</style>