tournaments-pi-frontend/unocss.config.ts at master · JSFTI/tournaments-pi-frontend · 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
import {
  defineConfig,
  presetAttributify,
  presetIcons,
  presetUno,
  presetWebFonts,
  transformerDirectives,
  // transformerVariantGroup,
} from 'unocss'

export default defineConfig({
  theme: {
    colors: {
      brand: {
        primary: '#2623E8',
        secondary: '#E5E823',
      },
      theme: {
        success: '#6AA628',
        warning: '#F2B702',
        danger: '#EA0000',
        info: '#4589D6',
      },
    },
  },
  shortcuts: [
    {
      'btn-link': 'underline hover:text-blue-500 transition',
    },
    [/^btn-icon-([0-9\.]*)([a-z]*)?$/, ([,s, u]) => `w-${s}${u} h-${s}${u} rounded-full flex justify-center items-center`],
  ],
  presets: [
    presetUno(),
    presetAttributify(),
    presetIcons({
      scale: 1.2,
      warn: true,
      extraProperties: {
        'display': 'inline-block',
        'vertical-align': 'middle',
      },
    }),
    presetWebFonts({
      fonts: {
        sans: 'DM Sans',
        serif: 'DM Serif Display',
        mono: 'DM Mono',
      },
    }),
  ],
  transformers: [
    transformerDirectives(),
  ],
  // transformers: [
  //   transformerDirectives(),
  //   transformerVariantGroup(),
  // ],
})