Mokshit06/typewind

Improve DX by showing the PX equivalent for the REM values

guitheengineer opened this issue · 3 comments

Describe the feature you'd like to request

Show the equivalent of the rem value in PX on the typings. This is useful because usually the layout token values are given in PX instead of rem.
How it is currently:
image

Describe the solution you'd like

Something like the tailwind intellisense already does would be great (see the // 16px)
image

Looking into this rn. Hit a roadblock because we are generating css docs in typescript using the JSDoc syntax and the css comment is clashing with this and ending the comment. Will have to look at some other way to make this work.

Should now work with 627eab2. You will have to create a typewind config file for this. Will add this to the docs ASAP.

This has been added in v0.0.9. You need to add the following to your package.json and run npx typewind generate:

{
  "typewind": {
    "showPixelEquivalents": true
  }
}

Screenshot 2023-02-02 at 12 37 32 PM