@withjoy/joykit
Version:
UI Component Library for Joy web
13 lines (12 loc) • 725 B
TypeScript
export declare const DEFAULT_BREAKPOINTS: import("../themes").BreakpointSize & string[];
/**
* To have consistent spacing throughout our system, we will be adhering to a
* 8pt soft grid system - increments between individual elements. In doing so, we can achieve `vertical rythmn` by applying
* multiples/factors of the base value to determine margin, padding, etc.
*
*
* - Most popular screen sizes are divisible by `8` on at least one axis - usually both.
* - To ensure distinct (vs minor) changes, scale options are determined via geometric progression - doubling each step.
* - Note: `12` is an option because some UI will require an exception.
*/
export declare const DEFAULT_SPACE_SCALE: number[];