-
Notifications
You must be signed in to change notification settings - Fork 10
/
Copy pathheadings.scss
50 lines (38 loc) · 1021 Bytes
/
headings.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
@import 'bower_components/vui-colors/colors.scss';
@import 'px-to-base-rem.scss';
@mixin vui-typography-heading1($margin: 1.5rem 0 1.5rem 0) {
color: $vui-color-ferrite;
font-family: inherit;
font-size: 2rem;
font-weight: 300;
line-height: 3rem;
letter-spacing: px-to-base-rem(-0.5px);
margin: $margin;
}
@mixin vui-typography-heading2($margin: 1.5rem 0 1.5rem 0) {
color: $vui-color-ferrite;
font-family: inherit;
font-size: 1.5rem;
font-weight: 300;
line-height: 2.25rem;
letter-spacing: px-to-base-rem(-0.3px);
margin: $margin;
}
@mixin vui-typography-heading3($margin: 1.5rem 0 1.5rem 0) {
color: $vui-color-ferrite;
font-family: inherit;
font-size: 1rem;
font-weight: 700;
line-height: 1.5rem;
letter-spacing: px-to-base-rem(0.5px);
margin: $margin;
}
@mixin vui-typography-heading4($margin: 1.5rem 0 1.5rem 0) {
color: $vui-color-ferrite;
font-family: inherit;
font-size: 1rem;
font-weight: 400;
line-height: 1.5rem;
letter-spacing: px-to-base-rem(0.4px);
margin: $margin;
}