[{"name":"Tailwind.SortAndGroupClasses","comment":"\n\n@docs rule\n\n","unions":[],"aliases":[],"values":[{"name":"rule","comment":" Reports unsorted Tailwind CSS classes in `Attr.class` declarations and provides\nautomatic fixes to organize them into logical groups.\n\n    config =\n        [ Tailwind.SortAndGroupClasses.rule\n        ]\n\n\n## Fail\n\n    Html.div\n        [ Attr.class \"text-gray-700 mt-4 flex p-2 bg-white\"\n        ]\n        []\n\n\n## Success\n\n    Html.div\n        [ Attr.class \"flex\"\n        , Attr.class \"p-2\"\n        , Attr.class \"mt-4\"\n        , Attr.class \"text-gray-700\"\n        , Attr.class \"bg-white\"\n        ]\n        []\n\n\n## When (not) to enable this rule\n\nThis rule is useful when you want consistent, readable Tailwind class organization\nacross your Elm codebase. It helps maintain a standard ordering and grouping of\nutility classes.\n\nThis rule is not useful when you have a different preferred class ordering, or\nwhen you're not using Tailwind CSS with `Attr.class` patterns.\n\n\n## Try it out\n\nYou can try this rule out by running the following command:\n\n```bash\nelm-review --template cekrem/elm-review-tailwind/example --rules Tailwind.SortAndGroupClasses\n```\n\n","type":"Review.Rule.Rule"}],"binops":[]}]