unocss-preset-tailwind
v0.3.2
Published
Preset para unocss baseado no TailwindCSS
Downloads
111
Readme
WARNING!!!
I'ts not ready. It is still under development.
unocss-preset-tailwind
This is a UnoCSS preset based on tailwindcss with multiple color themes.
Progress status
Core concepts
| Feature | Status | DOCS | | --- | --- | --- | | Hover, Focus, and Other States | 🏗️ | ❌ | | Responsive Design | ✅ | ❌ | | Multiples Themes | ✅ | ❌ |
Configuration
| Feature | Status | DOCS | | --- | --- | --- | | Themes | ✅ | ❌ | | Screens | ✅ | ❌ | | Colors | ✅ | ❌ | | Spacing | ✅ | ❌ |
Layout
| Feature | Status | DOCS | | --- | --- | --- | | Aspect Ratio | ✅ | ❌ | | Container | ✅ | ❌ | | Columns | ✅ | ❌ | | Break After | ❌ | ❌ | | Break Before | ❌ | ❌ | | Break Inside | ❌ | ❌ | | Box Decoration Break | ❌ | ❌ | | Box Sizing | ❌ | ❌ | | Display | ❌ | ❌ | | Floats | ❌ | ❌ | | Clear | ❌ | ❌ | | Isolation | ❌ | ❌ | | Object Fit | ❌ | ❌ | | Object Position | ❌ | ❌ | | Overflow | ❌ | ❌ | | Overscroll Behavior | ❌ | ❌ | | Position | ❌ | ❌ | | Top / Right / Bottom / Left | ❌ | ❌ | | Visibility | ❌ | ❌ | | Z-Index | ❌ | ❌ |
Flexbox & Grid (coming soon)
Spacing (coming soon)
Sizing (coming soon)
Typography (coming soon)
Backgrounds (coming soon)
Borders (coming soon)
Effects (coming soon)
Filters (coming soon)
Tables (coming soon)
Transitions & Animation (coming soon)
Transforms (coming soon)
Interactivity (coming soon)
SVG (coming soon)
Accessibility (coming soon)
Features
Multiple theme colors
Infinite numbers for classes variations
Example:
.h-0 = height: 0px .h-4 = height: 1rem .h-4000 = height: 1000rem
Installation
npm i unocss-preset-tailwind
// vite.config.ts
import UnoCSS from '@unocss/vite'
import { presetTailwind } from "unocss-preset-tailwind"
export default {
plugins: [
UnoCSS({
presets: [
presetTailwind({
// configure preset
})
],
}),
],
}