tailwindlabs/tailwindcss-jit

Generate arbitrary styles without writing custom CSS

k16e opened this issue · 2 comments

k16e commented

What version of @tailwindcss/jit are you using?

v0.1.4

What version of Node.js are you using?

v14.15.1

What browser are you using?

Chrome

What operating system are you using?

macOS

Reproduction repository

https://www.loom.com/share/4ea348de8342480eb00912acb5974ddb

Doesn't seem to work with other CSS properties except "top" or "left" or any position offset.

roberthamel commented

Hi, I watched your clip.

top-[640px] is working because it is a valid tailwind prefix: https://tailwindcss.com/docs/top-right-bottom-left

max-height-[640px] is not a tailwind prefix. try max-h-[640px] https://tailwindcss.com/docs/max-height

Same with margin-[56px]. Try m-[56px] instead. https://tailwindcss.com/docs/margin.

  • 👍2
  • 🎉1
k16e-me commented

Thanks, @roberthamel. Ye got it!