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