elm-review-tailwindcss

Provides elm-review rules to use when you primarily use TailwindCSS to style your Elm application.

Provided rules

• TailwindCss.NoCssConflict - Reports if multiple classes in a single class string modify the same css properties.
• TailwindCss.NoUnknownClasses - Reports if classes are used that are not known at compile-time.
• TailwindCss.ConsistentClassOrder - Reports if classes are not ordered according to the TailwindCSS recommendations.

Configuration

module ReviewConfig exposing (config)

import Review.Rule exposing (Rule)
import TailwindCss.ConsistentClassOrder
import TailwindCss.NoCssConflict
import TailwindCss.NoUnknownClasses
-- Note that this module is not provided! You have to generate the module yourself using postcss and our postcss-plugin.
import TailwindCss.ClassOrder exposing (classOrder)

config : List Rule
config =
    [ TailwindCss.ConsistentClassOrder.rule (TailwindCss.ConsistentClassOrder.defaultConfig classOrder)
    , TailwindCss.NoCssConflict.rule
    , TailwindCss.NoUnknownClasses.rule (TailwindCss.NoUnknownClasses.defaultConfig classOrder)
    ]

Try it out

You can try the example configuration above out by running the following command:

elm-review --template anmolitor/elm-review-tailwindcss/example