@xlibz/media v0.0.14

media

Easily create media queries in js

import { Media, MediaQueries } from '@xlibz/media'

const queries: MediaQueries = new Map()

// Make sure you create media queries in the right order!

queries.set('(max-width: 1024px)', {
  match: () => {
    console.log('tablet ✔')
  },
  unmatch: () => {
    console.log('tablet ❌')
  },
})

queries.set('(max-width: 768px)', {
  match: () => {
    console.log('phone ✔')
  },
  unmatch: () => {
    console.log('phone ❌')
  },
})

queries.set('(min-width: 1025px)', {
  match: () => {
    console.log('desktop ✔')
  },
  unmatch: () => {
    console.log('desktop ❌')
  },
})

const media = new Media(queries)

media.connect()

// media.currentQuery

// media.disconnect()

// media.test()