0.2.0 • Published 4 years ago
@dash-ui/spacing v0.2.0
Create spacing scales for design systems with dash-ui
Quick Start
import styles from '@dash-ui/styles'
import * as spacing from '@dash-ui/spacing'
const variables = {
gap: {
sm: '0.5rem',
md: '1rem',
lg: '2rem',
},
pad: {
sm: '0.5rem',
md: '1rem',
lg: '2rem',
},
}
// Creates CSS variables for the scales (optional)
styles.variables(variables)
// Creates the scales
export const gap = spacing.gap(style, variables.gap)
export const pad = spacing.pad(style, variables.pad)
pad('sm')
API
LICENSE
MIT