@funidata/ngx-fudis/lib/types/breakpoints.d.ts

Funidata Design System.

import { FudisBreakpointKey } from './breakpoint-keys';
import { FudisSpacing } from './spacing';
type FudisBreakpointsMinWidths = {
    [key in FudisBreakpointKey]: FudisBreakpointBoundary;
};
/**
 * Utility object used with breakpointsMinWidthToObserve and BreakpointObserver
 */
export declare const fudisBreakpointsMinWidth: FudisBreakpointsMinWidths;
export declare const breakpointsMinWidthToObserve: FudisBreakpointBoundary[];
/**
 * All the allowed style attributes that can be given to Grid or Spacing
 */
export type FudisBreakpointStyleProperty = 'margin-top' | 'margin-bottom' | 'margin-right' | 'margin-left' | 'grid-column' | 'grid-template-columns' | 'justify-self' | 'align-self';
/**
 * Object used to apply styles for certain breakpoints
 */
export interface FudisBreakpointStyleResponsive {
    name: FudisBreakpointKey;
    value: string;
    breakpoint: string;
}
/**
 * Responsive settings for different breakpoints
 */
export type FudisBreakpointValueResponsive = {
    [key in FudisBreakpointKey]?: FudisSpacing | string | number;
};
export type FudisBreakpointBoundary = '(min-width: 100em)' | '(min-width: 75em)' | '(min-width: 62em)' | '(min-width: 48em)' | '(min-width: 36em)' | '(min-width: 0)';
export {};