eskarlat / js-mediaquery

Helps to match and run custom scripts with different resolution

Home Page:https://www.npmjs.com/package/@evgeny.skarlat/js-mediaquery

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

npm version

npm downloads

Browser Support

Chrome Firefox Safari Opera Edge IE
Latest ✔ Latest ✔ Latest ✔ Latest ✔ Latest ✔ 11 ✔

Installing

Using npm:

$ npm i @evgeny.skarlat/js-mediaquery

Example

respond({ 
    breakpoint: "320px",

    run: () => {
        document.getElementById('output').innerText = "matched"
    },

    back: () => {
        document.getElementById('output').innerText = "no matched"
    } 
});

About

Helps to match and run custom scripts with different resolution

https://www.npmjs.com/package/@evgeny.skarlat/js-mediaquery


Languages

Language:JavaScript 70.9%Language:HTML 29.1%