cu-ng-design-library
Version:
This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.3.0.
84 lines • 8.05 kB
JavaScript
// import { BREAKPOINT } from '@angular/flex-layout';
export const BREAKPOINT = [];
// A standalone version of CWD Design Patterns
// ---------------------------------------------------------------------------
// Recommended breakpoints to match base theme:
// @media (min-width: 321px) - above 3.5" phones begins
// @media xs-min (min-width: 480px)
// @media ks-min (min-width: 624px)
// @media sm-min (min-width: 768px) - tablet begins, sidebar begins
// @media md-min (min-width: 992px) - desktop main navigation begins
// @media ml-min (min-width: 1080px)
// @media lg-min (min-width: 1200px)
// @media xl-min (min-width: 1400px) - maximum content width begins
// $screen-xs-min: 480px;
// $screen-ks-min: 624px;
// $screen-sm-min: 768px;
// $screen-md-min: 992px;
// $screen-ml-min: 1080px;
// $screen-lg-min: 1200px;
// $screen-xl-min: 1480px;
export const CWD_BREAKPOINTS = [
{
alias: 'xs',
suffix: 'Xs',
mediaQuery: 'screen and (min-width: 0px) and (max-width: 480px)',
overlapping: false,
priority: 1002,
},
{
alias: 'sm',
suffix: 'Sm',
mediaQuery: 'screen and (min-width: 480px) and (max-width: 624px)',
overlapping: false,
priority: 1003,
},
{
alias: 'md',
suffix: 'Md',
mediaQuery: 'screen and (min-width: 624px) and (max-width: 768px)',
overlapping: false,
priority: 1004,
},
{
alias: 'lg',
suffix: 'Lg',
mediaQuery: 'screen and (min-width: 768px) and (max-width: 992px)',
overlapping: false,
priority: 1005,
},
{
alias: 'xl',
suffix: 'Xl',
mediaQuery: 'screen and (min-width: 992px) and (max-width: 1200px)',
overlapping: false,
priority: 1006,
},
{
alias: 'xxl',
suffix: 'Xxl',
mediaQuery: 'screen and (min-width: 1200px) and (max-width: 1400px)',
overlapping: false,
priority: 1007,
},
{
alias: 'xxxl',
suffix: 'Xxxl',
mediaQuery: 'screen and (min-width: 1400px)',
overlapping: false,
priority: 1008,
},
];
export const CWD_BREAKPOINTS_SIZES = {
xs: { max: 575 },
sm: { min: 576, max: 767 },
md: { min: 768, max: 991 },
lg: { min: 992, max: 1199 },
xl: { min: 1200 },
};
export const CustomBreakPointsProvider = {
provide: BREAKPOINT,
useValue: [...CWD_BREAKPOINTS],
multi: true,
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3UtbmctZGVzaWduLWxpYnJhcnkuYnJlYWtwb2ludHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jdS1uZy1kZXNpZ24tbGlicmFyeS9zcmMvbGliL2N1LW5nLWRlc2lnbi1saWJyYXJ5LmJyZWFrcG9pbnRzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHFEQUFxRDtBQUVyRCxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUcsRUFBRSxDQUFDO0FBQzdCLDhDQUE4QztBQUM5Qyw4RUFBOEU7QUFDOUUsK0NBQStDO0FBQy9DLHVEQUF1RDtBQUN2RCxtQ0FBbUM7QUFDbkMsbUNBQW1DO0FBQ25DLG1FQUFtRTtBQUNuRSxvRUFBb0U7QUFDcEUsb0NBQW9DO0FBQ3BDLG9DQUFvQztBQUNwQyxtRUFBbUU7QUFDbkUseUJBQXlCO0FBQ3pCLHlCQUF5QjtBQUN6Qix5QkFBeUI7QUFDekIseUJBQXlCO0FBQ3pCLDBCQUEwQjtBQUMxQiwwQkFBMEI7QUFDMUIsMEJBQTBCO0FBQzFCLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRztJQUM3QjtRQUNFLEtBQUssRUFBRSxJQUFJO1FBQ1gsTUFBTSxFQUFFLElBQUk7UUFDWixVQUFVLEVBQUUsb0RBQW9EO1FBQ2hFLFdBQVcsRUFBRSxLQUFLO1FBQ2xCLFFBQVEsRUFBRSxJQUFJO0tBQ2Y7SUFDRDtRQUNFLEtBQUssRUFBRSxJQUFJO1FBQ1gsTUFBTSxFQUFFLElBQUk7UUFDWixVQUFVLEVBQUUsc0RBQXNEO1FBQ2xFLFdBQVcsRUFBRSxLQUFLO1FBQ2xCLFFBQVEsRUFBRSxJQUFJO0tBQ2Y7SUFDRDtRQUNFLEtBQUssRUFBRSxJQUFJO1FBQ1gsTUFBTSxFQUFFLElBQUk7UUFDWixVQUFVLEVBQUUsc0RBQXNEO1FBQ2xFLFdBQVcsRUFBRSxLQUFLO1FBQ2xCLFFBQVEsRUFBRSxJQUFJO0tBQ2Y7SUFDRDtRQUNFLEtBQUssRUFBRSxJQUFJO1FBQ1gsTUFBTSxFQUFFLElBQUk7UUFDWixVQUFVLEVBQUUsc0RBQXNEO1FBQ2xFLFdBQVcsRUFBRSxLQUFLO1FBQ2xCLFFBQVEsRUFBRSxJQUFJO0tBQ2Y7SUFDRDtRQUNFLEtBQUssRUFBRSxJQUFJO1FBQ1gsTUFBTSxFQUFFLElBQUk7UUFDWixVQUFVLEVBQUUsdURBQXVEO1FBQ25FLFdBQVcsRUFBRSxLQUFLO1FBQ2xCLFFBQVEsRUFBRSxJQUFJO0tBQ2Y7SUFDRDtRQUNFLEtBQUssRUFBRSxLQUFLO1FBQ1osTUFBTSxFQUFFLEtBQUs7UUFDYixVQUFVLEVBQUUsd0RBQXdEO1FBQ3BFLFdBQVcsRUFBRSxLQUFLO1FBQ2xCLFFBQVEsRUFBRSxJQUFJO0tBQ2Y7SUFDRDtRQUNFLEtBQUssRUFBRSxNQUFNO1FBQ2IsTUFBTSxFQUFFLE1BQU07UUFDZCxVQUFVLEVBQUUsZ0NBQWdDO1FBQzVDLFdBQVcsRUFBRSxLQUFLO1FBQ2xCLFFBQVEsRUFBRSxJQUFJO0tBQ2Y7Q0FDRixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0scUJBQXFCLEdBQUc7SUFDbkMsRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRTtJQUNoQixFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUU7SUFDMUIsRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFO0lBQzFCLEVBQUUsRUFBRSxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBRTtJQUMzQixFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFO0NBQ2xCLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSx5QkFBeUIsR0FBRztJQUN2QyxPQUFPLEVBQUUsVUFBVTtJQUNuQixRQUFRLEVBQUUsQ0FBQyxHQUFHLGVBQWUsQ0FBQztJQUM5QixLQUFLLEVBQUUsSUFBSTtDQUNaLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBpbXBvcnQgeyBCUkVBS1BPSU5UIH0gZnJvbSAnQGFuZ3VsYXIvZmxleC1sYXlvdXQnO1xuXG5leHBvcnQgY29uc3QgQlJFQUtQT0lOVCA9IFtdO1xuLy8gQSBzdGFuZGFsb25lIHZlcnNpb24gb2YgQ1dEIERlc2lnbiBQYXR0ZXJuc1xuLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4vLyBSZWNvbW1lbmRlZCBicmVha3BvaW50cyB0byBtYXRjaCBiYXNlIHRoZW1lOlxuLy8gQG1lZGlhIChtaW4td2lkdGg6IDMyMXB4KSAtIGFib3ZlIDMuNVwiIHBob25lcyBiZWdpbnNcbi8vIEBtZWRpYSB4cy1taW4gKG1pbi13aWR0aDogNDgwcHgpXG4vLyBAbWVkaWEga3MtbWluIChtaW4td2lkdGg6IDYyNHB4KVxuLy8gQG1lZGlhIHNtLW1pbiAobWluLXdpZHRoOiA3NjhweCkgLSB0YWJsZXQgYmVnaW5zLCBzaWRlYmFyIGJlZ2luc1xuLy8gQG1lZGlhIG1kLW1pbiAobWluLXdpZHRoOiA5OTJweCkgLSBkZXNrdG9wIG1haW4gbmF2aWdhdGlvbiBiZWdpbnNcbi8vIEBtZWRpYSBtbC1taW4gKG1pbi13aWR0aDogMTA4MHB4KVxuLy8gQG1lZGlhIGxnLW1pbiAobWluLXdpZHRoOiAxMjAwcHgpXG4vLyBAbWVkaWEgeGwtbWluIChtaW4td2lkdGg6IDE0MDBweCkgLSBtYXhpbXVtIGNvbnRlbnQgd2lkdGggYmVnaW5zXG4vLyAkc2NyZWVuLXhzLW1pbjogNDgwcHg7XG4vLyAkc2NyZWVuLWtzLW1pbjogNjI0cHg7XG4vLyAkc2NyZWVuLXNtLW1pbjogNzY4cHg7XG4vLyAkc2NyZWVuLW1kLW1pbjogOTkycHg7XG4vLyAkc2NyZWVuLW1sLW1pbjogMTA4MHB4O1xuLy8gJHNjcmVlbi1sZy1taW46IDEyMDBweDtcbi8vICRzY3JlZW4teGwtbWluOiAxNDgwcHg7XG5leHBvcnQgY29uc3QgQ1dEX0JSRUFLUE9JTlRTID0gW1xuICB7XG4gICAgYWxpYXM6ICd4cycsXG4gICAgc3VmZml4OiAnWHMnLFxuICAgIG1lZGlhUXVlcnk6ICdzY3JlZW4gYW5kIChtaW4td2lkdGg6IDBweCkgYW5kIChtYXgtd2lkdGg6IDQ4MHB4KScsXG4gICAgb3ZlcmxhcHBpbmc6IGZhbHNlLFxuICAgIHByaW9yaXR5OiAxMDAyLFxuICB9LFxuICB7XG4gICAgYWxpYXM6ICdzbScsXG4gICAgc3VmZml4OiAnU20nLFxuICAgIG1lZGlhUXVlcnk6ICdzY3JlZW4gYW5kIChtaW4td2lkdGg6IDQ4MHB4KSBhbmQgKG1heC13aWR0aDogNjI0cHgpJyxcbiAgICBvdmVybGFwcGluZzogZmFsc2UsXG4gICAgcHJpb3JpdHk6IDEwMDMsXG4gIH0sXG4gIHtcbiAgICBhbGlhczogJ21kJyxcbiAgICBzdWZmaXg6ICdNZCcsXG4gICAgbWVkaWFRdWVyeTogJ3NjcmVlbiBhbmQgKG1pbi13aWR0aDogNjI0cHgpIGFuZCAobWF4LXdpZHRoOiA3NjhweCknLFxuICAgIG92ZXJsYXBwaW5nOiBmYWxzZSxcbiAgICBwcmlvcml0eTogMTAwNCxcbiAgfSxcbiAge1xuICAgIGFsaWFzOiAnbGcnLFxuICAgIHN1ZmZpeDogJ0xnJyxcbiAgICBtZWRpYVF1ZXJ5OiAnc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjhweCkgYW5kIChtYXgtd2lkdGg6IDk5MnB4KScsXG4gICAgb3ZlcmxhcHBpbmc6IGZhbHNlLFxuICAgIHByaW9yaXR5OiAxMDA1LFxuICB9LFxuICB7XG4gICAgYWxpYXM6ICd4bCcsXG4gICAgc3VmZml4OiAnWGwnLFxuICAgIG1lZGlhUXVlcnk6ICdzY3JlZW4gYW5kIChtaW4td2lkdGg6IDk5MnB4KSBhbmQgKG1heC13aWR0aDogMTIwMHB4KScsXG4gICAgb3ZlcmxhcHBpbmc6IGZhbHNlLFxuICAgIHByaW9yaXR5OiAxMDA2LFxuICB9LFxuICB7XG4gICAgYWxpYXM6ICd4eGwnLFxuICAgIHN1ZmZpeDogJ1h4bCcsXG4gICAgbWVkaWFRdWVyeTogJ3NjcmVlbiBhbmQgKG1pbi13aWR0aDogMTIwMHB4KSBhbmQgKG1heC13aWR0aDogMTQwMHB4KScsXG4gICAgb3ZlcmxhcHBpbmc6IGZhbHNlLFxuICAgIHByaW9yaXR5OiAxMDA3LFxuICB9LFxuICB7XG4gICAgYWxpYXM6ICd4eHhsJyxcbiAgICBzdWZmaXg6ICdYeHhsJyxcbiAgICBtZWRpYVF1ZXJ5OiAnc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxNDAwcHgpJyxcbiAgICBvdmVybGFwcGluZzogZmFsc2UsXG4gICAgcHJpb3JpdHk6IDEwMDgsXG4gIH0sXG5dO1xuXG5leHBvcnQgY29uc3QgQ1dEX0JSRUFLUE9JTlRTX1NJWkVTID0ge1xuICB4czogeyBtYXg6IDU3NSB9LFxuICBzbTogeyBtaW46IDU3NiwgbWF4OiA3NjcgfSxcbiAgbWQ6IHsgbWluOiA3NjgsIG1heDogOTkxIH0sXG4gIGxnOiB7IG1pbjogOTkyLCBtYXg6IDExOTkgfSxcbiAgeGw6IHsgbWluOiAxMjAwIH0sXG59O1xuXG5leHBvcnQgY29uc3QgQ3VzdG9tQnJlYWtQb2ludHNQcm92aWRlciA9IHtcbiAgcHJvdmlkZTogQlJFQUtQT0lOVCxcbiAgdXNlVmFsdWU6IFsuLi5DV0RfQlJFQUtQT0lOVFNdLFxuICBtdWx0aTogdHJ1ZSxcbn07XG4iXX0=