Elm The Html.Attributes module does not expose css - elm

Question

Elm cannot find css for some reason
import Html.Attributes exposing (class, css)
elm.json:
{
"type": "application",
"source-directories": [
"src"
],
"elm-version": "0.19.1",
"dependencies": {
"direct": {
"elm/browser": "1.0.2",
"elm/core": "1.0.5",
"elm/html": "1.0.0",
"matheus23/elm-default-tailwind-modules": "2.0.3",
"rtfeldman/elm-css": "17.0.5"
},
"indirect": {
"elm/json": "1.1.3",
"elm/time": "1.0.0",
"elm/url": "1.0.0",
"elm/virtual-dom": "1.0.2",
"robinheghan/murmur3": "1.0.0",
"rtfeldman/elm-hex": "1.0.0"
}
},
"test-dependencies": {
"direct": {},
"indirect": {}
}
}

Answer 1

css isn't part of the core Elm Html.Attribute module, it's part of elm-css (which I see you've included in your elm.json), which introduces the Html.Styled, Html.Styled.Attributes, Html.Styled.Events modules that are basically drop-in replacements for their non-Styled counterparts, but with css support.
So just change:
import Html.Attributes exposing (class, css)
To:
import Html.Styled.Attributes exposing (class, css)
And you should be good.
For details, see their docs - https://package.elm-lang.org/packages/rtfeldman/elm-css/17.0.5/