glog-next/uno.config.ts at main · George-Miao/glog-next · GitHub

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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
import {
  presetWebFonts,
  presetWind3,
  transformerDirectives,
  transformerVariantGroup
} from 'unocss'
import { defineConfig as defineUnoConfig } from 'unocss/vite'
import {
  presetClassCompletion,
  presetDirectivesCompletion
} from 'unocss-preset-completion'

export default defineUnoConfig({
  presets: [
    presetWind3(),
    presetWebFonts({
      provider: 'bunny',
      timeouts: {
        warning: 1000,
        failure: 10000
      },
      fonts: {
        sans: ['Josefin Sans:100,200,300,400,500,600,700'],
        mono: ['Cascadia Code:400'],
        content: ['Merriweather:300,400,700']
      }
    }),
    presetClassCompletion({
      autocompleteFunctions: [
        'clsx',
        'cn',
        'classnames',
        'cls',
        'cva',
        'tv',
        'cx'
      ]
    }),
    presetDirectivesCompletion()
  ],
  transformers: [transformerVariantGroup(), transformerDirectives()],
  theme: {
    colors: {
      red: {
        800: '#be223a',
        highlight: 'rgba(255,255,255,.05)'
      }
    },
    // fontFamily: {
    //   sans: [
    //     'DASH',
    //     'var(--font-josefin-sans)',
    //     '-apple-system',
    //     'BlinkMacSystemFont',
    //     'helvetica neue',
    //     'Helvetica',
    //     'Tahoma',
    //     'Arial',
    //     ...chineseFont,
    //     'sans-serif'
    //   ],
    //   mono: ['var(--font-fira-code)', 'monospace'],
    //   content: [
    //     'DASH',
    //     'var(--font-merriweather)',
    //     'var(--font-josefin-sans)',
    //     ...chineseFont,
    //     '-apple-system',
    //     'BlinkMacSystemFont',
    //     'Times New Roman',
    //     'Times',
    //     'serif'
    //   ]
    // },
    boxShadow: {
      'main': 'rgba(1,1,1,.2) 0 10px 20px',
      'nav-active': 'rgba(0,0,0,.15) 0 10px 15px',
      'nav-hover': 'rgba(0,0,0,.2) 0 10px 15px'
    }
  }
})