From 8db7e22e788b81c401d9d0b150da715de06a5e1a Mon Sep 17 00:00:00 2001 From: "ngjunyen@gmail.com" Date: Wed, 10 Jan 2018 15:16:28 +1100 Subject: [PATCH 1/2] feat(layout): add window breakpoints from spec --- src/cdk/layout/breakpoints.ts | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/cdk/layout/breakpoints.ts b/src/cdk/layout/breakpoints.ts index 19e3f22edf1b..43e8711fe686 100644 --- a/src/cdk/layout/breakpoints.ts +++ b/src/cdk/layout/breakpoints.ts @@ -8,6 +8,12 @@ // PascalCase is being used as Breakpoints is used like an enum. // tslint:disable-next-line:variable-name export const Breakpoints = { + WindowXSmall: '(max-width: 599px)', + WindowSmall: '(min-width: 600px) and (max-width: 959px)', + WindowMedium: '(min-width: 960px) and (max-width: 1279px)', + WindowLarge: '(min-width: 1280px) and (max-width: 1919px)', + WindowXLarge: '(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), ' + From 0edaeadee21d7262237118699770cc7d53b487a2 Mon Sep 17 00:00:00 2001 From: "ngjunyen@gmail.com" Date: Fri, 26 Jan 2018 10:39:38 +1100 Subject: [PATCH 2/2] feat(layout): add window breakpoints from spec --- src/cdk/layout/breakpoints.ts | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/cdk/layout/breakpoints.ts b/src/cdk/layout/breakpoints.ts index 43e8711fe686..c29e9e52d2cc 100644 --- a/src/cdk/layout/breakpoints.ts +++ b/src/cdk/layout/breakpoints.ts @@ -8,11 +8,11 @@ // PascalCase is being used as Breakpoints is used like an enum. // tslint:disable-next-line:variable-name export const Breakpoints = { - WindowXSmall: '(max-width: 599px)', - WindowSmall: '(min-width: 600px) and (max-width: 959px)', - WindowMedium: '(min-width: 960px) and (max-width: 1279px)', - WindowLarge: '(min-width: 1280px) and (max-width: 1919px)', - WindowXLarge: '(min-width: 1920px)', + 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)',