vira
Version:
A simple and highly versatile design system using element-vir.
23 lines (22 loc) • 865 B
TypeScript
/**
* CSS vars for animation or transition durations from Vira.
*
* @category Styles
* @category CSS Vars
*/
export declare const viraAnimationDurations: import("lit-css-vars").CssVarDefinitions<{
/**
* A longer duration used to show a full animation. Use this sparingly; make sure to not block
* any user input with this animation.
*/
readonly 'vira-extended-animation-duration': "1.2s";
/** A longer duration used to emphasize the animation without totally aggravating a user. */
readonly 'vira-pretty-animation-duration': "300ms";
/**
* A short duration used for user interactions. This duration is very short to ensure snappy
* responses to user interactions.
*
* The default duration of 84ms gives us 5 frames on a 60Hz screen.
*/
readonly 'vira-interaction-animation-duration': "84ms";
}>;