Skip to content

Releases: typicode/mistcss

v1.0.4

19 Nov 11:16
Compare
Choose a tag to compare

What's Changed

Full Changelog: v1.0.3...v1.0.4

v1.0.3

18 Nov 20:49
Compare
Choose a tag to compare

What's Changed

Full Changelog: v1.0.2...v1.0.3

v1.0.2

18 Nov 20:49
Compare
Choose a tag to compare

What's Changed

  • fix: normalize tag selectors and sanitize key generation by @honeymaro in #65

New Contributors

Full Changelog: v1.0.1...v1.0.2

v1.0.1

04 Nov 08:49
Compare
Choose a tag to compare
  • fix @import

v1.0.0

01 Nov 12:13
Compare
Choose a tag to compare

Instead of generating React components, v1 now uses a different approach. It's built on standard HTML/CSS and generates a single mist.d.ts for type safety and code completion.

Setup is also greatly simplified and doesn't require running a separate process.

v0.5.6

30 Sep 22:40
Compare
Choose a tag to compare

What's Changed

New Contributors

Full Changelog: v0.5.5...v0.5.6

v0.5.5

04 Jul 22:20
Compare
Choose a tag to compare

What's Changed

  • Allow components not preceded by a comment by @akirak in #56

Full Changelog: v0.5.4...v0.5.5

v0.5.4

12 Jun 20:22
Compare
Choose a tag to compare

What's Changed

Usage

In your CSS component:

/* You can now add TSDoc comments in your CSS component */
@scope (button.custom-button) {

The generated component will contain:

/**
 * You can now add TSDoc comments in your CSS component 
 */
export function CustomButton // ...

Full Changelog: v0.5.3...v0.5.4

v0.5.3

26 May 20:24
Compare
Choose a tag to compare

What's Changed

  • docs: update start.mdx to fix broken page links by @desnor in #52
  • fix: correct children rendering in TSX output by @ysk8hori in #53

New Contributors

Full Changelog: v0.5.2...v0.5.3

v0.5.2 Demon Slayer

05 May 20:05
Compare
Choose a tag to compare


Mist Hashira

Vue Support

I'm proud to announce that MistCSS now supports Vue!
Also, following Vue's tradition, this release is named after an anime.

You can now write your atomic Vue components in CSS only! 💚

/* Button.mist.css */
@scope (button.custom-button) {
  /* ... */
}
mistcss ./components --target=vue
// App.vue
import CustomButton from 'Button.mist`