Calculate all responsive values for a component
Computes font sizes, spacing, and transitions based on screen size Ready-to-use values for component styling
Viewport width
Base font size (default: 16px)
Base spacing unit (default: 16px)
Complete responsive values
const values = calculateResponsiveValues(375);<div style={{ fontSize: values.fontSize.body, padding: values.spacing.md, transition: values.transition,}}> Responsive content</div> Copy
const values = calculateResponsiveValues(375);<div style={{ fontSize: values.fontSize.body, padding: values.spacing.md, transition: values.transition,}}> Responsive content</div>
반응형값계산
Calculate all responsive values for a component
Computes font sizes, spacing, and transitions based on screen size Ready-to-use values for component styling