UNPKG

2.04 kBCSSView Raw
1/*
2
3 FONT WEIGHT
4 Docs: http://tachyons.io/docs/typography/font-weight/
5
6 Base
7 fw = font-weight
8
9 Modifiers:
10 1 = literal value 100
11 2 = literal value 200
12 3 = literal value 300
13 4 = literal value 400
14 5 = literal value 500
15 6 = literal value 600
16 7 = literal value 700
17 8 = literal value 800
18 9 = literal value 900
19
20 Media Query Extensions:
21 -ns = not-small
22 -m = medium
23 -l = large
24
25*/
26
27.normal { font-weight: normal; }
28.b { font-weight: bold; }
29.fw1 { font-weight: 100; }
30.fw2 { font-weight: 200; }
31.fw3 { font-weight: 300; }
32.fw4 { font-weight: 400; }
33.fw5 { font-weight: 500; }
34.fw6 { font-weight: 600; }
35.fw7 { font-weight: 700; }
36.fw8 { font-weight: 800; }
37.fw9 { font-weight: 900; }
38
39
40@media (--breakpoint-not-small) {
41 .normal-ns { font-weight: normal; }
42 .b-ns { font-weight: bold; }
43 .fw1-ns { font-weight: 100; }
44 .fw2-ns { font-weight: 200; }
45 .fw3-ns { font-weight: 300; }
46 .fw4-ns { font-weight: 400; }
47 .fw5-ns { font-weight: 500; }
48 .fw6-ns { font-weight: 600; }
49 .fw7-ns { font-weight: 700; }
50 .fw8-ns { font-weight: 800; }
51 .fw9-ns { font-weight: 900; }
52}
53
54@media (--breakpoint-medium) {
55 .normal-m { font-weight: normal; }
56 .b-m { font-weight: bold; }
57 .fw1-m { font-weight: 100; }
58 .fw2-m { font-weight: 200; }
59 .fw3-m { font-weight: 300; }
60 .fw4-m { font-weight: 400; }
61 .fw5-m { font-weight: 500; }
62 .fw6-m { font-weight: 600; }
63 .fw7-m { font-weight: 700; }
64 .fw8-m { font-weight: 800; }
65 .fw9-m { font-weight: 900; }
66}
67
68@media (--breakpoint-large) {
69 .normal-l { font-weight: normal; }
70 .b-l { font-weight: bold; }
71 .fw1-l { font-weight: 100; }
72 .fw2-l { font-weight: 200; }
73 .fw3-l { font-weight: 300; }
74 .fw4-l { font-weight: 400; }
75 .fw5-l { font-weight: 500; }
76 .fw6-l { font-weight: 600; }
77 .fw7-l { font-weight: 700; }
78 .fw8-l { font-weight: 800; }
79 .fw9-l { font-weight: 900; }
80}