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(sandbox): dynamically load skins by styling (#989)

Browse Source
This commit is contained in:
Sam Potts
2026-03-18 08:38:16 +11:00
committed by GitHub
parent fa54409824
commit c5ad81cf26
34 changed files with 338 additions and 498 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/sandbox/app/shared/html/tailwind-setup.ts
+2 -12
View File
@@ -1,18 +1,8 @@
import tailwindCSS from '@app/styles.css?inline';
import { MinimalAudioSkinTailwindElement } from '@videojs/html/audio/minimal-skin.tailwind';
import { AudioSkinTailwindElement } from '@videojs/html/audio/skin.tailwind';
import { MinimalVideoSkinTailwindElement } from '@videojs/html/video/minimal-skin.tailwind';
import { VideoSkinTailwindElement } from '@videojs/html/video/skin.tailwind';
const tailwindStyles = new CSSStyleSheet();
tailwindStyles.replaceSync(tailwindCSS);
export function setupVideoTailwind() {
VideoSkinTailwindElement.styles = tailwindStyles;
MinimalVideoSkinTailwindElement.styles = tailwindStyles;
}
export function setupAudioTailwind() {
AudioSkinTailwindElement.styles = tailwindStyles;
MinimalAudioSkinTailwindElement.styles = tailwindStyles;
export function getTailwindStyles(): CSSStyleSheet {
return tailwindStyles;
}