23 lines
654 B
TypeScript
23 lines
654 B
TypeScript
export type Breakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
export type BreakpointValues = { [key in Breakpoint]: number };
|
|
export const keys: Breakpoint[];
|
|
|
|
export interface Breakpoints {
|
|
keys: Breakpoint[];
|
|
values: BreakpointValues;
|
|
up: (key: Breakpoint | number) => string;
|
|
down: (key: Breakpoint | number) => string;
|
|
between: (start: Breakpoint, end: Breakpoint) => string;
|
|
only: (key: Breakpoint) => string;
|
|
width: (key: Breakpoint) => number;
|
|
}
|
|
|
|
export type BreakpointsOptions = Partial<
|
|
{
|
|
unit: string;
|
|
step: number;
|
|
} & Breakpoints
|
|
>;
|
|
|
|
export default function createBreakpoints(options: BreakpointsOptions): Breakpoints;
|