search

styled-system / extras

Legacy packages and experiments
MIT License
18 stars 3 forks source link

Add border radius longhand #21

Closed peduarte closed 5 years ago

peduarte commented 5 years ago

Hey 👋

I've added support for the following properties

  borderTopRightRadius: 'radii',
  borderTopLeftRadius: 'radii',
  borderBottomRightRadius: 'radii',
  borderBottomLeftRadius: 'radii',

I've got a use case where I need them, for now I'm doing this:

  [`${Wrapper}:first-child &`]: {
    borderTopLeftRadius: themeGet('radii.1')(props),
    borderBottomLeftRadius: themeGet('radii.1')(props),
  },
  [`${Wrapper}:last-child &`]: {
    borderTopRightRadius: themeGet('radii.1')(props),
    borderBottomRightRadius: themeGet('radii.1')(props),
  }

Are you ok with that?

jxnblk commented 5 years ago

Yeah, this looks great! Thanks!