// uno.config.ts
import {
    defineConfig,
    presetAttributify,
    presetIcons,
    presetTypography,
    presetUno,
    presetWebFonts,
    transformerDirectives,
    transformerVariantGroup,
} from "unocss"

export default defineConfig({
    shortcuts: [
        ["wh-full", "w-full h-full"],
        ["f-c-c", "flex justify-center items-center"],
        ["j-b", "flex justify-between"],
        ["i-c", "items-center"],
        ["flex-col", "flex flex-col"],
        ["card-border", "border border-solid border-light_border dark:border-dark_border"],
        ["auto-bg", "bg-white dark:bg-dark"],
        ["auto-bg-hover", "hover:bg-#eaf0f1 hover:dark:bg-#1b2429"],
        ["auto-bg-highlight", "bg-#eaf0f1 dark:bg-#1b2429"],
        ["text-highlight", "rounded-4 px-8 py-2 auto-bg-highlight"],
    ],
    theme: {
        colors: {
            // ...
        },
    },
    presets: [
        presetUno(),
        presetAttributify(),
        presetIcons(),
        presetTypography(),
        presetWebFonts({
            fonts: {
                // ...
            },
        }),
    ],
    transformers: [transformerDirectives(), transformerVariantGroup()],
})