zoriya/v10
1
0
Fork 0
mirror of https://github.com/zoriya/v10.git synced 2026-08-16 02:45:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(skin): scope controls transitions to fine pointer only (#909)

Browse Source
This commit is contained in:
rahim
2026-03-12 01:46:24 -07:00
committed by GitHub
parent 6a69779946
commit 7a69bf4489
8 changed files with 104 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/skins/src/default/css/video.css
+18 -8
View File
@@ -57,26 +57,36 @@
bottom: 0.75rem;
inset-inline: 0.75rem;
z-index: 10;
color: oklch(1 0 0);
will-change: scale, transform, filter, opacity;
transition-property: scale, transform, filter, opacity;
transition-duration: 100ms;
transition-delay: 0ms;
transition-timing-function: ease-out;
transform-origin: bottom;
color: oklch(1 0 0);
@media (pointer: fine) {
transition-property: scale, transform, filter, opacity;
transition-duration: 100ms;
transition-delay: 0ms;
}
&:not([data-visible]) {
opacity: 0;
pointer-events: none;
scale: 0.9;
filter: blur(8px);
transition-duration: 300ms;
transition-delay: 500ms;
pointer-events: none;
@media (pointer: fine) {
transition-duration: 300ms;
transition-delay: 500ms;
@media (prefers-reduced-motion: reduce) {
transition-duration: 100ms;
}
}
@media (prefers-reduced-motion: reduce) {
scale: 1;
filter: blur(0);
transition-duration: 100ms;
}
}
}