Added box for page comments
[GitHub/WoltLab/WCF.git] / wcfsetup / install / files / style / bootstrap / mixin / font.scss
CommitLineData
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}