uno.config.ts

import {
  defineConfig,
  presetAttributify,
  presetTypography,
  presetUno,
  presetWebFonts,
} from 'unocss'
import transformerDirectives from '@unocss/transformer-directives'

export default defineConfig({
  presets: [
    presetUno({
      dark: 'class',
    }),
    presetAttributify(),
    presetTypography({
      cssExtend: {
        'blockquote': {
          'border-left': '4px',
          'border-style': 'dashed',
        },
        ':not(pre) > code::before,:not(pre) > code::after': {
          content: 'none',
        },
      },
    }),
    presetWebFonts({
      provider: 'none',
      fonts: {
        sans: ['Jost Variable'],
        mono: ['Jetbrains Mono', 'JetBrains Mono Variable'],
      },
    }),
  ],
  rules: [
    ['bg-underline', { 'background-size': '200% 4px' }],
    ['bg-underline-large', { 'background-size': '200% 16px' }],
    ['bg-underline-start', { 'background-position': '100% 100%' }],
    ['bg-underline-end', { 'background-position': '0% 100%' }],
  ],
  transformers: [
    transformerDirectives(),
  ],
})