_typography.scss
1.85 KB
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
/* Font Smoothing */
body,
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
p,
.navbar,
.brand,
.btn-simple,
.alert,
a,
.td-name,
td,
button.close{
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: "Roboto","Helvetica Neue",Arial,sans-serif;
font-weight: $font-weight-normal;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4{
font-weight: $font-weight-light;
margin: $margin-large-vertical 0 $margin-base-vertical;
}
h1, .h1 {
font-size: $font-size-h1;
}
h2, .h2{
font-size: $font-size-h2;
}
h3, .h3{
font-size: $font-size-h3;
margin: 20px 0 10px;
}
h4, .h4{
font-size: $font-size-h4;
line-height: 30px;
}
h5, .h5 {
font-size: $font-size-h5;
margin-bottom: 15px;
}
h6, .h6{
font-size: $font-size-h6;
font-weight: $font-weight-bold;
text-transform: uppercase;
}
p{
font-size: $font-paragraph;
line-height: $line-height-general;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
color: $dark-gray;
font-weight: $font-weight-light;
line-height: $line-height-general;
}
h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small {
font-size: 60%;
}
h1 .subtitle{
display: block;
margin: 0 0 $margin-large-vertical;
}
.text-muted{
color: #9A9A9A;
}
.text-primary, .text-primary:hover{
color: #1D62F0 !important;
}
.text-info, .text-info:hover{
color: $info-color !important;
}
.text-success, .text-success:hover{
color: $success-color !important;
}
.text-warning, .text-warning:hover{
color: $warning-color !important;
}
.text-danger, .text-danger:hover{
color: $danger-color !important;
}