Advertisement · 728 × 90

Posts by UnoCSS

Preview
Tailwind 4 Support Plan · Issue #4411 · unocss/unocss As Tailwind 4 introduced quite some fundamental changes to the config and theming model, while existing projects with Tailwind-3-like usages might not be easy to migrate. Being an engine that desig...

👀
github.com/unocss/unocs...

1 year ago 42 2 1 1
Preview
Releases · unocss/unocss The instant on-demand atomic CSS engine. Contribute to unocss/unocss development by creating an account on GitHub.

@unocss.dev has been production ready for a long time. Now, we have finally fixed the versioning!
Let's start the Epoch Semantic Versioning journey~

github.com/unocss/unocs...

1 year ago 44 7 1 1
Preview
GitHub - onmax/unocss-preset-fluid-sizing: UnoCSS preset for fluid sizing with UnoCSS philosophy in mind. UnoCSS preset for fluid sizing with UnoCSS philosophy in mind. - onmax/unocss-preset-fluid-sizing

Today, I tried out Fluid Sizing in CSS.

You set one size for mobile and another for desktop, and the code smoothly calculates the value in the gap between different scree sizes.

Then, I created a @unocss.dev preset:

github.com/onmax/unocss...

1 year ago 4 1 0 0
Preview
About UnoCSS@0.65.0 upgrade introduction · unocss unocss · Discussion #4309 Hi, Unoers! We have released UnoCSS@0.65.0. This version includes bug fixes, new features, and optimizations. Here are the details of this update: Async UnoCSS Engine Starting from version 0.65.0, ...

We have released @unocss.dev @0.65.0 🚀. You can refer to the following upgrade guide to learn about the important changes.

github.com/unocss/unocs...

1 year ago 16 2 0 0

A huge shout out to @zyyv.bsky.social, who is taking great care of UnoCSS's maintenance and driving the landing of those features!

1 year ago 7 0 0 0

We are cooking something for the next minor version:

- Async generator creation and async presets support
- Allow variants to branch multiple rules
- On-demand preflights, only needed CSS variables will be shipped

These would make the engine more versatile than ever! Stay tuned! 🌈

1 year ago 71 7 2 1
Preview
GitHub - unpreset/unocss-preset-magicss: Integrate magic animation into unocss preset Integrate magic animation into unocss preset. Contribute to unpreset/unocss-preset-magicss development by creating an account on GitHub.

Since @unocss.dev ^0.64.1, we support the classification of animations, which will be of great help to downstream tool development libraries. UnoCSS integrates Animate.css by default and also adds classification.

Here is an example on unocss^0.64.1, github.com/unpreset/uno...

1 year ago 4 3 1 0

We are in the process of making UnPresets the official "UnoCSS Community" organization!

Any cool presets you created/maintain that want us to know? 🤓

1 year ago 24 3 1 0
Gradient generated using UnoCSS Preset Easing Gradient:

<div bg-easing-gradient="to-l from-#9747FF to-#0582CA steps-20 ease bezier-[0.99,0.01,0.99,0.01]" />

Gradient generated using UnoCSS Preset Easing Gradient: <div bg-easing-gradient="to-l from-#9747FF to-#0582CA steps-20 ease bezier-[0.99,0.01,0.99,0.01]" />

I have created an @unocss.dev preset that allows you to set a smoothing curve or custom bézier curve in a background gradient.

```html
<div bg-easing-gradient="to-l from-#9747FF to-#0582CA steps-20 bezier-[0.99,0.01,0.99,0.01]" />
```

1 year ago 4 1 2 0
Advertisement

export default defineConfig({
rules: [
['hello-world', { 'background': 'red' }]
]
})

<div class="hello-world">!</div>

🟥

1 year ago 67 8 3 0