UNPKG

@angular/flex-layout

Version:
77 lines 2.26 kB
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