Reorganize styleguide (pattern library) to distinguish static layouts, styleguide from Sass powering it

styleguide/_source/styleguide-builder/kss-assets/kss-guides.js

@@ -0,0 +1,26 @@
+(function (window, document) {
+  'use strict';
+
+  var KssGuides = function (config) {
+    this.bodyClass = config.bodyClass || 'kss-guides-mode';
+
+    this.init();
+  };
+
+  KssGuides.prototype.init = function () {
+    var self = this;
+    // Initialize all guides toggle buttons.
+    document.querySelectorAll('a[data-kss-guides]').forEach(function (el) {
+      el.onclick = self.showGuides.bind(self);
+    });
+  };
+
+  // Toggle the guides mode.
+  KssGuides.prototype.showGuides = function () {
+    document.getElementsByTagName('body')[0].classList.toggle(this.bodyClass);
+  };
+
+  // Export to DOM global space.
+  window.KssGuides = KssGuides;
+
+})(window, document);