/*
 * @Author: peerless_hero peerless_hero@outlook.com
 * @Date: 2023-07-09 20:53:14
 * @LastEditors: zhaojinfeng 121016171@qq.com
 * @LastEditTime: 2023-07-20 14:57:19
 * @FilePath: \vue3\unocss.config.ts
 * @Description:
 *
 */
import {
  defineConfig,
  presetAttributify,
  presetIcons,
  presetUno,
  transformerDirectives,
  transformerVariantGroup,
} from 'unocss'

const darkMode = 'class'

export default defineConfig({
  presets: [
    presetIcons({
      scale: 1.2,
      warn: true,
      extraProperties: {
        'display': 'inline-block',
        'vertical-align': 'middle',
      },
    }),
    presetUno({ dark: darkMode }),
    presetAttributify(),
  ],
  transformers: [
    transformerDirectives(),
    transformerVariantGroup(),
  ],
  theme: {
    preflightRoot: undefined,
  },
  rules: [
    [/^fs-(\d+\.?\d{0,2})$/, ([, d]) => ({ 'font-size': `${d}rpx` })],
    [/^leh-(\d+\.?\d{0,2})$/, ([, d]) => ({ 'line-height': `${d}rpx` })],
  ],
})