How to active container query for UnoCSS? #3090

jdkcoder · 2023-09-07T03:55:53Z

jdkcoder
Sep 7, 2023

Here is my uno.config.ts file, I tried to search the keyword "container queries" or "container query" at the Documentation page but I still can't find the way how to turn it on

import {
    defineConfig,
    transformerVariantGroup,
    transformerCompileClass,
    presetUno,
    presetWebFonts,
    presetMini
} from 'unocss'

export default defineConfig({
    safelist: ['overflow-hidden'],
    shortcuts: {
        "after:no-content": "after:content-['']",
        "before:no-content": "before:content-['']",
    },
    rules: [
        ['text-fill-transparent', {
            '-webkit-text-fill-color': 'transparent',
            'text-fill-color': 'transparent'
        }]
    ],
    extractors: [],
    presets: [
        presetUno(),
        presetMini(),
        presetWebFonts({
            provider: 'google',
            fonts: {
                'nunito': 'Nunito'
            },
        }),
    ],
    transformers: [
        transformerVariantGroup(),
        transformerCompileClass()
    ],
})