Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat req: add rem to px preview #200

Closed
reslear opened this issue Oct 7, 2020 · 6 comments
Closed

feat req: add rem to px preview #200

reslear opened this issue Oct 7, 2020 · 6 comments
Labels
enhancement New feature or request

Comments

@reslear
Copy link

reslear commented Oct 7, 2020

Sometimes, when developing, you need to use pixel equivalents, but they are not in memory)
add px preview for rems)
like
Снимок экрана 2020-10-07 в 13 19 34

and add option for set base size like 16px

@bradlc bradlc added the enhancement New feature or request label Oct 8, 2020
@reslear
Copy link
Author

reslear commented Nov 24, 2020

especially when using figma (no rem in it)
image

please add this featurure for easy use figma users, thx)

@bradlc
Copy link
Contributor

bradlc commented Dec 2, 2020

This has been added as an experimental feature which can be enabled by using the tailwindCSS.experimental.showPixelValues setting:

{
  "tailwindCSS.experimental.showPixelValues": true
}

Any feedback is appreciated!

@reslear
Copy link
Author

reslear commented Dec 2, 2020

@bradlc wooow thx, I'm starting to test)

@amrnn90
Copy link

amrnn90 commented Dec 22, 2020

Hi @bradlc,
Tried this and it's working great, but it doesn't seem to be working with space-x-* and space-y-* utilities.

@alesso-x
Copy link

Feature req: It would also be useful to configure the px value for 1 rem. I'm working on a project that changed the root font size to 14px 😬

bradlc added a commit that referenced this issue Feb 7, 2021
@bradlc
Copy link
Contributor

bradlc commented Feb 7, 2021

v0.5.9 adds two new settings: tailwindCSS.showPixelEquivalents (boolean, default true) and tailwindCSS.rootFontSize (number, default 16) 🎉

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

4 participants