-
$bp--xsmall:
380px -
$bp--small:
500px -
$bp--medium:
640px -
$bp--large:
768px -
$bp--xlarge:
1024px -
$bp--xxlarge:
1250px -
$bp--xxxlarge:
1600px
- iPhone Portrait: 320px
- Galaxy Nexus Portrait: 360px
- iPhone 6 Portrait: 375px
- iPhone 6 Plus Portrait: 414px
- Galaxy Note 3 Portrait: 540px
- iPhone Landscape: 568px
- Google Nexus 7 Portrait: 604px
- Galaxy Nexus Landscape: 640px
- iPhone 6 Landscape: 667px
- iPhone 6 Plus Landscape: 738px
- iPad Portrait: 768px
- Galaxy Note 3 Landscape: 960px
- Google Nexus 7 Landscape: 966px
- iPad Landscape: 1024px
- 11" MacBook Air: 1366px
- 13" MacBook Air: 1440px
- 21.5" iMac: 1980px
To add to these items, use Sass variables that start with $bp--
in source/_patterns/00-base/breakpoints/_breakpoints.scss