import { defineConfig } from 'unocss'
import presetWind3 from '@unocss/preset-wind3'
import transformerDirectives from '@unocss/transformer-directives'
import transformerVariantGroup from '@unocss/transformer-variant-group'

export default defineConfig({
    presets: [
        presetWind3(), // 替代 presetUno
    ],
    transformers: [
        transformerDirectives(),
        transformerVariantGroup()
    ],
    theme: {
        colors: {
            primary: 'rgba(var(--primary-color))', // 自定义颜色
            dark: '#18181c',
            light_border: '#efeff5',
            dark_border: '#2d2d30',
        }
    },
    shortcuts: {
        'btn': 'px-4 py-1 rounded bg-primary text-white hover:bg-blue-700',
        'card': 'p-4 shadow rounded bg-white'
    },
    rules: [
        // 自定义规则：m-x-y => margin: x y
        [/^m-(\d+)-(\d+)$/, ([, x, y]) => ({ margin: `${x}px ${y}px` })]
    ]
})