400 lines
7.6 KiB
TypeScript
400 lines
7.6 KiB
TypeScript
import { defineConfig, presetAttributify, presetUno } from 'unocss'
|
|
export default defineConfig({
|
|
theme: {
|
|
spacing: {
|
|
0.5: '2px',
|
|
1: '4px',
|
|
1.5: '6px',
|
|
2: '8px',
|
|
2.5: '10px',
|
|
3: '12px',
|
|
3.5: '14px',
|
|
4: '16px',
|
|
4.5: '18px',
|
|
5: '20px',
|
|
6: '24px',
|
|
6.5: '26px',
|
|
7: '28px',
|
|
7.5: '30px',
|
|
8: '32px',
|
|
8.5: '34px',
|
|
9: '36px',
|
|
10: '40px',
|
|
11: '44px',
|
|
12: '48px',
|
|
13: '52px',
|
|
14: '56px',
|
|
15: '60px',
|
|
16: '64px',
|
|
17: '68px',
|
|
18: '72px',
|
|
19: '76px',
|
|
20: '80px',
|
|
21: '84px',
|
|
22: '88px',
|
|
23: '92px',
|
|
24: '96px',
|
|
25: '100px',
|
|
26: '104px',
|
|
27: '108px',
|
|
28: '112px',
|
|
29: '116px',
|
|
30: '120px',
|
|
31: '124px',
|
|
32: '128px',
|
|
33: '132px',
|
|
34: '136px',
|
|
35: '140px',
|
|
36: '144px',
|
|
37: '148px',
|
|
38: '152px',
|
|
39: '156px',
|
|
40: '160px',
|
|
41: '164px',
|
|
42: '168px',
|
|
43: '172px',
|
|
44: '176px',
|
|
45: '180px',
|
|
46: '184px',
|
|
47: '188px',
|
|
48: '192px',
|
|
49: '196px',
|
|
50: '200px',
|
|
51: '204px',
|
|
52: '208px',
|
|
53: '212px',
|
|
54: '216px',
|
|
55: '220px',
|
|
56: '224px',
|
|
57: '228px',
|
|
58: '232px',
|
|
59: '236px',
|
|
60: '240px',
|
|
61: '244px',
|
|
62: '248px',
|
|
63: '252px',
|
|
64: '256px',
|
|
65: '260px',
|
|
66: '264px',
|
|
67: '268px',
|
|
68: '272px',
|
|
69: '276px',
|
|
70: '280px',
|
|
71: '284px',
|
|
72: '288px',
|
|
73: '292px',
|
|
74: '296px',
|
|
75: '300px',
|
|
76: '304px',
|
|
77: '308px',
|
|
78: '312px',
|
|
79: '316px',
|
|
80: '320px',
|
|
},
|
|
fontSize: {
|
|
xs: ['0.12rem', { 'line-height': '1' }],
|
|
sm: ['0.14rem', { 'line-height': '1' }],
|
|
base: ['0.16rem', { 'line-height': '1' }],
|
|
lg: ['0.18rem', { 'line-height': '1' }],
|
|
xl: ['0.2rem', { 'line-height': '1' }],
|
|
'2xl': ['0.24rem', { 'line-height': '1' }],
|
|
'3xl': ['0.3rem', { 'line-height': '1' }],
|
|
'4xl': ['0.36rem', { 'line-height': '1' }],
|
|
'5xl': ['0.48rem', { 'line-height': '1' }],
|
|
'6xl': ['0.6rem', { 'line-height': '1' }],
|
|
'7xl': ['0.72rem', { 'line-height': '1' }],
|
|
'8xl': ['1.28rem', { 'line-height': '1' }],
|
|
'9xl': ['1.44rem', { 'line-height': '1' }],
|
|
},
|
|
width: {
|
|
0.5: '2px',
|
|
1: '4px',
|
|
1.5: '6px',
|
|
2: '8px',
|
|
2.5: '10px',
|
|
3: '12px',
|
|
3.5: '14px',
|
|
4: '16px',
|
|
5: '20px',
|
|
6: '24px',
|
|
6.5: '26px',
|
|
7: '28px',
|
|
7.5: '30px',
|
|
8: '32px',
|
|
8.5: '34px',
|
|
9: '36px',
|
|
10: '40px',
|
|
11: '44px',
|
|
12: '48px',
|
|
13: '52px',
|
|
14: '56px',
|
|
15: '60px',
|
|
16: '64px',
|
|
17: '68px',
|
|
18: '72px',
|
|
19: '76px',
|
|
20: '80px',
|
|
21: '84px',
|
|
22: '88px',
|
|
23: '92px',
|
|
24: '96px',
|
|
25: '100px',
|
|
26: '104px',
|
|
27: '108px',
|
|
28: '112px',
|
|
29: '116px',
|
|
30: '120px',
|
|
31: '124px',
|
|
32: '128px',
|
|
33: '132px',
|
|
34: '136px',
|
|
35: '140px',
|
|
36: '144px',
|
|
37: '148px',
|
|
38: '152px',
|
|
39: '156px',
|
|
40: '160px',
|
|
41: '164px',
|
|
42: '168px',
|
|
43: '172px',
|
|
44: '176px',
|
|
45: '180px',
|
|
46: '184px',
|
|
47: '188px',
|
|
48: '192px',
|
|
49: '196px',
|
|
50: '200px',
|
|
51: '204px',
|
|
52: '208px',
|
|
53: '212px',
|
|
54: '216px',
|
|
55: '220px',
|
|
56: '224px',
|
|
57: '228px',
|
|
58: '232px',
|
|
59: '236px',
|
|
60: '240px',
|
|
61: '244px',
|
|
62: '248px',
|
|
63: '252px',
|
|
64: '256px',
|
|
65: '260px',
|
|
66: '264px',
|
|
67: '268px',
|
|
68: '272px',
|
|
69: '276px',
|
|
70: '280px',
|
|
71: '284px',
|
|
72: '288px',
|
|
73: '292px',
|
|
74: '296px',
|
|
75: '300px',
|
|
76: '304px',
|
|
77: '308px',
|
|
78: '312px',
|
|
79: '316px',
|
|
80: '320px',
|
|
81: '324px',
|
|
82: '328px',
|
|
83: '332px',
|
|
84: '336px',
|
|
85: '340px',
|
|
86: '344px',
|
|
87: '348px',
|
|
88: '352px',
|
|
89: '356px',
|
|
90: '360px',
|
|
91: '364px',
|
|
92: '368px',
|
|
93: '372px',
|
|
94: '376px',
|
|
},
|
|
height: {
|
|
0.5: '2px',
|
|
1: '4px',
|
|
1.5: '6px',
|
|
2: '8px',
|
|
2.5: '10px',
|
|
3: '12px',
|
|
3.5: '14px',
|
|
4: '16px',
|
|
5: '20px',
|
|
6: '24px',
|
|
6.5: '26px',
|
|
7: '28px',
|
|
7.5: '30px',
|
|
8: '32px',
|
|
8.5: '34px',
|
|
9: '36px',
|
|
10: '40px',
|
|
11: '44px',
|
|
12: '48px',
|
|
13: '52px',
|
|
14: '56px',
|
|
15: '60px',
|
|
16: '64px',
|
|
17: '68px',
|
|
18: '72px',
|
|
19: '76px',
|
|
20: '80px',
|
|
21: '84px',
|
|
22: '88px',
|
|
23: '92px',
|
|
24: '96px',
|
|
25: '100px',
|
|
26: '104px',
|
|
27: '108px',
|
|
28: '112px',
|
|
29: '116px',
|
|
30: '120px',
|
|
31: '124px',
|
|
32: '128px',
|
|
33: '132px',
|
|
34: '136px',
|
|
35: '140px',
|
|
36: '144px',
|
|
37: '148px',
|
|
38: '152px',
|
|
39: '156px',
|
|
40: '160px',
|
|
41: '164px',
|
|
42: '168px',
|
|
43: '172px',
|
|
44: '176px',
|
|
45: '180px',
|
|
46: '184px',
|
|
47: '188px',
|
|
48: '192px',
|
|
49: '196px',
|
|
50: '200px',
|
|
51: '204px',
|
|
52: '208px',
|
|
53: '212px',
|
|
54: '216px',
|
|
55: '220px',
|
|
56: '224px',
|
|
57: '228px',
|
|
58: '232px',
|
|
59: '236px',
|
|
60: '240px',
|
|
61: '244px',
|
|
62: '248px',
|
|
63: '252px',
|
|
64: '256px',
|
|
65: '260px',
|
|
66: '264px',
|
|
67: '268px',
|
|
68: '272px',
|
|
69: '276px',
|
|
70: '280px',
|
|
71: '284px',
|
|
72: '288px',
|
|
73: '292px',
|
|
74: '296px',
|
|
75: '300px',
|
|
76: '304px',
|
|
77: '308px',
|
|
78: '312px',
|
|
79: '316px',
|
|
80: '320px',
|
|
},
|
|
borderRadius: {
|
|
DEFAULT: '4px',
|
|
},
|
|
lineHeight: {
|
|
0.5: '2px',
|
|
1: '4px',
|
|
1.5: '6px',
|
|
2: '8px',
|
|
2.5: '10px',
|
|
3: '12px',
|
|
3.5: '14px',
|
|
4: '16px',
|
|
5: '20px',
|
|
6: '24px',
|
|
6.5: '26px',
|
|
7: '28px',
|
|
7.5: '30px',
|
|
8: '32px',
|
|
9: '36px',
|
|
10: '40px',
|
|
11: '44px',
|
|
12: '48px',
|
|
13: '52px',
|
|
14: '56px',
|
|
15: '60px',
|
|
16: '64px',
|
|
17: '68px',
|
|
18: '72px',
|
|
19: '76px',
|
|
20: '80px',
|
|
21: '84px',
|
|
22: '88px',
|
|
23: '92px',
|
|
24: '96px',
|
|
25: '100px',
|
|
26: '104px',
|
|
27: '108px',
|
|
28: '112px',
|
|
29: '116px',
|
|
30: '120px',
|
|
31: '124px',
|
|
32: '128px',
|
|
33: '132px',
|
|
34: '136px',
|
|
35: '140px',
|
|
36: '144px',
|
|
37: '148px',
|
|
38: '152px',
|
|
39: '156px',
|
|
40: '160px',
|
|
41: '164px',
|
|
42: '168px',
|
|
43: '172px',
|
|
44: '176px',
|
|
45: '180px',
|
|
46: '184px',
|
|
47: '188px',
|
|
48: '192px',
|
|
49: '196px',
|
|
50: '200px',
|
|
51: '204px',
|
|
52: '208px',
|
|
53: '212px',
|
|
54: '216px',
|
|
55: '220px',
|
|
56: '224px',
|
|
57: '228px',
|
|
58: '232px',
|
|
59: '236px',
|
|
60: '240px',
|
|
61: '244px',
|
|
62: '248px',
|
|
63: '252px',
|
|
64: '256px',
|
|
65: '260px',
|
|
66: '264px',
|
|
67: '268px',
|
|
68: '272px',
|
|
69: '276px',
|
|
70: '280px',
|
|
71: '284px',
|
|
72: '288px',
|
|
73: '292px',
|
|
74: '296px',
|
|
75: '300px',
|
|
76: '304px',
|
|
77: '308px',
|
|
78: '312px',
|
|
79: '316px',
|
|
80: '320px',
|
|
},
|
|
},
|
|
presets: [
|
|
presetAttributify({
|
|
/* preset options */
|
|
}),
|
|
presetUno(),
|
|
],
|
|
})
|