Function matchMediaFeature

A thin TypeScript wrapper over the window.matchMedia() API, providing intelliSense for names and values of media query features.

Example

import { matchMediaFeature } from '@neoncitylights/typed-css-utils';

const userPrefersDark: MediaQueryList = matchMediaFeature('prefers-color-scheme', 'dark');
const prefersLessMotion: MediaQueryList = matchMediaFeature('prefers-reduced-motion', 'reduce');

Note

Global browser support is at 99.65% as of November 2022, and therefore stable to use.

Chrome	Edge	Safari	Firefox	Opera
9	12	5.1	12.1	12.1

See

• Can I use? / Browser support for matchMedia()
• W3C CSSOM View Module (Editor's Draft)