@patreon/studio
Version:
Patreon Studio Design System
37 lines • 1.1 kB
JavaScript
/**
* This file is generated. Do not edit.
* Generated on Wed Apr 02 2025 6:30:27 PM
*/
/**
* This is a helper object that contains the pixel values for each breakpoint.
* @internal This is exposed for testing purposes, and should not be used directly.
**/
export const breakpointsInPixels = {
xs: 0,
sm: 588,
md: 796,
lg: 978,
xl: 1280,
xxl: 1440,
};
/**
* This is a helper array that contains the names of each breakpoint in order
* from smallest to largest.
*/
export const breakpointNames = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'];
/**
* This is a helper object that contains the rem values for each breakpoint.
*/
export const breakpoints = { xs: 0, sm: 36.75, md: 49.75, lg: 61.125, xl: 80, xxl: 90 };
/**
* Suffixes to add to breakpoint classnames while using @responsive wrapped
* classnames so that the correct breakpoint styles are applied.
*/
export const breakpointSuffixes = {
sm: 'BreakpointSm',
md: 'BreakpointMd',
lg: 'BreakpointLg',
xl: 'BreakpointXl',
xxl: 'BreakpointXxl',
};
//# sourceMappingURL=breakpoint-definitions.js.map