Skip to content

↕️ CSS media queries based on Zurb's Foundation breakpoints

License

Notifications You must be signed in to change notification settings

rafaelrinaldi/media-queries

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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 039.9375em
medium-up 40em
medium-only 40em63.9375em
large-up 64em
large-only 64em74.9375em
xlarge-up 75em
xlarge-only 75em89.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

About

↕️ CSS media queries based on Zurb's Foundation breakpoints

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages