css/bootstrap/_type.scss

   1 // stylelint-disable selector-list-comma-newline-after
   2
   3 //
   4 // Headings
   5 //
   6
   7 // Nick
   8 h1, h2, h3, h4, h5, h6 {
   9   margin-bottom: $headings-margin-bottom;
  10 }
  11
  12 h1, h2, h3, h4, h5, h6,
  13 .h1, .h2, .h3, .h4, .h5, .h6 {
  14   //margin-bottom: $headings-margin-bottom;
  15   font-family: $headings-font-family;
  16   font-weight: $headings-font-weight;
  17   line-height: $headings-line-height;
  18   color: $headings-color;
  19 }
  20
  21 h1, .h1 { @include font-size($h1-font-size); }
  22 h2, .h2 { @include font-size($h2-font-size); }
  23 h3, .h3 { @include font-size($h3-font-size); }
  24 h4, .h4 { @include font-size($h4-font-size); }
  25 h5, .h5 { @include font-size($h5-font-size); }
  26 h6, .h6 { @include font-size($h6-font-size); }
  27
  28 .lead {
  29   @include font-size($lead-font-size);
  30   font-weight: $lead-font-weight;
  31 }
  32
  33 // Type display classes
  34 .display-1 {
  35   @include font-size($display1-size);
  36   font-weight: $display1-weight;
  37   line-height: $display-line-height;
  38 }
  39 .display-2 {
  40   @include font-size($display2-size);
  41   font-weight: $display2-weight;
  42   line-height: $display-line-height;
  43 }
  44 .display-3 {
  45   @include font-size($display3-size);
  46   font-weight: $display3-weight;
  47   line-height: $display-line-height;
  48 }
  49 .display-4 {
  50   @include font-size($display4-size);
  51   font-weight: $display4-weight;
  52   line-height: $display-line-height;
  53 }
  54
  55
  56 //
  57 // Horizontal rules
  58 //
  59
  60 hr {
  61   margin-top: $hr-margin-y;
  62   margin-bottom: $hr-margin-y;
  63   border: 0;
  64   border-top: $hr-border-width solid $hr-border-color;
  65 }
  66
  67
  68 //
  69 // Emphasis
  70 //
  71
  72 small,
  73 .small {
  74   @include font-size($small-font-size);
  75   font-weight: $font-weight-normal;
  76 }
  77
  78 mark,
  79 .mark {
  80   padding: $mark-padding;
  81   background-color: $mark-bg;
  82 }
  83
  84
  85 //
  86 // Lists
  87 //
  88
  89 .list-unstyled {
  90   @include list-unstyled();
  91 }
  92
  93 // Inline turns list items into inline-block
  94 .list-inline {
  95   @include list-unstyled();
  96 }
  97 .list-inline-item {
  98   display: inline-block;
  99
 100   &:not(:last-child) {
 101     margin-right: $list-inline-padding;
 102   }
 103 }
 104
 105
 106 //
 107 // Misc
 108 //
 109
 110 // Builds on `abbr`
 111 .initialism {
 112   @include font-size(90%);
 113   text-transform: uppercase;
 114 }
 115
 116 // Blockquotes
 117 .blockquote {
 118   margin-bottom: $spacer;
 119   @include font-size($blockquote-font-size);
 120 }
 121
 122 .blockquote-footer {
 123   display: block;
 124   @include font-size($blockquote-small-font-size);
 125   color: $blockquote-small-color;
 126
 127   &::before {
 128     content: "\2014\00A0"; // em dash, nbsp
 129   }
 130 }
 131
 132 // Nick
 133 tt {
 134   font-size: $font-size-tt;
 135 }