Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
_type.scss 2.96 KiB
1 
//
2 
// Headings
3 
//
4
5 
h1, h2, h3, h4, h5, h6,
6 
.h1, .h2, .h3, .h4, .h5, .h6 {
7 
  font-family: $headings-font-family;
8 
  font-weight: $headings-font-weight;
9 
  line-height: $headings-line-height;
10 
  color: $headings-color;
11 
}
12
13 
h1, .h1,
14 
h2, .h2,
15 
h3, .h3 {
16 
  margin-bottom: $headings-margin-bottom;
17 
}
18 
h4, .h4,
19 
h5, .h5,
20 
h6, .h6 {
21 
  margin-bottom: $headings-margin-bottom;
22 
}
23
24 
h1, .h1 { font-size: $font-size-h1; }
25 
h2, .h2 { font-size: $font-size-h2; }
26 
h3, .h3 { font-size: $font-size-h3; }
27 
h4, .h4 { font-size: $font-size-h4; }
28 
h5, .h5 { font-size: $font-size-h5; }
29 
h6, .h6 { font-size: $font-size-h6; }
30
31 
.lead {
32 
  font-size: $lead-font-size;
33 
  font-weight: $lead-font-weight;
34 
}
35
36 
// Type display classes
37 
.display-1 {
38 
  font-size: $display1-size;
39 
  font-weight: $display1-weight;
40 
}
41 
.display-2 {
42 
  font-size: $display2-size;
43 
  font-weight: $display2-weight;
44 
}
45 
.display-3 {
46 
  font-size: $display3-size;
47 
  font-weight: $display3-weight;
48 
}
49 
.display-4 {
50 
  font-size: $display4-size;
51 
  font-weight: $display4-weight;
52 
}
53
54
55 
//
56 
// Horizontal rules
57 
//
58
59 
hr {
60 
  margin-top: $spacer-y;
61 
  margin-bottom: $spacer-y;
62 
  border: 0;
63 
  border-top: $hr-border-width solid $hr-border-color;
64 
}
65
66
67 
//
68 
// Emphasis
69 
//
70
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
small, .small { font-size: 80%; font-weight: normal; } mark, .mark { padding: .2em; background-color: $state-warning-bg; } // // Lists // // Unstyled keeps list items block level, just removes default browser padding and list-style .list-unstyled { padding-left: 0; list-style: none; } // Inline turns list items into inline-block .list-inline { padding-left: 0; margin-left: -5px; list-style: none; > li { display: inline-block; padding-right: 5px; padding-left: 5px; } } // Horizontal description lists w/ grid classes .dl-horizontal { margin-right: -$grid-gutter-width; margin-left: -$grid-gutter-width; @include clearfix; } // // Misc // // Builds on `abbr` .initialism { font-size: 90%; text-transform: uppercase; } // Blockquotes .blockquote { padding: ($spacer / 2) $spacer; margin-bottom: $spacer; font-size: $blockquote-font-size; border-left: .25rem solid $blockquote-border-color; p, ul, ol { &:last-child { margin-bottom: 0; } } footer {
141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188
display: block; font-size: 80%; // back to default font-size line-height: $line-height; color: $blockquote-small-color; &::before { content: "\2014 \00A0"; // em dash, nbsp } } } // Opposite alignment of blockquote .blockquote-reverse { padding-right: $spacer; padding-left: 0; text-align: right; border-right: .25rem solid $blockquote-border-color; border-left: 0; // Account for citation footer { &::before { content: ""; } &::after { content: "\00A0 \2014"; // nbsp, em dash } } } // // Figures // .figure { // Ensures the caption's text aligns with the image. display: inline-block; > img { @extend .img-fluid; margin-bottom: ($spacer-y / 2); line-height: 1; } } .figure-caption { font-size: 90%; color: $gray-light; }