reader-star/uno.config.ts

import type { Theme } from '@unocss/preset-uno'
import { presetSoybeanAdmin } from '@sa/uno-preset'
import presetWind3 from '@unocss/preset-wind3'
import transformerDirectives from '@unocss/transformer-directives'
import transformerVariantGroup from '@unocss/transformer-variant-group'
import { defineConfig } from '@unocss/vite'
import { themeVars } from './apps/admin/src/theme/vars'

export default defineConfig<Theme>({
  content: {
    pipeline: {
      exclude: ['node_modules', 'dist'],
    },
  },
  theme: {
    ...themeVars,
    fontSize: {
      // 图标字体大小
      'icon-xs': '0.875rem',
      'icon-small': '1rem',
      'icon': '1.125rem',
      'icon-large': '1.5rem',
      'icon-xl': '2rem',

      // 针对 2048x1080 设计基准优化的字体大小
      // 相比默认值适当放大，适配大屏显示
      // 'xs': '0.8rem',        // 12.8px (原 0.75rem = 12px)
      // 'sm': '0.95rem',       // 15.2px (原 0.875rem = 14px)
      // 'base': '1.1rem',      // 17.6px (原 1rem = 16px)
      // 'lg': '1.3rem',        // 20.8px (原 1.125rem = 18px)
      // 'xl': '1.5rem',        // 24px (原 1.25rem = 20px)
      // '2xl': '1.75rem',      // 28px (原 1.5rem = 24px)
      // '3xl': '2.1rem',       // 33.6px (原 1.875rem = 30px)
      // '4xl': '2.5rem',       // 40px (原 2.25rem = 36px)
      // '5xl': '3.2rem',       // 51.2px (原 3rem = 48px)
      // '6xl': '4rem',         // 64px (原 3.75rem = 60px)
      // '7xl': '5rem',         // 80px (原 4.5rem = 72px)
      // '8xl': '6.5rem',       // 104px (原 6rem = 96px)
      // '9xl': '8.5rem',       // 136px (原 8rem = 128px)

      'xs': '0.875rem', // 原 0.75rem
      'sm': '1rem', // 原 0.875rem
      'base': '1.125rem', // 原 1rem
      'lg': '1.25rem', // 原 1.125rem
      'xl': '1.5rem', // 原 1.25rem
      '2xl': '1.875rem', // 原 1.5rem
      '3xl': '2.25rem', // 原 1.875rem
      '4xl': '2.75rem', // 原 2.25rem
      '5xl': '3.5rem', // 原 3rem
      '6xl': '4.5rem', // 原 3.75rem
      '7xl': '5.5rem', // 原 4.5rem
      '8xl': '7rem', // 原 6rem
      '9xl': '9rem', // 原 8rem
    },
  },
  shortcuts: {
    'card-wrapper': 'rd-8px shadow-sm',
  },
  transformers: [transformerDirectives(), transformerVariantGroup()],
  presets: [presetWind3({ dark: 'class' }), presetSoybeanAdmin()],
})