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...
ui.config.json: this file should under your project root. This file is for SolidUI. {"tsx":true,"componentDir":"./src/components/ui","tailwind": {"config":"tailwind.config.js","css":"src/App.css"},"aliases": {"path":"~/*"} } ...
::: 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...
// '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'...
// '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'...
// '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'...
// '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'...
By default UnoCSS will scan for components files like:.jsx,.tsx,.vue,.md,.html,.svelte,.astro. .jsand.tsfiles are not included by default. You can add@unocss-includeanywhere in the file that you want UnoCSS to scan at per-file bias, or include*.jsor*.tsin the configuration to ma...
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'...