fix(breakpoints): resolve 1px hole between lg -> xl breakpoints (angular#159)

ThomasBurleson · tinayuangao · commit d78527c677b9 · 2017-02-08T09:08:02.000+08:00
* alias `xl` now has mediaQuery == `screen and (min-width: 1920px) and (max-width: 5000px)` fixes angular#149.
diff --git a/src/lib/media-query/breakpoints/break-points.ts b/src/lib/media-query/breakpoints/break-points.ts
@@ -65,7 +65,7 @@ export const RAW_DEFAULTS: BreakPoint[ ] = [
     alias: 'xl',
     suffix: 'Xl',
     overlapping: false,
-    mediaQuery: 'screen and (min-width: 1921px)'  // should be distinct from 'gt-lg' range
+    mediaQuery: 'screen and (min-width: 1920px) and (max-width: 5000px)'
   }
 ];
 

Original file line number	Diff line number	Diff line change
`@@ -65,7 +65,7 @@ export const RAW_DEFAULTS: BreakPoint[ ] = [`
`65`	`65`	`alias: 'xl',`
`66`	`66`	`suffix: 'Xl',`
`67`	`67`	`overlapping: false,`
`68`		`- mediaQuery: 'screen and (min-width: 1921px)' // should be distinct from 'gt-lg' range`
	`68`	`+ mediaQuery: 'screen and (min-width: 1920px) and (max-width: 5000px)'`
`69`	`69`	`}`
`70`	`70`	`];`
`71`	`71`