-
$bp--xsmall:
380px -
$bp--small:
500px -
$bp--medium:
640px -
$bp--large:
768px -
$bp--xlarge:
1024px -
$bp--xxlarge:
1170px -
$bp--xxxlarge:
1440px
- 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