_typography.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. // Body Base
  2. body {
  3. font-size: $core-font-size;
  4. line-height: $core-line-height;
  5. }
  6. // Headings
  7. h1, h2, h3, h4, h5, h6 {
  8. margin: $leading-margin / 2 0 $leading-margin 0;
  9. text-rendering: optimizeLegibility;
  10. }
  11. h1 {
  12. font-size: $h1-font-size;
  13. }
  14. h2 {
  15. font-size: $h2-font-size;
  16. }
  17. h3 {
  18. font-size: $h3-font-size;
  19. }
  20. h4 {
  21. font-size: $h4-font-size;
  22. }
  23. h5 {
  24. font-size: $h5-font-size;
  25. }
  26. h6 {
  27. font-size: $h6-font-size;
  28. }
  29. // Paragraph
  30. p {
  31. margin: $leading-margin 0;
  32. }
  33. // Lists
  34. ul, ol {
  35. margin-top: $leading-margin;
  36. margin-bottom: $leading-margin;
  37. ul, ol {
  38. margin-top: 0;
  39. margin-bottom: 0;
  40. }
  41. }
  42. // Blockquote
  43. blockquote {
  44. margin: $leading-margin 0;
  45. padding-left: $leading-margin / 2;
  46. }
  47. cite {
  48. display: block;
  49. font-size: $core-font-size - 0.125;
  50. &:before {
  51. content: "\2014 \0020";
  52. }
  53. }
  54. // Inline and Code
  55. pre {
  56. margin: $leading-margin 0;
  57. padding: $content-padding;
  58. }
  59. code {
  60. vertical-align: bottom;
  61. }
  62. // Extras
  63. small {
  64. font-size: $core-font-size - 0.125;
  65. }
  66. hr {
  67. border-left: none;
  68. border-right: none;
  69. border-top: none;
  70. margin: $leading-margin 0;
  71. }