_typography.scss 548 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. /**
  2. * Basic typography style for copy text
  3. */
  4. html {
  5. font-family: sans-serif;
  6. -ms-text-size-adjust: 100%;
  7. -webkit-text-size-adjust: 100%;
  8. }
  9. body {
  10. font-size: 1rem;
  11. font-family: $text-font-stack;
  12. }
  13. code,
  14. pre {
  15. font-size: 0.85rem;
  16. font-family: $code-font-stack;
  17. }
  18. .h1 {
  19. font-size: 4rem;
  20. }
  21. .h2 {
  22. font-size: 3.5rem;
  23. }
  24. .h3 {
  25. font-size: 3rem;
  26. }
  27. .h4 {
  28. font-size: 2.5rem;
  29. }
  30. .h5 {
  31. font-size: 2rem;
  32. }
  33. .h6 {
  34. font-size: 1.5rem;
  35. }
  36. .p1 {
  37. font-size: 1.2rem;
  38. }
  39. .p2 {
  40. font-size: 1rem;
  41. }
  42. .caption {
  43. font-size: 0.8rem;
  44. }