_type.scss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. //
  2. // Headings
  3. //
  4. .h1 {
  5. @extend h1;
  6. }
  7. .h2 {
  8. @extend h2;
  9. }
  10. .h3 {
  11. @extend h3;
  12. }
  13. .h4 {
  14. @extend h4;
  15. }
  16. .h5 {
  17. @extend h5;
  18. }
  19. .h6 {
  20. @extend h6;
  21. }
  22. .lead {
  23. @include font-size($lead-font-size);
  24. font-weight: $lead-font-weight;
  25. }
  26. // Type display classes
  27. @each $display, $font-size in $display-font-sizes {
  28. .display-#{$display} {
  29. @include font-size($font-size);
  30. font-weight: $display-font-weight;
  31. line-height: $display-line-height;
  32. }
  33. }
  34. //
  35. // Emphasis
  36. //
  37. .small {
  38. @extend small;
  39. }
  40. .mark {
  41. @extend mark;
  42. }
  43. //
  44. // Lists
  45. //
  46. .list-unstyled {
  47. @include list-unstyled();
  48. }
  49. // Inline turns list items into inline-block
  50. .list-inline {
  51. @include list-unstyled();
  52. }
  53. .list-inline-item {
  54. display: inline-block;
  55. &:not(:last-child) {
  56. margin-right: $list-inline-padding;
  57. }
  58. }
  59. //
  60. // Misc
  61. //
  62. // Builds on `abbr`
  63. .initialism {
  64. @include font-size($initialism-font-size);
  65. text-transform: uppercase;
  66. }
  67. // Blockquotes
  68. .blockquote {
  69. margin-bottom: $blockquote-margin-y;
  70. @include font-size($blockquote-font-size);
  71. > :last-child {
  72. margin-bottom: 0;
  73. }
  74. }
  75. .blockquote-footer {
  76. margin-top: -$blockquote-margin-y;
  77. margin-bottom: $blockquote-margin-y;
  78. @include font-size($blockquote-footer-font-size);
  79. color: $blockquote-footer-color;
  80. &::before {
  81. content: "\2014\00A0"; // em dash, nbsp
  82. }
  83. }