Use prettier for SCSS (#3895)
[GitHub/WoltLab/WCF.git] / wcfsetup / install / files / style / bootstrap / mixin / font.scss
CommitLineData
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}