static/scss/bootstrap-4.0.0-alpha.6/scss/_type.scss

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