# Matheus23/elm-default-tailwind-modules and elm-explorations/markdown

**URL:** <https://discourse.elm-lang.org/t/matheus23-elm-default-tailwind-modules-and-elm-explorations-markdown/7439>\
**Category:** Learn\
**Created:** [June 6, 2021, 5:15pm UTC](https://discourse.elm-lang.org/t/matheus23-elm-default-tailwind-modules-and-elm-explorations-markdown/7439 "2021-06-06T17:15:47Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![hans-helmut](https://avatars.discourse-cdn.com/v4/letter/h/d9b06d/32.png) [@hans-helmut](https://discourse.elm-lang.org/u/hans-helmut)\
**Post date:** [June 6, 2021, 5:15pm UTC](https://discourse.elm-lang.org/t/matheus23-elm-default-tailwind-modules-and-elm-explorations-markdown/7439/1 "2021-06-06T17:15:47Z")

</div>

As elm-default-tailwind-modues resets CSS, markdown misses the points in lists:

[Example in Elllie](https://ellie-app.com/dpcyTf6SzKMa1)

Is there a simple way to fix it?

---

<div class="post-metadata">

**Author:** ![dillonkearns](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.elm-lang.org/dillonkearns/32/1587_2.png) [@dillonkearns](https://discourse.elm-lang.org/u/dillonkearns)\
**Post date:** [June 6, 2021, 6:54pm UTC](https://discourse.elm-lang.org/t/matheus23-elm-default-tailwind-modules-and-elm-explorations-markdown/7439/2 "2021-06-06T18:54:38Z")

</div>

`elm-default-tailwind-modules` comes with a `Tailwind.Utilities.prose` style.

[https://ellie-app.com/dpf9VvmKbhLa1](https://ellie-app.com/dpf9VvmKbhLa1)

The naming is a bit odd, but you can read more about Tailwind’s `prose` here, it’s designed to help you style the HTML rendered from standard markdown, so this is exactly what it’s there for.

> **[tailwindlabs/tailwindcss-typography](https://github.com/tailwindlabs/tailwindcss-typography)**
>
> Contribute to tailwindlabs/tailwindcss-typography development by creating an account on GitHub.

Hope that helps!

---

<div class="post-metadata">

**Author:** ![hans-helmut](https://avatars.discourse-cdn.com/v4/letter/h/d9b06d/32.png) [@hans-helmut](https://discourse.elm-lang.org/u/hans-helmut)\
**Post date:** [June 7, 2021, 6:18am UTC](https://discourse.elm-lang.org/t/matheus23-elm-default-tailwind-modules-and-elm-explorations-markdown/7439/3 "2021-06-07T06:18:12Z")

</div>

@dillonkearns, yes this helps, thank you very much!

---

<div class="post-metadata">

**Author:** ![dillonkearns](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.elm-lang.org/dillonkearns/32/1587_2.png) [@dillonkearns](https://discourse.elm-lang.org/u/dillonkearns)\
**Post date:** [June 10, 2021, 5:24pm UTC](https://discourse.elm-lang.org/t/matheus23-elm-default-tailwind-modules-and-elm-explorations-markdown/7439/4 "2021-06-10T17:24:29Z")

</div>

I guess I should also mention `dillonkearns/elm-markdown`, which is intended for a similar purpose: to allow you to customize what your markdown output renders to. So you could use it to render to `elm-ui`, for example. Or `elm-tailwind-modules`.

I’ve been using it with this renderer:

> <https://github.com/dillonkearns/elm-pages/blob/37b3efc055756446644936bec20b1aae7e84d477/examples/docs/src/TailwindMarkdownRenderer.elm>

That’s what it looks like in the code for the elm-pages 2.0 docs (not released yet, but here are the beta docs: [https://deploy-preview-176--elm-pages.netlify.app/docs/](https://deploy-preview-176--elm-pages.netlify.app/docs/)).

So if you want more fine-grained control of the markdown output, you could take a look at using a custom renderer in [`dillonkearns/elm-markdown`](https://github.com/dillonkearns/elm-markdown). For simpler use cases, just using the `prose` styling will be a great solution of course.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex035/uploads/elm_lang/original/1X/50a05e53677a2c3b47776d7abd0f113eb50193a1.png) [@system](https://discourse.elm-lang.org/u/system)\
**Post date:** [June 20, 2021, 5:25pm UTC](https://discourse.elm-lang.org/t/matheus23-elm-default-tailwind-modules-and-elm-explorations-markdown/7439/5 "2021-06-20T17:25:09Z")

</div>

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.