Recently I was working on the backend and front end of a Laravel App that made heavy use of tailwind css. TailwindsCSS was new to me, and for those of you who have not seen it - In their words, they say "Rapidly build modern websites without ever leaving your HTML. A utility-first CSS framework packed with classes like flex, pt-4, text-center androtate-90 that can be composed to build any design, directly in your markup.”
I have had a lot of help form this forum over the years and wanted to give something back. This example file shows several ways to use tailwinds and hype with two methods, local and json. Also included with a layout that shows alerts and buttons, and a fun little (rough) package label simulator. The dynamic portion of the example file assumes you have access to a server. I have removed the examples and changed the location of everything to a GitHub repository so I can make adjustments more readily.
changes to this file:
external links for CSS file, reduced the size of the hype output quite a bit. If you are using a CDN this can really help things out.
I hope you find this helpful! This is the first time I am uploading a file to the tips and tricks, any feedback is helpful.
~~ Alex Steele ~~