@kevinmarrec/unocss-config

Description

Opinionated UnoCSS config.

Opinions

• Supports all UnoCSS config options

• Uses the following opinionated UnoCSS preset by default:

  • Extends the following official presets:

    • UnoCSS Wind preset
    • UnoCSS Icons preset
    • UnoCSS Web Fonts preset (with local fonts enabled)

  • Extends the following official transformers:

    • UnoCSS Directives transformer
    • UnoCSS Variant group transformer

  • Adds a custom layer to enforce full height on top-level elements:

    /* layer: default */
    html,
    body,
    #app {
      height: 100%;
    }

• Hoists fonts and icons preset options to the config level

Usage

Requires UnoCSS v66 or later.

Default

// uno.config.ts
export { default } from '@kevinmarrec/unocss-config'

Extended

// uno.config.ts
import { useConfig } from '@kevinmarrec/unocss-config'

export default useConfig({ /* options */ })