LivingStyleGuide

Easily create living style guides/front-end style guides/pattern libraries by adding Markdown documentation to your Sass project. By clicking the color swatch in the style guide, users can copy the hex code of the color (useful for designers). When pointing the cursor on the variable name, it will be copied on click instead (useful for developers). The output will respect newlines. You can add any CSS to each example if it helps to make it better in the style guide only. You can set options to apply to all commands or all commands giving a name. This is useful when you depend on Haml or other templating engines. If you want your style guide to work as an API, you might have views already written somewhere else and don’t want to write the same HTML code into the style guide.