styles.tsx 444 B

12345678910111213141516171819202122
  1. import {Theme} from 'sentry/utils/theme';
  2. export const linkStyles = ({disabled, theme}: {theme: Theme; disabled?: boolean}) => `
  3. border-radius: ${theme.borderRadius};
  4. &.focus-visible {
  5. box-shadow: ${theme.linkFocus} 0 0 0 2px;
  6. text-decoration: none;
  7. outline: none;
  8. }
  9. ${
  10. disabled &&
  11. `
  12. color:${theme.disabled};
  13. pointer-events: none;
  14. :hover {
  15. color: ${theme.disabled};
  16. }
  17. `
  18. }
  19. `;