Breakpoint values for responsive design
npm install travix-breakpoints 
> Breakpoint values for responsive design
Exports (CSS) breakpoint values for various sizes.
``
$ npm install --save travix-breakpoints
`js
import { variables, sizes } from 'travix-breakpoints';
// variables is a flat Object of key/value pairssizes
// is an object keyed by breakpoint sizes, with min/max values`
You can also import them individually:
`js`
import sizes from 'travix-breakpoints/sizes';
import variables from 'travix-breakpoints/variables';
`css
@value small from "travix-breakpoints/variables.css";
@media small {
/ ... /
}
`
Or you can even import everything, and then extract them in the file:
`css
@value breakpoints: "travix-breakpoints/variables.css";
@value small, medium, smallMax from breakpoints;
@media small {
/ ... /
}
.someClass {
width: smallMax;
}
`
If you want to modify the breakpoints further, update them in ./lib/sizes.js, and then run:
`
$ npm run generate:variables
This will then update the ./lib/variables.js` file accordingly.
MIT © Travix International