_typography.scss 711B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. h1, h2, h3, h4, h5, h6 {
  2. margin: 1.5rem 0 1rem 0;
  3. font-family: inherit;
  4. font-weight: 500;
  5. line-height: 1.2;
  6. color: inherit;
  7. &:first-child {
  8. margin-top: 0;
  9. }
  10. }
  11. h1 {
  12. font-size: 2.5rem;
  13. }
  14. h2 {
  15. font-size: 2rem;
  16. }
  17. h3 {
  18. font-size: 1.75rem;
  19. }
  20. h4 {
  21. font-size: 1.5rem;
  22. }
  23. h5 {
  24. font-size: 1.25rem;
  25. }
  26. h6 {
  27. font-size: 1rem;
  28. }
  29. mark {
  30. background: #FFF8E1;
  31. padding: .25rem .4rem;
  32. border-radius: $borderRadius;
  33. font-family: monospace;
  34. }
  35. blockquote {
  36. margin: 1rem 0;
  37. padding: 0 2rem;
  38. border-left: 4px solid #90A4AE;
  39. }
  40. hr {
  41. border-top: solid var(--surface-border);
  42. border-width: 1px 0 0 0;
  43. margin: 1rem 0;
  44. }
  45. p {
  46. margin: 0 0 1rem 0;
  47. line-height: 1.5;
  48. &:last-child {
  49. margin-bottom: 0;
  50. }
  51. }