airbnb/react-with-styles

How to write hover effect

rajkapoordev opened this issue · 1 comments

  • If I want to apply hover effect then how I could I manage.
    e.g.
    firstRow: {
    padding: '10px',
    fontFamily: 'Lato',
    },
    I want to be apply hover on firstRow.

  • And also If I want to override predefine classes then Is that possible with it?
    e.g ( .ant-selection )

You can apply pseudo classes like this

firstRow: {
  padding: '10px',
  fontFamily: 'Lato',
  ':hover': {
    color: 'blue',
  },
},

Overriding predefined is a bit more difficult. You have to add a descendant handler extension, and extend Aphrodite.

To do this, you can look at the comments here, on handlers and here, on extending