Skip to content

v2.1.0

Compare
Choose a tag to compare
@KamiKillertO KamiKillertO released this 25 Sep 13:12
· 114 commits to master since this release
2da3b07

Feat

Beautify HTML output using prettier

Currently, the HTML generated for the code sample using PUG is not very readable.
Here's what it looks like for a button group.
Capture
This is because PUG has been designed to generate HTML that works and that's all (they have no intention an adding a beautify feature).

In a documentation code samples should be as readable as possible to help the reader. There's already a beautifier included (https://beautifier.io/) but for some reason, it's not working correctly. This is why we've decided to replace it with prettier which works and can make the code sample more readable.
Here's the same example as before but beautified with prettier.
Screenshot_20200925_114307

Limit code sample boxes width

Styledown CSS has been updated to limit the width of the code boxes to 500px max. This is to prevent them from taking to much space on documentation pages