Arbitrary values, screen import and important prefix #451
ben-rogerson
started this conversation in
Releases
Replies: 1 comment
-
Thank you so much for the great work! Twin really rocks 👏 |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
New: Arbitrary values (#447)
Twin now supports the same arbitrary values syntax popularized by Tailwind’s jit ("Just-in-Time") mode.
This is a great way to add once-off values that don’t need to be in your tailwind config.
Read more about arbitrary values →
New: Important prefix (#449)
Also from Tailwind JIT, is the bang
!
prefix to add important styles:Twin will continue to support a bang at the end of the class too - so you've got a couple of options.
See the pr for more info →
New: Screen import (#408)
The screen import creates media queries for custom css that sync with your tailwind config screen values (sm, md, lg, etc).
Usage with the css prop
Usage with styled components
Read more about the screen import →
Bugfixes
[divide/space]-[x-/y-]reverse
(space-x-reverse does not generate the correct variable value #359)This discussion was created from the release Arbitrary values, screen import and important prefix.
Beta Was this translation helpful? Give feedback.
All reactions