enlarges the media player button
This commit is contained in:
@@ -32,7 +32,7 @@
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
color: var(--color-white);
|
color: var(--color-white);
|
||||||
font-size: 1.1rem;
|
font-size: 2rem;
|
||||||
opacity: 0.9;
|
opacity: 0.9;
|
||||||
transition: opacity $transition-fast;
|
transition: opacity $transition-fast;
|
||||||
// minimum 44x44 touch target
|
// minimum 44x44 touch target
|
||||||
@@ -117,11 +117,25 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@keyframes livePulse {
|
@keyframes livePulse {
|
||||||
0%, 100% { opacity: 1; transform: scale(1); }
|
|
||||||
50% { opacity: 0.4; transform: scale(0.8); }
|
0%,
|
||||||
|
100% {
|
||||||
|
opacity: 1;
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
50% {
|
||||||
|
opacity: 0.4;
|
||||||
|
transform: scale(0.8);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes marqueeScroll {
|
@keyframes marqueeScroll {
|
||||||
0% { transform: translateX(0); }
|
0% {
|
||||||
100% { transform: translateX(-100%); }
|
transform: translateX(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
transform: translateX(-100%);
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user