feat(layout): add window breakpoints from spec (#9318)

This commit is contained in:
CDDelta
2018-01-27 02:34:50 +11:00
committed by Jeremy Elbourn
parent afcb3ea8d7
commit 1038950dc6
+6
View File
@@ -8,6 +8,12 @@
// PascalCase is being used as Breakpoints is used like an enum.
// tslint:disable-next-line:variable-name
export const Breakpoints = {
XSmall: '(max-width: 599px)',
Small: '(min-width: 600px) and (max-width: 959px)',
Medium: '(min-width: 960px) and (max-width: 1279px)',
Large: '(min-width: 1280px) and (max-width: 1919px)',
XLarge: '(min-width: 1920px)',
Handset: '(max-width: 599px) and (orientation: portrait), ' +
'(max-width: 959px) and (orientation: landscape)',
Tablet: '(min-width: 600px) and (max-width: 839px) and (orientation: portrait), ' +