Contents

function checkForPrefersReduceMotion() {
  const reducedMotionMediaQuery = window.matchMedia('(prefers-reduced-motion: reduce)');
  let reducedMotion = reducedMotionMediaQuery.matches ? true : false;

  localStorage.setItem('userPrefersReducedMotion', reducedMotion);

  reducedMotionMediaQuery.addEventListener('change', _e => {
    if (reducedMotionMediaQuery.matches) {
      reducedMotion = true;
    } else {
      reducedMotion = false;
    }
    localStorage.setItem('userPrefersReducedMotion', reducedMotion);
  });
}

export default checkForPrefersReduceMotion;

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
kcc-gem-theme-original-1.0.2	assets/js/src/checkForPrefersReducedMotion.js
kcc-gem-theme-original-1.0.1	assets/js/src/checkForPrefersReducedMotion.js
kcc-gem-theme-original-1.0.0	assets/js/src/checkForPrefersReducedMotion.js