tooltipIconTrigger.tsx 501 B

123456789101112131415161718192021222324252627
  1. import styled from '@emotion/styled';
  2. export const TooltipIconTrigger = styled('button')`
  3. background: transparent;
  4. position: relative;
  5. width: 24px;
  6. height: 24px;
  7. padding: 0;
  8. margin: 0;
  9. border: none;
  10. line-height: 1;
  11. border-radius: 50%;
  12. &:focus {
  13. outline: none;
  14. }
  15. &:focus-visible {
  16. border-style: solid;
  17. border-width: 1px;
  18. border-color: ${p => p.theme.button.default.focusBorder};
  19. box-shadow: ${p => p.theme.button.default.focusBorder} 0 0 0 1px;
  20. }
  21. `;