typography.scss 768 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. // Headings
  2. // Headings
  3. h1,
  4. h2,
  5. h3,
  6. h4,
  7. h5,
  8. h6,
  9. .h1,
  10. .h2,
  11. .h3,
  12. .h4,
  13. .h5,
  14. .h6 {
  15. // Apply margin above the heading only when it has a preceding sibling or is inside a row with a preceding sibling
  16. * > * + &,
  17. * + .row & {
  18. margin-top: $spacing-08;
  19. }
  20. }
  21. h1,
  22. .h1 {
  23. @include heading-xl;
  24. }
  25. h2,
  26. .h2 {
  27. @include heading-md;
  28. }
  29. h3,
  30. .h3 {
  31. @include heading-sm;
  32. }
  33. h4,
  34. .h4 {
  35. @include heading-xs;
  36. }
  37. h5,
  38. .h5 {
  39. @include body-base;
  40. }
  41. h6,
  42. .h6 {
  43. @include body-sm;
  44. }
  45. // Miscellaneous
  46. .small {
  47. @include body-sm;
  48. }
  49. // Peformatted text, sample output, code, keyboard input elements
  50. // E.g.: Git authentication token
  51. code,
  52. kbd,
  53. pre,
  54. samp {
  55. @include body-base;
  56. }
  57. .list-style-check-green {
  58. list-style-image: url('../../../../public/img/fa-check-green.svg');
  59. }