_type.scss 1.54 KB
Newer Older
XhmikosR's avatar
XhmikosR committed
1
2
// stylelint-disable declaration-no-important, selector-list-comma-newline-after

3
//
4
// Headings
5
//
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
.h1 {
  @extend h1;
}

.h2 {
  @extend h2;
}

.h3 {
  @extend h3;
}

.h4 {
  @extend h4;
}

.h5 {
  @extend h5;
}
25

26
27
.h6 {
  @extend h6;
28
29
30
}


31
.lead {
32
  @include font-size($lead-font-size);
Mark Otto's avatar
Mark Otto committed
33
  font-weight: $lead-font-weight;
34
}
Jacob Thornton's avatar
Jacob Thornton committed
35

36
37
// Type display classes
.display-1 {
38
  @include font-size($display1-size);
39
  font-weight: $display1-weight;
40
  line-height: $display-line-height;
41
42
}
.display-2 {
43
  @include font-size($display2-size);
44
  font-weight: $display2-weight;
45
  line-height: $display-line-height;
46
47
}
.display-3 {
48
  @include font-size($display3-size);
49
  font-weight: $display3-weight;
50
  line-height: $display-line-height;
51
52
}
.display-4 {
53
  @include font-size($display4-size);
54
  font-weight: $display4-weight;
55
  line-height: $display-line-height;
56
57
}

58
59
60
//
// Emphasis
//
Nick Schonning's avatar
Nick Schonning committed
61
.small {
62
  @extend small;
Nick Schonning's avatar
Nick Schonning committed
63
}
64

mrmrs's avatar
mrmrs committed
65
.mark {
66
  @extend mark;
mrmrs's avatar
mrmrs committed
67
68
}

69
//
Mark Otto's avatar
Mark Otto committed
70
// Lists
71
//
72
73

.list-unstyled {
74
  @include list-unstyled;
Jacob Thornton's avatar
Jacob Thornton committed
75
}
76

77
78
// Inline turns list items into inline-block
.list-inline {
79
  @include list-unstyled;
80
81
82
}
.list-inline-item {
  display: inline-block;
83
84
85
86

  &:not(:last-child) {
    margin-right: $list-inline-padding;
  }
87
}
Jacob Thornton's avatar
Jacob Thornton committed
88

89

90
//
91
// Misc
92
//
93

94
// Builds on `abbr`
95
.initialism {
96
  @include font-size(90%);
Mark Otto's avatar
Mark Otto committed
97
  text-transform: uppercase;
98
}
99

100
101
102
// Blockquotes
.blockquote {
  margin-bottom: $spacer;
103
  @include font-size($blockquote-font-size);
104
}
105

106
107
.blockquote-footer {
  display: block;
108
  @include font-size($blockquote-small-font-size);
109
  color: $blockquote-small-color;
110

111
  &::before {
112
    content: "\2014\00A0"; // em dash, nbsp
113
114
  }
}