for more information visit the package's GitHub page
Package contains the following modules:
Definition of Tailwind CSS classes as Elm types.
Library is inspirated by afidegnum/elm-tailwind, but I used types instead functions with all advantages and disadvantages.
Look in div's attribute list.
import TailwindCSS exposing (..)
import Html exposing (Html, div, text)
view : String -> Html msg
view str =
div [ tailwind [ TextGreen400, HOVER BgYellow400 ] ]
[ text "Green \"" ++ str ++ "\" with yellow background on hover"
]
If you call view "Hello world!"
you get something like this:
<div class="text-green-400 hover:bg-yellow-400">
Green "Hello world!" with yellow background on hover
</div>
Examples (TailwindCSS type to Tailwind Css class):