Styles

Global styles

Vixt imports the files listed in the app.css option as global styles.

vixt.config.ts

import { defineVixtConfig } from 'vixt'

export default defineVixtConfig({
  app: {
    css: ['@/style.css'],
  },
})

Atomic styles

Atomic CSS is supported by unocss.

Configuration

Create uno.config.ts to configure UnoCSS.

uno.config.ts

import { defineConfig, presetAttributify, presetWind3 } from 'unocss'

export default defineConfig({
  presets: [
    presetWind3(),
    presetAttributify(),
  ],
})

Usage

UnoCSS

<div bg-gray text-white w-fit px-1 rd>UnoCSS</div>