Tailwindcss Style Changes not applied to Nested Markdown Shortcodes

support
1

I have some nested content like (see below). Each shortcode is using Tailwindcss for some styles.

Everything works fine except now I find that when I change some of the css classes on the nested shortcodes that the result is not applying. When I inspect the browser I see the latest class is not updating at all.

{{% section %}}
  {{% h1 %}}
  # Awesome Header
  {{% /h1 %}}
  {{% p %}}
  lorem ipsum paragraph
  {{% /p %}}
{{% /section %}}

I found that if I structure my markdown like this (see below). With the “problem” shortcode on the top layer in the .md (even commented out) that the classes apply fine.

<!--
  {{% h1 %}}
  # DEMO
  {{% /h1 %}} -->

{{% section %}}
  {{% h1 %}}
  # Awesome Header
  {{% /h1 %}}
  {{% p %}}
  lorem ipsum paragraph
  {{% /p %}}
{{% /section %}}

Is this some memory issue?

Command: hugo -vw server
Hugo: Hugo Static Site Generator v0.68.3 linux/amd64 BuildDate: unknown
OS: Fedora x86_64 
Kernel: 5.6.2-301.fc32.x86_64 
Memory: 6417MiB / 7703MiB

Note I do have config.toml settings

# needed for html in %% markdown shortcodes
[markup.goldmark.renderer]
unsafe= true
2

Hi there,

It would be easier to help you if you have your site code somewhere we can clone.