phthhieu/re-tailwind

Brings TailwindCSS https://tailwindcss.com to ReasonML

phthhieu

re-tailwind's Issues

Add support for Responsive Design variants

First of all great job; we are using re-tailwind for a prototype implementation that is planned to go into production.

At the moment we are supporting responsive design variants by using bs-css addUnsafeClass but it would be great to have this out of the box and strongly typed.

let navBarBody = TW.( [Display(Block) ] |> make) |> addUnsafeClass("lg:hidden");

Let me know if I can help on this.

Thanks Again
Alberto

Great job!!

Hey,

This library looks really great! Thanks for putting it together :)

Width generates incorrect javascript

According to the tailwind docs (https://tailwindcss.com/docs/width), the fractional widths should be specified in "w-1/3". But you generate "w-1_3" instead.

Unexpected token '{' at html{line-height

Atter adding [%bs.raw {|require("tailwindcss/dist/tailwind.min.css")|}]; to our index.re, we get an error unexpected token '{'.
Followed the installation steps as per the github readme
Any idea about this ??

PurgeCSS not recognizing classes

Hey folks!

When this library is used in combination with purgecss, it does not properly parse the used classes, so they are not added to the bundled css.
However, it's rather useful for tailwind, because it reduces the bundling-size by a lot.

Do you have some idea of a common workflow with that?

I've seen that one may manually whitelist classes, or manually remove unused ones, but it's cumbersome.

The ts-package has an automatic approach:
https://github.com/dvkndn/typed.tw#compile-time-usage-with-webpack
Do you think this would be feasable here as well, maybe even using a ppx?

Best Wishes

Add support for CSS grid utilites

I noticed that tailwind has added CSS grid utilities. It would be nice to have access to those here.

You can reference the tailwind PR that adds the new utilities: tailwindlabs/tailwindcss#1274

I have a draft PR created #12