text.tsx 580 B

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