-
Notifications
You must be signed in to change notification settings - Fork 0
/
_typography.scss
118 lines (107 loc) · 2.01 KB
/
_typography.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
h1,
.h1 {
font-weight: $font-weight-ultra;
}
.has-drop-cap:first-letter {
float: left;
font-size: 6rem;
font-weight: 100;
line-height: 0.65;
margin: 0.1em 0.1em 0.2em 0;
}
.list-roman {
list-style-type: upper-roman;
}
.list-letters {
list-style-type: lower-alpha;
}
.text-condensed {
font-family: 'Gotham Cond SSm A', 'Gotham Cond SSm B', 'Helvetica Neue',
Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 400;
}
.text-letterspaced {
letter-spacing: 0.1em;
}
.text-white > a {
color: $white;
text-decoration: underline;
}
// .text-summitt > a {
// color:$utsummitt;
// text-decoration: underline;
// }
// .text-smokey > a {
// color:$utsmokey;
// text-decoration:underline;
// }
// Default wordpress styles. Getting them in line with Bootstrap
.has-small-font-size {
@extend .fs-6;
}
.has-medium-font-size {
@extend .fs-3;
}
.has-large-font-size {
@extend .fs-2;
}
.has-huge-font-size {
@extend .fs-1;
}
h1 {
// margin-top: calc($spacer * 6);
margin-bottom: calc($spacer * 2);
text-transform: uppercase;
}
h2 {
margin-top: calc($spacer * 3.2);
margin-bottom: calc($spacer * 2.2);
}
h3 {
margin-top: calc($spacer * 4);
margin-bottom: calc($spacer * 1.7);
}
h4 {
margin-top: calc($spacer * 3.2);
margin-bottom: calc($spacer * 1.2);
}
h5 {
margin-top: calc($spacer * 3);
margin-bottom: calc($spacer * 1);
}
h6 {
margin-top: calc($spacer * 2.8);
margin-bottom: calc($spacer * 1);
}
h2 + h3,
h3 + h4,
h4 + h5,
h5 + h6 {
margin-top: 0;
}
.entry-header h1 {
// playing with font size in grey bar
margin: 0 0 0 0;
font-size: $h2-font-size;
padding: 0;
}
p.lead + p {
margin-top: calc($spacer * 2);
}
.emphasis {
font-weight: $font-weight-bold;
font-size: $font-size-lg;
line-height: calc($line-height-base * 0.89);
}
h2.heading-oa-bar {
// adds a thick bar under h2 headings
border-bottom: 0.5rem solid $utorange;
padding-bottom: 1rem;
width: auto;
position: relative;
width: fit-content;
}
.lead strong {
font-weight: $font-weight-bold;
}