-
Notifications
You must be signed in to change notification settings - Fork 2
/
unocss.config.ts
56 lines (55 loc) · 1.51 KB
/
unocss.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
/*
* @Author: shaohang-shy
* @Date: 2022-08-11 11:04:24
* @LastEditors: shaohang-shy
* @LastEditTime: 2023-07-04 10:21:00
* @Description:
*/
import {
defineConfig,
presetAttributify,
presetIcons,
presetUno,
presetWebFonts,
// transformerDirectives,
// transformerVariantGroup,
} from 'unocss'
import { FileSystemIconLoader } from '@iconify/utils/lib/loader/node-loaders'
export default defineConfig({
shortcuts: [
['btn', 'px-4 py-1 rounded inline-block bg-teal-600 text-white cursor-pointer hover:bg-teal-700 disabled:cursor-default disabled:bg-gray-600 disabled:opacity-50'],
['icon-btn', 'text-[0.9em] inline-block cursor-pointer select-none opacity-75 transition duration-200 ease-in-out hover:opacity-100 hover:text-teal-600 !outline-none'],
['bg', 'bg-$n-color'],
],
presets: [
presetUno(),
presetAttributify(),
presetIcons({
scale: 1.2,
warn: true,
collections: {
custom: FileSystemIconLoader(
'./src/icons',
// 将fill属性转换为currentColor
svg => svg.replace(/fill="[^"]*"/g, 'fill="currentColor"'),
),
colorful: FileSystemIconLoader(
'./src/icons/colorful',
// 将fill属性转换为currentColor
svg => svg,
),
},
}),
presetWebFonts({
fonts: {
sans: 'DM Sans',
serif: 'DM Serif Display',
mono: 'DM Mono',
},
}),
],
// transformers: [
// transformerDirectives(),
// transformerVariantGroup(),
// ],
})