Function listenMediaQueryChanges

Listen for media-query changes with the standard browser event API.

A missing media query or unavailable standard event methods return an inert cleanup function.

Usage:

import { listenMediaQueryChanges } from "mazey";

const media = window.matchMedia("(prefers-color-scheme: dark)");
const stop = listenMediaQueryChanges(media, event => {
  console.log(event.matches);
});

stop();
stop();
Copy