style({ prop: 'gridArea', transformValue: (n) => `${n}`, })
const styledSystem = (tag) => { return styled(tag)( compose( space, color, layout, typography, flexbox, border, background, position, grid, shadow, width, minWidth, height, minHeight, ), ) }
// === Borders === const borderRadiusStyle = (corner) => style({ prop: `border${corner}Radius`, key: 'radii', transformValue: (n) => `${n}px`, })
style({ prop: 'gridTemplateAreas', transformValue: (n) => `${n}`, })