uno.config.ts

import { defineConfig } from 'unocss'

export default defineConfig({
  rules: [
    [/^bg-color-([a-z\d]+)$/, ([_, value]) => ({ 'background-color': `#${value}` })],
    [/^color-([a-z\d]+)$/, ([_, value]) => ({ color: `#${value}` })],
    [/^fs-(\d+px)$/, ([_, value]) => ({ 'font-size': value })],
    [
      /^ellipsis$/,
      () => ({
        overflow: 'hidden',
        'white-space': 'nowrap',
        'text-overflow': 'ellipsis',
      }),
    ],
    [
      /^ellipsis-(\d+)$/,
      ([_, lines]) => ({
        display: '-webkit-box',
        overflow: 'hidden',
        'text-overflow': 'ellipsis',
        '-webkit-line-clamp': lines,
        '-webkit-box-orient': 'vertical',
        'line-break': 'anywhere',
      }),
    ],
  ],
  shortcuts: {
    'h-s-screen': 'h-100svh',
    'w-s-screen': 'w-100svw',
    'wh-full': 'h-full w-full',
    'wh-s-screen': 'h-s-screen w-s-screen',
    transparent: 'bg-transparent border-transparent',
  },
})