BigScreen/unocss.config.js

import {
  defineConfig,
  presetAttributify,
  presetIcons,
  presetTypography,
  presetUno,
  presetWebFonts,
  transformerDirectives,
  transformerVariantGroup
} from 'unocss'
import presetLegacyCompat from '@unocss/preset-legacy-compat'
import presetAutoprefixer from 'unocss-preset-autoprefixer'
// https://unocss.dev/guide/config-file
export default defineConfig({
  rules: [
    ['lr-box-bg', { background: 'no-repeat center/100% 100% url(@/assets/images/lr-box-bg.png)' }],
    [
      'breadcrumb-bg',
      { background: 'no-repeat center/100% 100% url(@/assets/images/breadcrumb-bg.png)' }
    ]
  ],
  shortcuts: [
    // ...
  ],
  theme: {
    colors: {
      // ...
    }
  },
  presets: [
    presetUno(),
    presetAttributify(),
    presetIcons(),
    presetTypography(),
    presetWebFonts({
      fonts: {
        // ...
      }
    }),
    presetLegacyCompat({
      // options
      commaStyleColorFunction: true,
      legacyColorSpace: true
    }),
    presetAutoprefixer()
  ],
  transformers: [transformerDirectives(), transformerVariantGroup()]
})