1skel.init({
2 reset: 'full',
3 breakpoints: {
4 global: { range: '*', href: '/css/style.css', containers: 1400, grid: { gutters: 50 } },
5 wide: { range: '-1680', href: '/css/style-wide.css', containers: 1200, grid: { gutters: 40 } },
6 normal: { range: '-1280', href: '/css/style-normal.css', containers: 960, viewport: { scalable: false } },
7 narrow: { range: '-980', href: '/css/style-narrow.css', containers: '95%', grid: { gutters: 30 } },
8 narrower: { range: '-840', href: '/css/style-narrower.css', grid: { collapse: 1 } },
9 mobile: { range: '-736', href: '/css/style-mobile.css', containers: '100%', grid: { gutters: 15, collapse: 2 } }
10 },
11 // ...
12});