npm.io
1.0.5 • Published 10 years ago

media-queries

Licence
MIT
Version
1.0.5
Deps
0
Vulns
0
Weekly
0
Stars
4

media-queries Build Status

CSS media queries based on Zurb's Foundation breakpoints

Install

$ npm install media-queries --save

Usage

/* Import the library */
@import 'media-queries';

/* Then you can use available breakpoints */
@media (--large-up) {
  /* ... */
}

Values

Alias Value
small-up 0
small-only 0 → 39.9375em
medium-up 40em
medium-only 40em → 63.9375em
large-up 64em
large-only 64em → 74.9375em
xlarge-up 75em
xlarge-only 75em → 89.9375em
xxlarge-up 90em

Notes

Values are exported as media queries ranges, using @custom-media. That's a future specification so you'll probably need a /p(re|ost)\s?\-?processor/i. Both cssnext and myth are really great options.

License

MIT Rafael Rinaldi

Keywords