2

I'm using claat to write a codelab, as I'm told by official doc, I can write like this to show a infobox: Colorful info boxes

Positive
: This will appear in a positive info box.

Negative
: This will appear in a negative info box.

But when I write this and use claat tool to convert it to a HTML file, it just shows a text like this: just normal text

This is what I write:

Positive
: This will appear in a positive info box.
DIAC Z
  • 53
  • 4

2 Answers2

0

According to their Markdown Parser doc, you can also use elements, which is good for multi-line InfoBoxes:

<aside class="positive">
  This will appear in a positive info box.
  <p><code>single line code</code></p>
  <ul>
    <li>list item one</li>
    <li>list item two</li>
  </ul>
</aside>

<aside class="negative">
This will appear in a negative info box.
</aside>
piouson
  • 3,328
  • 3
  • 29
  • 29
0

It appears this was broken not by the css change, but rather by this PR back in 2020, which changed the markdown format for specifying infoboxes. Unfortunately, it didn't preserve backward compatibility and no one seems to have caught that at the time. One interesting thing to note is this change introduced a different markdown syntax for specifying infoboxes:

> aside positive
>
> Note: Your snappy text would go here.

> aside negative
>
> Note: Your snappy text would go here.

So, you can use the above native markdown syntax (I verified it works for me) if you prefer that for specifying infoboxes over embedded html aside elements.

Marc Cohen
  • 3,742
  • 2
  • 19
  • 19