Rebass: Example for adding hover styles to button variant

Created on 30 Nov 2018  路  1Comment  路  Source: rebassjs/rebass

Is there an example for adding hover styles to the variant for a Button component in the theme? https://rebassjs.org/theming/#button--card-variants

Most helpful comment

You can nest objects, the same as in styled-components or emotion:

// theme.js
buttons: {
  primary: {
    backgroundColor: '#07c',
    '&:hover': {
      backgroundColor: 'tomato'
    }
  }
}

>All comments

You can nest objects, the same as in styled-components or emotion:

// theme.js
buttons: {
  primary: {
    backgroundColor: '#07c',
    '&:hover': {
      backgroundColor: 'tomato'
    }
  }
}
Was this page helpful?
0 / 5 - 0 ratings

Related issues

mberneti picture mberneti  路  5Comments

mrcoles picture mrcoles  路  4Comments

karland picture karland  路  7Comments

focux picture focux  路  5Comments

ferdinandsalis picture ferdinandsalis  路  5Comments