Markdown.css

Markdown is my go to format for writing absolutely everything. I find it easier to understand the structure when there are visual indicators with what I am reading or writing. For example, having the # character next to headings helps show were sections of content start and end without having to rely on the font size. Or being able to see the href of a hyperlink within the text to help work out if it’s somewhere I want to go.

I wanted to show my love for Markdown on the design for my CV, so I hacked together a set of css rules to style semantic HTML as markdown. These became a Github Gist for a few months until I recently decided to reserect the project. Since then I’ve added support for more of the Markdown syntax, fixed a few bugs, and setup a demo.

The project can be found on Github.