A Living Styleguide with Brunch and KSS

brunch-config.coffee

module.exports =
  config:
    paths:
      watched: ['app/', 'styleguide/']
    files:
      javascripts:
        joinTo: 'app.js'
      stylesheets:
        joinTo:
          'app.css': /^app/,
          'styleguide.css': /^styleguide/
    plugins:
      kss:
        kssConfig:
          source: ["app"]
          homepage: "styleguide.md"
      browserSync:
        port: 3333,
        server: {
          baseDir: ["public/styleguide", "public"],
          directory: false,
          index: "index.html"
        },
        files: ["public/styleguide/**/*.html"]
      sass:
        precision: 10
        options:
          includePaths: ['bower_components']

package.json

{
  "name": "<name>",
  "version": "<version>",
  "dependencies": {
    "bourbon": "^4.2.6"
  },
  "devDependencies": {
    "bower": "^1.8.0",
    "browser-sync-brunch": "0.0.9",
    "brunch": "^2.1.3",
    "kssbrunch": "^0.0.5",
    "sass-brunch": "^1.9.2"
  }
}