Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to write hover effect #172

Open
rajkapoordev opened this issue Aug 31, 2018 · 1 comment
Open

How to write hover effect #172

rajkapoordev opened this issue Aug 31, 2018 · 1 comment

Comments

@rajkapoordev
Copy link

rajkapoordev commented Aug 31, 2018

  • 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 )

@merlinstardust
Copy link

merlinstardust commented Oct 6, 2018

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants