@scriptloom/ngx-media-query
Version:
A convenient media query service for building responsive Angular components.
60 lines (59 loc) • 1.22 kB
TypeScript
/**
* Interface for a single media query.
*/
export interface MediaQuery {
xs: boolean;
sm: boolean;
md: boolean;
lg: boolean;
xl: boolean;
lt_sm: boolean;
lt_md: boolean;
lt_lg: boolean;
lt_xl: boolean;
gt_xs: boolean;
gt_sm: boolean;
gt_md: boolean;
gt_lg: boolean;
}
export declare const nullMediaQuery: MediaQuery;
export declare const screenWidthXl: MediaQuery;
export declare const screenWidthLg: MediaQuery;
export declare const screenWidthMd: MediaQuery;
export declare const screenWidthSm: {
xs: boolean;
sm: boolean;
md: boolean;
lg: boolean;
xl: boolean;
lt_sm: boolean;
lt_md: boolean;
lt_lg: boolean;
lt_xl: boolean;
gt_xs: boolean;
gt_sm: boolean;
gt_md: boolean;
gt_lg: boolean;
};
export declare const screenWidthXs: {
xs: boolean;
sm: boolean;
md: boolean;
lg: boolean;
xl: boolean;
lt_sm: boolean;
lt_md: boolean;
lt_lg: boolean;
lt_xl: boolean;
gt_xs: boolean;
gt_sm: boolean;
gt_md: boolean;
gt_lg: boolean;
};
/**
* Interface for the 'MediaQueries' data
*/
export interface MediaQueriesEntity {
id: string;
query: MediaQuery;
}