Skip to content

Instantly share code, notes, and snippets.

@zogreptile

zogreptile/match-css-media.js

Last active September 25, 2020 14:45
Show Gist options
  • Save zogreptile/4dcc13eaf058d88f5433e872ad29c598 to your computer and use it in GitHub Desktop.
Save zogreptile/4dcc13eaf058d88f5433e872ad29c598 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
match-css-media.js
// export values from SCSS file
:export {
tablet-portrait: $tablet-portrait;
desktop: $desktop;
}
// JS
import BREAKPOINTS from '../breakpoints.scss';
const isMatchesMQ = window.matchMedia(`(min-width: ${BREAKPOINTS.desktop})`).matches;
if (isMatchesMQ) foo();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment