kss-node

*** This is based on the original gulp-kss with kss-pug as a dependency to allow pug (formerly jade) markup instead of full html

Install

npm install gulp-kss-pug

Pug Markup

In kss-node you can include sample markup in your styleguide entries. This is not only helpful for newcomers to a project, but is also used by the generator to include samples in your styleguide - just start a paragraph in your description section with Markup: like so:

// Buttons
//
// Buttons can and should be clicked.
//
// Markup:
// button.button(class="{$modifiers}")
//
// :hover - Highlight the button when hovered.
//
// Styleguide 1.1

Multi-line descriptions. You can run your descriptions over multiple lines and paragraphs, and if you don't want to include the "modifiers" section you don't have to.