@paperbits/common/styles/breakpoints.ts

Paperbits common components.

/**
 * Responsive grid break points.
 */
export interface Breakpoints<T = any> {
    /**
     * Extra small.
     */
    xs?: T;

    /**
     * Small.
     */
    sm?: T;

    /**
     * Medium.
     */
    md?: T;

    /**
     * Large.
     */
    lg?: T;

    /**
     * Extra large.
     */
    xl?: T;

    /**
     * Extra-extra large.
     */
    xxl?: T;
}

export const BreakpointValues = {
    xs: 0,
    sm: 576,
    md: 768,
    lg: 992,
    xl: 1200,
    xxl: 1400
};