tailwindcss-theme-variants
Version:
Media-query- or JavaScript-based theme variants with fallback for Tailwind CSS
21 lines (20 loc) • 1.43 kB
TypeScript
export declare const prefersDark = "@media (prefers-color-scheme: dark)";
export declare const prefersLight = "@media (prefers-color-scheme: light)";
export declare const prefersAnyMotion = "@media (prefers-reduced-motion: no-preference)";
export declare const prefersReducedMotion = "@media (prefers-reduced-motion: reduce)";
export declare const prefersAnyTransparency = "@media (prefers-reduced-transparency: no-preference)";
export declare const prefersReducedTransparency = "@media (prefers-reduced-transparency: reduce)";
export declare const prefersAnyContrast = "@media (prefers-contrast: no-preference)";
export declare const prefersHighContrast = "@media (prefers-contrast: more)";
export declare const prefersLowContrast = "@media (prefers-contrast: less)";
export declare const colorsInverted = "@media (inverted-colors: inverted)";
export declare const colorsNotInverted = "@media (inverted-colors: none)";
export declare const canHover = "@media (hover: hover)";
export declare const noHover = "@media (hover: none)";
export declare const canAnyHover = "@media (any-hover: hover)";
export declare const noAnyHover = "@media (any-hover: none)";
export declare const landscape = "@media (orientation: landscape)";
export declare const portrait = "@media (orientation: portrait)";
export declare const print = "@media print";
export declare const screen = "@media screen";
export declare const speech = "@media speech";