import { defineConfig, presetUno, presetIcons, transformerDirectives, transformerVariantGroup } from 'unocss'

export default defineConfig({
  shortcuts: {},
  theme: {
    colors: {
      primary: '#fe7716'
    },
    container: {
      center: true
    }
  },
  presets: [
    presetUno(),
    presetIcons({
      prefix: '',
      extraProperties: {
        display: 'inline-block',
        width: '1.125em',
        height: '1.125em',
        'vertical-align': 'middle'
      }
    })
  ],
  transformers: [transformerDirectives(), transformerVariantGroup()]
})