Elm-Css can be used to write type-safe inline styles or generate Css files that you can include in your application normally.

Examples Styles.elm

``` type Classes = GreenBg | White | Yellow

css : Css.Stylesheet css = Css.stylesheet <| Css.Namespace.namespace "main" [ Css.class GreenBg [ Css.height (Css.px 300), Css.backgroundColor (Css.rgb 51 153 51) ] , Css.class White [ Css.color Colors.white ] , Css.class Yellow [ Css.color (Css.rgb 244 208 107) ] ]

```

View.elm

``` { id, class, classList } = Html.CssHelpers.withNamespace "main"

view : Model -> Html msg view model = Html.header [ class [ GreenBg ] ] [ div [] [ a [ href "/" ] [ span [] [ text "Elm" ] , span [] [ text "seeds" ] ] ] ]

```

Links * rtfeldman/elm-css * Stackoverflow: Run command after webpack build