refactor(web): hoist .play-overlay CSS to app.css; remove triplicated <style> blocks (C2)
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user