mirror of
https://github.com/zoriya/v10.git
synced 2026-08-16 02:45:09 +00:00
26 lines
823 B
TypeScript
26 lines
823 B
TypeScript
import { cn } from '@videojs/utils/style';
|
|
|
|
export const overlay = cn(
|
|
// Layout
|
|
'absolute inset-0 flex flex-col items-start',
|
|
'pointer-events-none rounded-[inherit]',
|
|
// Default: hidden
|
|
'opacity-0',
|
|
'bg-linear-to-t from-black/50 via-black/30 to-transparent',
|
|
'backdrop-blur-none backdrop-saturate-150',
|
|
// Transitions
|
|
'transition-[opacity,backdrop-filter] ease-out',
|
|
'duration-300 delay-500',
|
|
// Shown when controls visible
|
|
'peer-data-visible/controls:opacity-100',
|
|
'peer-data-visible/controls:duration-150',
|
|
'peer-data-visible/controls:delay-0',
|
|
// Shown when error visible (+ blur)
|
|
'peer-data-open/error:opacity-100',
|
|
'peer-data-open/error:duration-150',
|
|
'peer-data-open/error:delay-0',
|
|
'peer-data-open/error:backdrop-blur-lg',
|
|
// Reduced motion
|
|
'motion-reduce:duration-100'
|
|
);
|