@patreon/studio
Version:
Patreon Studio Design System
19 lines (18 loc) • 524 B
TypeScript
import type { Breakpoint } from './opaque-responsive';
/**
* This helper function makes it easy to generate media queries at specific breakpoints.
* It is intended to be used inside of styled components.
*
* @example
* // Create a div with responsive padding
* const MyBox = styled.div`
* width: auto;
* margin: 0 16px;
*
* @media ${mediaForBreakpoint('sm')} {
* max-width: 524px;
* margin: 0 40px;
* }
* `;
*/
export declare function mediaForBreakpoint(breakpoint: Breakpoint): string;