_typography.scss 1.37 KB
Newer Older
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
body {
    font-family: $primary-font;
    font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
    color: $title-color;
    font-family: $header-font;
    font-weight: $regular;
    letter-spacing: $letter-spacing;
    margin-top: 0;
    text-transform: uppercase;
}

h1 {
    font-size: 26px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

a {
    color: $preset;
    @include transition(.2s);
    &:hover, &:active, &:focus {
        color: $preset-hover;
        text-decoration: none;
    }
    letter-spacing: $letter-spacing;
    outline: 0 !important;
}

p {
    font-family: $primary-font;
    font-weight: $regular;
    font-size: 14px;
    line-height: 25px;
    color: $text-color;
    letter-spacing: $letter-spacing;
    margin-bottom: 10px;
}

.bg-default {
    color: $text-color;
    background: $preset;
    padding: 3px 4px;
}

.bg-primary {
Sébastiaan Versteeg's avatar
Sébastiaan Versteeg committed
67
    color: $preset-contrast;
68
69
70
71
72
    background: $preset;
    padding: 3px 4px;
}

.bg-success {
Sébastiaan Versteeg's avatar
Sébastiaan Versteeg committed
73
    color: $success-contrast;
74
75
76
77
78
    background: $success;
    padding: 3px 4px;
}

.bg-info {
Sébastiaan Versteeg's avatar
Sébastiaan Versteeg committed
79
    color: $info-contrast;
80
81
82
83
84
    background: $info;
    padding: 3px 4px;
}

.bg-warning {
Sébastiaan Versteeg's avatar
Sébastiaan Versteeg committed
85
    color: $warning-contrast;
86
87
88
89
90
    background: $warning;
    padding: 3px 4px;
}

.bg-danger {
Sébastiaan Versteeg's avatar
Sébastiaan Versteeg committed
91
    color: $danger-contrast;
92
93
94
    background: $danger;
    padding: 3px 4px;
}