(text)
| 6734 | ${TRANSPORT} { |
| 6735 | position: relative !important; |
| 6736 | transition: transform 0.28s cubic-bezier(0.3, 2.25, 0.32, 1) !important; |
| 6737 | } |
| 6738 | ${eachTransport(":active")} { transform: scale(var(--glowify-player-press-scale, 0.9)) !important; } |
| 6739 | ${eachTransport(` svg:not(.${ICON})`)} { visibility: hidden !important; } |
| 6740 | |
| 6741 | .${ICON} { |
| 6742 | position: absolute !important; |
| 6743 | left: 50% !important; |
| 6744 | top: 50% !important; |
| 6745 | transform: translate(-50%, -50%) !important; |
| 6746 | width: var(--glowify-player-icon-size, 26px) !important; |
| 6747 | height: var(--glowify-player-icon-size, 26px) !important; |
| 6748 | color: var(--glowify-player-icon-color, #fff) !important; |
| 6749 | overflow: hidden; |
| 6750 | pointer-events: none; |
| 6751 | } |
| 6752 | |
| 6753 | ${BARE_PLAY_BUTTON} |
| 6754 | |
| 6755 | /* Bigger than the skips, not equal: the triangle fills far less of its viewBox |
| 6756 | than the skip pair does, and play is the primary control. */ |
| 6757 | ${PLAY} .${ICON} { --glowify-player-icon-size: 36px; } |
| 6758 | |
| 6759 | /* Play/pause \u2014 shape change, not an icon swap. */ |
| 6760 | .${ICON}__a, .${ICON}__b { transition: d 0.46s cubic-bezier(0.32, 1.35, 0.46, 1); } |
| 6761 | .${ICON}__a { d: path("M9.4 6.6 L13.5 9.3 L13.5 14.7 L9.4 17.4 Z"); } |
| 6762 | .${ICON}__b { d: path("M13.5 9.3 L17.6 12 L17.6 12 L13.5 14.7 Z"); } |
| 6763 | .${ICON}.${PLAYING} .${ICON}__a { d: path("M7.8 6 L9.3 6 L9.3 18 L7.8 18 Z"); } |
| 6764 | .${ICON}.${PLAYING} .${ICON}__b { d: path("M14.7 6 L16.2 6 L16.2 18 L14.7 18 Z"); } |
| 6765 | |
| 6766 | /* Optical centring: a triangle carries its mass at the flat edge, so a |
| 6767 | geometrically centred pair reads as shifted backwards. The nudge lives in |
| 6768 | the mirrored group, so it applies to both directions. */ |
| 6769 | .${ICON}__nudge { transform-box: view-box; transform-origin: 0 0; transform: translateX(1.1px); } |
| 6770 | .${ICON}__row { transform-box: view-box; transform-origin: 0 0; } |
| 6771 | .${ICON}__in { opacity: 0; } |
| 6772 | |
| 6773 | /* One press advances the row by exactly one position (9.6 units): the spare |
| 6774 | triangle fades in, the leading one runs out of the viewBox. End state equals |
| 6775 | start state, which is why dropping the class again is invisible. */ |
| 6776 | .${SKIPPING} .${ICON}__row { animation: glowifySkipFlow 0.52s cubic-bezier(0.3, 1.75, 0.44, 1) both; } |
no test coverage detected