Commit | Line | Data |
---|---|---|
5908f54f | 1 | @mixin wcfFontDefault { |
5908f54f | 2 | font-weight: 400; |
63e2f52f AE |
3 | |
4 | @include large-screen-only { | |
5 | font-size: $wcfFontSizeDefault; | |
6 | } | |
7 | ||
8 | @include small-screen-only { | |
9 | font-size: 14px; | |
10 | } | |
5908f54f AE |
11 | } |
12 | ||
13 | @mixin wcfFontSmall { | |
5908f54f | 14 | font-weight: 400; |
63e2f52f AE |
15 | |
16 | @include large-screen-only { | |
17 | font-size: $wcfFontSizeSmall; | |
18 | } | |
19 | ||
20 | @include small-screen-only { | |
21 | font-size: 12px; | |
22 | } | |
5908f54f AE |
23 | } |
24 | ||
25 | @mixin wcfFontBold { | |
26 | font-weight: 600; | |
27 | } | |
28 | ||
29 | @mixin wcfFontHeadline { | |
5908f54f | 30 | font-weight: 400; |
63e2f52f AE |
31 | line-height: 1.28; |
32 | ||
33 | @include large-screen-only { | |
34 | font-size: $wcfFontSizeHeadline; | |
35 | } | |
36 | ||
37 | @include small-screen-only { | |
38 | font-size: 18px; | |
39 | } | |
5908f54f AE |
40 | } |
41 | ||
42 | @mixin wcfFontSection { | |
5908f54f | 43 | font-weight: 300; |
63e2f52f AE |
44 | line-height: 1.28; |
45 | ||
46 | @include large-screen-only { | |
47 | font-size: $wcfFontSizeSection; | |
48 | } | |
49 | ||
50 | @include small-screen-only { | |
51 | font-size: 20px; | |
52 | } | |
5908f54f AE |
53 | } |
54 | ||
55 | @mixin wcfFontTitle { | |
5908f54f | 56 | font-weight: 300; |
37a54477 | 57 | line-height: 1; |
63e2f52f AE |
58 | |
59 | @include large-screen-only { | |
60 | font-size: $wcfFontSizeTitle; | |
61 | } | |
62 | ||
63 | @include small-screen-only { | |
64 | font-size: 23px; | |
65 | } | |
5908f54f AE |
66 | } |
67 | ||
68 | @mixin wcfLineHeight { | |
69 | line-height: $wcfFontLineHeight; | |
70 | } |