|
5 | 5 | @tailwind components; |
6 | 6 | @tailwind utilities; |
7 | 7 |
|
8 | | -html { |
9 | | - /* Never change this default! */ |
10 | | - font-size: 14px; |
11 | | -} |
| 8 | +@layer base { |
| 9 | + html { |
| 10 | + /* Never change this default! */ |
| 11 | + @apply text-black text-base; |
| 12 | + } |
12 | 13 |
|
13 | | -a { |
14 | | - @apply text-primary hover:underline; |
15 | | -} |
| 14 | + a { |
| 15 | + @apply text-primary hover:underline; |
| 16 | + } |
16 | 17 |
|
17 | | -button:focus { |
18 | | - @apply outline-none; |
19 | | -} |
| 18 | + button:focus { |
| 19 | + @apply outline-none; |
| 20 | + } |
20 | 21 |
|
21 | | -h1 { |
22 | | - @apply text-2xl; /* 24px */ |
23 | | - @apply font-bold; |
24 | | - @apply leading-p1 tracking-tightest; |
25 | | -} |
| 22 | + h1 { |
| 23 | + @apply text-2xl; /* 24px */ |
| 24 | + @apply font-bold; |
| 25 | + @apply leading-p1 tracking-tightest; |
| 26 | + } |
26 | 27 |
|
27 | | -h2 { |
28 | | - @apply text-xl; /* 21px */ |
29 | | - @apply font-bold; |
30 | | - @apply leading-p1 tracking-tightest; |
31 | | -} |
| 28 | + h2 { |
| 29 | + @apply text-xl; /* 21px */ |
| 30 | + @apply font-bold; |
| 31 | + @apply leading-p1 tracking-tightest; |
| 32 | + } |
32 | 33 |
|
33 | | -h3 { |
34 | | - @apply text-lg; /* 18px */ |
35 | | - @apply font-bold; |
36 | | - @apply tracking-tightest; |
37 | | -} |
| 34 | + h3 { |
| 35 | + @apply text-lg; /* 18px */ |
| 36 | + @apply font-bold; |
| 37 | + @apply tracking-tightest; |
| 38 | + } |
38 | 39 |
|
39 | | -h4 { |
40 | | - @apply text-md; /* 16 px */ |
41 | | - @apply leading-p2 tracking-tightest; |
42 | | -} |
| 40 | + h4 { |
| 41 | + @apply text-md; /* 16 px */ |
| 42 | + @apply leading-p2 tracking-tightest; |
| 43 | + } |
43 | 44 |
|
44 | | -h5 { |
45 | | - @apply text-base; /* 14 px */ |
46 | | - @apply leading-p2 tracking-tightest; |
47 | | -} |
| 45 | + h5 { |
| 46 | + @apply text-base; /* 14 px */ |
| 47 | + @apply leading-p2 tracking-tightest; |
| 48 | + } |
48 | 49 |
|
49 | | -h6 { |
50 | | - @apply text-sm; /* 14 px */ |
51 | | - @apply leading-p3 tracking-tightest; |
52 | | -} |
| 50 | + h6 { |
| 51 | + @apply text-sm; /* 14 px */ |
| 52 | + @apply leading-p3 tracking-tightest; |
| 53 | + } |
53 | 54 |
|
54 | | -.p1 { |
55 | | - @apply text-md; /* 16px */ |
56 | | - @apply leading-p1 tracking-tightest; |
57 | | -} |
| 55 | + .p1 { |
| 56 | + @apply text-md; /* 16px */ |
| 57 | + @apply leading-p1 tracking-tightest; |
| 58 | + } |
58 | 59 |
|
59 | | -.p2 { |
60 | | - @apply text-base; /* 14px */ |
61 | | - @apply leading-p2 tracking-tightest; |
62 | | -} |
| 60 | + .p2 { |
| 61 | + @apply text-base; /* 14px */ |
| 62 | + @apply leading-p2 tracking-tightest; |
| 63 | + } |
63 | 64 |
|
64 | | -.p3 { |
65 | | - @apply text-sm; /* 12px */ |
66 | | - @apply leading-p3 tracking-tightest; |
67 | | -} |
| 65 | + .p3 { |
| 66 | + @apply text-sm; /* 12px */ |
| 67 | + @apply leading-p3 tracking-tightest; |
| 68 | + } |
68 | 69 |
|
69 | | -.ui-badge .icon { |
70 | | - position: relative; |
71 | | - top: -1px; |
72 | | -} |
| 70 | + .ui-badge .icon { |
| 71 | + position: relative; |
| 72 | + top: -1px; |
| 73 | + } |
73 | 74 |
|
74 | | -.font-bold { |
75 | | - @apply antialiased; |
| 75 | + .font-bold { |
| 76 | + @apply antialiased; |
| 77 | + } |
76 | 78 | } |
0 commit comments