operationUnit.js 519 B

12345678910111213141516
  1. // eslint-disable-next-line import/prefer-default-export
  2. export const operationUnit = token => ({
  3. // FIXME: This use link but is a operation unit. Seems should be a colorPrimary.
  4. // And Typography use this to generate link style which should not do this.
  5. color: token.colorLink,
  6. textDecoration: 'none',
  7. outline: 'none',
  8. cursor: 'pointer',
  9. transition: `color ${token.motionDurationSlow}`,
  10. '&:focus, &:hover': {
  11. color: token.colorLinkHover
  12. },
  13. '&:active': {
  14. color: token.colorLinkActive
  15. }
  16. });