-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathuno.config.ts
63 lines (58 loc) · 1.59 KB
/
uno.config.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
import { defineConfig, presetAttributify, presetIcons, presetUno } from 'unocss';
import transformerAttributifyJsx from '@unocss/transformer-attributify-jsx';
import transformerDirectives from '@unocss/transformer-directives';
import transformerVariantGroup from '@unocss/transformer-variant-group';
export default defineConfig({
presets: [
presetUno({ dark: 'media' }),
presetAttributify({ strict: true }),
presetIcons({
autoInstall: true,
extraProperties: { display: 'inline-block', 'vertical-align': 'middle' },
}),
],
transformers: [transformerDirectives(), transformerVariantGroup(), transformerAttributifyJsx()],
theme: {
// 解决 screens: {} 配置在 unocss 无效
breakpoints: {
xs: '480px',
sm: '576px',
md: '768px',
lg: '992px',
xl: '1200px',
'2xl': '1600px',
},
colors: {
black: '#000000',
green: '#00A76F',
blue: '#1fb6ff',
purple: '#7e5bef',
pink: '#ff49db',
orange: '#ff7849',
yellow: '#ffc82c',
success: '#22c55e',
warning: '#ff7849',
error: '#ff5630',
info: '#00b8d9',
gray: '#637381',
hover: '#63738114',
'gray-100': '#F9FAFB',
'gray-200': '#F4F6F8',
'gray-300': '#DFE3E8',
'gray-400': '#C4CDD5',
'gray-500': '#F9FAFB',
'gray-600': '#637381',
'gray-700': '#454F5B',
'gray-800': '#212B36',
'gray-900': '#161C24',
},
extend: {
transitionProperty: {
height: 'height',
},
animation: {
'spin-slow': 'spin 8s linear infinite',
},
},
},
});