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

feat(packages): add UI support for gestures and hotkeys (#1388)

Browse Source 
Co-authored-by: Rahim <rahim.alwer@gmail.com>
Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Sam Potts
2026-05-05 10:34:12 +10:00
committed by GitHub
co-authored by Rahim Claude Opus 4.6
parent 6c81f2d190
commit 0620814a67
187 changed files with 5665 additions and 405 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/skins/src/shared/global/video/keyframes.css
+43
View File
@@ -0,0 +1,43 @@
/* -------------------------------------------------------------------------- */
/* Global @keyframes for all video skins (CSS & Tailwind) */
/* -------------------------------------------------------------------------- */
@keyframes media-shake {
0%,
100% {
translate: 0 0;
}
20% {
translate: -6px 0;
}
40% {
translate: 4px 0;
}
60% {
translate: -2px 0;
}
80% {
translate: 1px 0;
}
}
@keyframes media-slide-in-forward {
from {
translate: -60% 0;
opacity: 0;
}
}
@keyframes media-slide-in-backward {
from {
translate: 60% 0;
opacity: 0;
}
}
@keyframes media-pop-in {
from {
scale: 0.8;
opacity: 0;
}
}
packages/skins/src/shared/global/video/properties.css
+9
View File
@@ -0,0 +1,9 @@
/* -------------------------------------------------------------------------- */
/* Global @properties for all video skins (CSS & Tailwind) */
/* -------------------------------------------------------------------------- */
@property --media-progress-fill {
syntax: "<percentage>";
inherits: true;
initial-value: 0%;
}
packages/skins/src/shared/tailwind.css
+13
View File
@@ -0,0 +1,13 @@
/* -------------------------------------------------------------------------- */
/* Supporting @keyframes, @properties and @theme for Tailwind CSS */
/* -------------------------------------------------------------------------- */
@import "./global/video/keyframes.css";
@import "./global/video/properties.css";
@theme {
--animate-media-shake: media-shake 300ms ease-in-out;
--animate-media-slide-in-forward: media-slide-in-forward 300ms ease-in-out;
--animate-media-slide-in-backward: media-slide-in-backward 300ms ease-in-out;
--animate-media-pop-in: media-pop-in 250ms ease-out;
}