By default UnoCSS will scan for components files like: .jsx, .tsx, .vue, .md, .html, .svelte, .astro..js and .ts files are not included by default. You can add @unocss-include anywhere in the file that you want UnoCSS to scan at per-file bias, or include *.js or *.ts in...
::: tip This preset is included in the unocss package, you can also import it from there:import { presetIcons } from 'unocss'::: info You can also use this preset alone as a complement to your existing UI frameworks to have pure CSS icons! :::If you...
:boolean|TagifyOptions/*** Enable remToPx preset and the options of it* Only works when `presets` is not specified* @default false*/remToPx?:boolean|RemToPxOptions/*** E rules shortcuts index // See index.test.ts `themeAnimate configuration` for usage.exportfunctionnomarlizeTheme(theme:...
Search or jump to... Search code, repositories, users, issues, pull requests... Provide feedback We read every piece of feedback, and take your input very seriously. Include my email address so I can be contacted Cancel Submit feedback Saved searches Use saved searches to filter your...
import HeaderBar from './components/HeaderBar.vue' import Preview from './components/Preview.vue' import Editor from './components/Editor.vue' import Output from './components/Output.vue' </script> <template> <div class="font-sans leading-1em h-screen w-screen"> <HeaderBar /> <div ...
// 'uno:[layer-name].css' import 'uno:components.css' // layers that are not 'components' and 'utilities' will fallback to here import 'uno.css' // your own CSS import './my-custom.css' // "utilities" layer will have the highest priority import 'uno:utilities.css'...
Similar toRules, a dynamic shortcut is the combination of a matcher RegExp and a handler function. shortcuts:[// you could still have object style{'btn':'py-2 px-4 font-semibold rounded-lg shadow-md',},// dynamic shortcuts[/^btn-(.*)$/,([,c])=>`bg-${c}-400 text-${c}-...
// 'uno:[layer-name].css' import 'uno:components.css' // layers that are not 'components' and 'utilities' will fallback to here import 'uno.css' // your own CSS import './my-custom.css' // "utilities" layer will have the highest priority import 'uno:utilities.css'...
layers:{components:-1,default:1,utilities:2,'my-layer':3,} Layers without specified order will be sorted alphabetically. When you want to have your custom CSS between layers, you can update your entry module: // 'uno:[layer-name].css'import'uno:components.css'// layers that are not '...
// 'uno:[layer-name].css' import 'uno:components.css' // layers that are not 'components' and 'utilities' will fallback to here import 'uno.css' // your own CSS import './my-custom.css' // "utilities" layer will have the highest priority import 'uno:utilities.css'...