text.tsx 661 B

12345678910111213141516171819202122232425262728293031323334353637
  1. import {css} from '@emotion/react';
  2. /**
  3. * Use `p.theme.textStyles` instead of importing this.
  4. *
  5. * @deprecated
  6. */
  7. const textStyles = () => css`
  8. /* stylelint-disable no-descending-specificity */
  9. h1,
  10. h2,
  11. h3,
  12. h4,
  13. h5,
  14. h6,
  15. p,
  16. /* Exclude ol/ul elements inside interactive selectors/menus */
  17. ul:not([role='listbox'], [role='grid'], [role='menu']),
  18. ol:not([role='listbox'], [role='grid'], [role='menu']),
  19. table,
  20. dl,
  21. blockquote,
  22. form,
  23. pre,
  24. .auto-select-text,
  25. .section,
  26. [class^='highlight-'] {
  27. margin-bottom: 20px;
  28. &:last-child {
  29. margin-bottom: 0;
  30. }
  31. }
  32. /* stylelint-enable */
  33. `;
  34. export default textStyles;