@angular/flex-layout
Version:
Angular 2 Flexbox Layout
77 lines • 2.26 kB
JavaScript
import { OpaqueToken } from '@angular/core';
export var RESPONSIVE_ALIASES = [
'xs', 'gt-xs', 'sm', 'gt-sm', 'md', 'gt-md', 'lg', 'gt-lg', 'xl'
];
export var RAW_DEFAULTS = [
{
alias: 'xs',
suffix: 'Xs',
overlapping: false,
mediaQuery: 'screen and (max-width: 599px)'
},
{
alias: 'gt-xs',
suffix: 'GtXs',
overlapping: true,
mediaQuery: 'screen and (min-width: 600px)'
},
{
alias: 'sm',
suffix: 'Sm',
overlapping: false,
mediaQuery: 'screen and (min-width: 600px) and (max-width: 959px)'
},
{
alias: 'gt-sm',
suffix: 'GtSm',
overlapping: true,
mediaQuery: 'screen and (min-width: 960px)'
},
{
alias: 'md',
suffix: 'Md',
overlapping: false,
mediaQuery: 'screen and (min-width: 960px) and (max-width: 1279px)'
},
{
alias: 'gt-md',
suffix: 'GtMd',
overlapping: true,
mediaQuery: 'screen and (min-width: 1280px)'
},
{
alias: 'lg',
suffix: 'Lg',
overlapping: false,
mediaQuery: 'screen and (min-width: 1280px) and (max-width: 1919px)'
},
{
alias: 'gt-lg',
suffix: 'GtLg',
overlapping: true,
mediaQuery: 'screen and (min-width: 1920px)'
},
{
alias: 'xl',
suffix: 'Xl',
overlapping: false,
mediaQuery: 'screen and (min-width: 1920px) and (max-width: 5000px)'
}
];
/**
* Opaque Token unique to the flex-layout library.
* Use this token when build a custom provider (see below).
*/
export var BREAKPOINTS = new OpaqueToken('fxRawBreakpoints');
/**
* Provider to return observable to ALL known BreakPoint(s)
* Developers should build custom providers to override
* this default BreakPointRegistry dataset provider
* NOTE: !! custom breakpoints lists MUST contain the following aliases & suffixes:
* [xs, gt-xs, sm, gt-sm, md, gt-md, lg, gt-lg, xl]
*/
export var BreakPointsProvider = {
provide: BREAKPOINTS,
useValue: RAW_DEFAULTS
};
//# sourceMappingURL=/usr/local/google/home/tinagao/WebstormProjects/caretaker/flex-layout/src/lib/media-query/breakpoints/break-points.js.map