phthhieu / re-tailwind Goto Github PK
View Code? Open in Web Editor NEWBrings TailwindCSS https://tailwindcss.com to ReasonML
Home Page: https://phthhieu.github.io/re-tailwind
License: MIT License
Brings TailwindCSS https://tailwindcss.com to ReasonML
Home Page: https://phthhieu.github.io/re-tailwind
License: MIT License
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
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
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.
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 ??
Hey,
This library looks really great! Thanks for putting it together :)
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
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.