Yumma CSS 3.5
Opacity variants for color utilities and small improvements to the CLI it’s everything Yumma CSS 3.5 is all about.
You may also want to take a look at some of the release notes but, anyway, these are the most noticeable shifts:
- Opacity variants: New opacity variants for color utilities.
- First-party engine: Extending the CLI with a first-party engine.
This is an incremental update that may contain breaking changes. Minor releases follow semantic versioning conventions. In other words, a migration is necessary to continue using the framework.
Opacity variants
Now you can use opacity variants for all color utilities. This is super useful for targeting opacity to different utilities.
<button class="bg-indigo o-10 ...">Login</button><button class="bg-indigo/10 ...">Login</button>First-party engine
We’ve been making a lot of internal changes to the CLI to improve not also performance but also bundle size. We’ve moved the extraction and generation logic to our first-party engine, @yummacss/nitro.
This change will allow us to extend Yumma CSS to feature projects like Yumma CSS Play and more. Now of course this is a very specific change, but it’s a big one for us internally.
Upgrade
You can upgrade your projects by getting the latest version of yummacss from npm:
pnpm add yummacss@latestnpm i yummacss@latestyarn add yummacss@latest