npm - cronus-theme - Versions diffs - 2.0.88 → 2.0.90 - Mend

cronus-theme 2.0.88 → 2.0.90

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (438) hide show

package/child/styleguide/item-typo-text.html DELETED Viewed

@@ -1,214 +0,0 @@
-<!DOCTYPE html>
-<html class="no-js" lang="en">
-<head>
-  <meta charset="utf-8"/>
-  <title>Style Guide</title>
-  <meta name="description" content=""/>
-  <meta name="generator" content="kss-node"/>
-  <meta name="viewport" content="width=device-width"/>
-  <link rel="stylesheet" href="kss-assets/kss.css"/>
-  <link rel="stylesheet" href="../dist/css/addons/kss.css"/>
-<link rel="stylesheet" href="../../default/b2c/dist/css/doc.css"/>
-<link rel="stylesheet" href="../dist/css/doc.css"/>
-</head>
-<body id="kss-node" class="kss-fullscreen-mode">
-<div class="kss-sidebar kss-style">
-  <header class="kss-header">
-    <h1 class="kss-doc-title">Style Guide</h1>
-  </header>
-  <nav class="kss-nav" aria-label="Style Guide">
-    <ul class="kss-nav__menu">
-      <li class="kss-nav__menu-item">
-        <a class="kss-nav__menu-link" href="./">
-          <span class="kss-nav__ref">0</span
-          ><span class="kss-nav__name">Overview</span>
-        </a>
-      </li>
-      <li class="kss-nav__menu-item">
-        <a class="kss-nav__menu-link" href="section-base.html">
-          <span class="kss-nav__ref">1</span><span class="kss-nav__name">Base</span>
-        </a>
-      </li>
-      <li class="kss-nav__menu-item">
-        <a class="kss-nav__menu-link" href="section-colors.html">
-          <span class="kss-nav__ref">2</span><span class="kss-nav__name">Colors</span>
-        </a>
-      </li>
-      <li class="kss-nav__menu-item">
-        <a class="kss-nav__menu-link" href="section-components.html">
-          <span class="kss-nav__ref">3</span><span class="kss-nav__name">Components</span>
-        </a>
-      </li>
-      <li class="kss-nav__menu-item">
-        <a class="kss-nav__menu-link" href="section-form.html">
-          <span class="kss-nav__ref">4</span><span class="kss-nav__name">Form</span>
-        </a>
-      </li>
-      <li class="kss-nav__menu-item">
-        <a class="kss-nav__menu-link" href="section-navigations.html">
-          <span class="kss-nav__ref">5</span><span class="kss-nav__name">Navigations</span>
-        </a>
-      </li>
-      <li class="kss-nav__menu-item">
-        <a class="kss-nav__menu-link" href="section-shop.html">
-          <span class="kss-nav__ref">6</span><span class="kss-nav__name">Shop</span>
-        </a>
-      </li>
-      <li class="kss-nav__menu-item">
-        <a class="kss-nav__menu-link" href="section-siteparts.html">
-          <span class="kss-nav__ref">7</span><span class="kss-nav__name">Siteparts</span>
-        </a>
-      </li>
-      <li class="kss-nav__menu-item">
-        <a class="kss-nav__menu-link" href="section-structure.html">
-          <span class="kss-nav__ref">8</span><span class="kss-nav__name">Structure</span>
-        </a>
-      </li>
-      <li class="kss-nav__menu-item">
-        <a class="kss-nav__menu-link" href="section-typo.html">
-          <span class="kss-nav__ref">9</span><span class="kss-nav__name">Typo</span>
-        </a>
-      </li>
-    </ul>
-  </nav>
-</div>
-<main class="kss-main" aria-label="Content">
-  <article>
-    <div id="kssref-typo-text" class="kss-section kss-section--depth-2 is-fullscreen">
-      <div class="kss-style">
-        <h2 class="kss-title kss-title--level-2">
-          <a class="kss-title__permalink" href="#kssref-typo-text">
-            <span class="kss-title__ref">
-              9.4
-              <span class="kss-title__permalink-hash">
-                  #Typo.Text
-              </span>
-            </span>
-            Text
-          </a>
-        </h2>
-          <p class="kss-toolbar">
-            <a href="#kssref-typo-text" data-kss-guides="true">
-              <span class="kss-toolbar__tooltip">Toggle example guides</span>
-              <svg focusable="false" aria-hidden="true" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 64 64">
-                <rect class="kss-toolbar__icon-fill" x="5" y="35" width="5" height="9"/>
-                <rect class="kss-toolbar__icon-fill" x="54" y="21" width="5" height="9"/>
-                <rect class="kss-toolbar__icon-fill" x="54" y="35" width="5" height="9"/>
-                <rect class="kss-toolbar__icon-fill" x="5" y="21" width="5" height="9"/>
-                <rect class="kss-toolbar__icon-fill" x="5" y="0" width="5" height="15"/>
-                <rect class="kss-toolbar__icon-fill" x="35" y="5" width="9" height="5"/>
-                <rect class="kss-toolbar__icon-fill" x="20" y="5" width="9" height="5"/>
-                <rect class="kss-toolbar__icon-fill" x="0" y="5" width="15" height="5"/>
-                <rect class="kss-toolbar__icon-fill" x="54" y="0" width="5" height="15"/>
-                <rect class="kss-toolbar__icon-fill" x="49" y="5" width="15" height="5"/>
-                <rect class="kss-toolbar__icon-fill" x="54" y="49" width="5" height="15"/>
-                <rect class="kss-toolbar__icon-fill" x="49" y="54" width="15" height="5"/>
-                <rect class="kss-toolbar__icon-fill" x="5" y="49" width="5" height="15"/>
-                <rect class="kss-toolbar__icon-fill" x="0" y="54" width="15" height="5"/>
-                <rect class="kss-toolbar__icon-fill" x="35" y="54" width="9" height="5"/>
-                <rect class="kss-toolbar__icon-fill" x="20" y="54" width="9" height="5"/>
-              </svg>
-            </a>
-            <a href="#kssref-typo-text" data-kss-markup="true">
-              <span class="kss-toolbar__tooltip">Toggle HTML markup</span>
-              <svg focusable="false" aria-hidden="true" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 64 64">
-                <path class="kss-toolbar__icon-fill" d="M37.555,46.239l6.103,6.103l20.342,-20.342l-20.342,-20.342l-6.103,6.103l14.24,14.239l-14.24,14.239Z"/>
-                <path class="kss-toolbar__icon-fill" d="M26.445,17.761l-6.103,-6.103l-20.342,20.342l20.342,20.342l6.103,-6.103l-14.24,-14.239l14.24,-14.239Z"/>
-              </svg>
-            </a>
-          </p>
-      </div>
-        <div class="kss-modifier__wrapper">
-          <div class="kss-modifier__heading kss-style">
-            Examples
-          </div>
-            <div class="kss-modifier__default-name kss-style">
-              Default styling
-            </div>
-          <div class="kss-modifier__example">
-            <span class=""><strong>Lorem ipsum dolor sit amet</strong>, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</span>
-            <div class="kss-modifier__example-footer"></div>
-          </div>
-            <div class="kss-modifier__name kss-style">
-              .leadtext
-            </div>
-            <div class="kss-modifier__description kss-style">
-              Bigger Text
-            </div>
-            <div class="kss-modifier__example">
-              <span class="leadtext"><strong>Lorem ipsum dolor sit amet</strong>, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</span>
-              <div class="kss-modifier__example-footer"></div>
-            </div>
-            <div class="kss-modifier__name kss-style">
-              .smalltext
-            </div>
-            <div class="kss-modifier__description kss-style">
-              Smaller Text
-            </div>
-            <div class="kss-modifier__example">
-              <span class="smalltext"><strong>Lorem ipsum dolor sit amet</strong>, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</span>
-              <div class="kss-modifier__example-footer"></div>
-            </div>
-        </div>
-          <details class="kss-markup kss-style">
-            <summary>
-                Markup
-            </summary>
-            <pre class="hljs"><code class="language-handlebars"><span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;[modifier class]&quot;</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">strong</span>&gt;</span>Lorem ipsum dolor sit amet<span class="hljs-tag">&lt;/<span class="hljs-name">strong</span>&gt;</span>, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span></span></code></pre>
-          </details>
-        <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 2272
-        </div>
-    </div>
-</article>
-</main>
-<!-- SCRIPTS -->
-<script src="kss-assets/kss.js"></script>
-<script src="kss-assets/scrollspy.js"></script>
-<script src="kss-assets/kss-fullscreen.js"></script>
-<script src="kss-assets/kss-guides.js"></script>
-<script src="kss-assets/kss-markup.js"></script>
-<script>
-  var spy = new ScrollSpy('#kss-node', {
-    nav: '.kss-nav__menu-child > li > a',
-    className: 'is-in-viewport'
-  });
-  var kssFullScreen = new KssFullScreen({
-    idPrefix: 'kss-fullscreen-',
-    bodyClass: 'kss-fullscreen-mode',
-    elementClass: 'is-fullscreen'
-  });
-  var kssGuides = new KssGuides({
-    bodyClass: 'kss-guides-mode'
-  });
-  var kssMarkup = new KssMarkup({
-    bodyClass: 'kss-markup-mode',
-    detailsClass: 'kss-markup'
-  });
-</script>
-<script src="../../default/b2c/dist/js/main.js"></script>
-<script src="../dist/js/main.js"></script>
-<!-- Automatically built using <a href="https://github.com/kss-node/kss-node">kss-node</a>. -->
-</body>
-</html>

package/child/styleguide/item-typo.html DELETED Viewed

@@ -1,165 +0,0 @@
-<!DOCTYPE html>
-<html class="no-js" lang="en">
-<head>
-  <meta charset="utf-8"/>
-  <title>Style Guide</title>
-  <meta name="description" content=""/>
-  <meta name="generator" content="kss-node"/>
-  <meta name="viewport" content="width=device-width"/>
-  <link rel="stylesheet" href="kss-assets/kss.css"/>
-  <link rel="stylesheet" href="../dist/css/addons/kss.css"/>
-<link rel="stylesheet" href="../../default/b2c/dist/css/doc.css"/>
-<link rel="stylesheet" href="../dist/css/doc.css"/>
-</head>
-<body id="kss-node" class="kss-fullscreen-mode">
-<div class="kss-sidebar kss-style">
-  <header class="kss-header">
-    <h1 class="kss-doc-title">Style Guide</h1>
-  </header>
-  <nav class="kss-nav" aria-label="Style Guide">
-    <ul class="kss-nav__menu">
-      <li class="kss-nav__menu-item">
-        <a class="kss-nav__menu-link" href="./">
-          <span class="kss-nav__ref">0</span
-          ><span class="kss-nav__name">Overview</span>
-        </a>
-      </li>
-      <li class="kss-nav__menu-item">
-        <a class="kss-nav__menu-link" href="section-base.html">
-          <span class="kss-nav__ref">1</span><span class="kss-nav__name">Base</span>
-        </a>
-      </li>
-      <li class="kss-nav__menu-item">
-        <a class="kss-nav__menu-link" href="section-colors.html">
-          <span class="kss-nav__ref">2</span><span class="kss-nav__name">Colors</span>
-        </a>
-      </li>
-      <li class="kss-nav__menu-item">
-        <a class="kss-nav__menu-link" href="section-components.html">
-          <span class="kss-nav__ref">3</span><span class="kss-nav__name">Components</span>
-        </a>
-      </li>
-      <li class="kss-nav__menu-item">
-        <a class="kss-nav__menu-link" href="section-form.html">
-          <span class="kss-nav__ref">4</span><span class="kss-nav__name">Form</span>
-        </a>
-      </li>
-      <li class="kss-nav__menu-item">
-        <a class="kss-nav__menu-link" href="section-navigations.html">
-          <span class="kss-nav__ref">5</span><span class="kss-nav__name">Navigations</span>
-        </a>
-      </li>
-      <li class="kss-nav__menu-item">
-        <a class="kss-nav__menu-link" href="section-shop.html">
-          <span class="kss-nav__ref">6</span><span class="kss-nav__name">Shop</span>
-        </a>
-      </li>
-      <li class="kss-nav__menu-item">
-        <a class="kss-nav__menu-link" href="section-siteparts.html">
-          <span class="kss-nav__ref">7</span><span class="kss-nav__name">Siteparts</span>
-        </a>
-      </li>
-      <li class="kss-nav__menu-item">
-        <a class="kss-nav__menu-link" href="section-structure.html">
-          <span class="kss-nav__ref">8</span><span class="kss-nav__name">Structure</span>
-        </a>
-      </li>
-      <li class="kss-nav__menu-item">
-        <a class="kss-nav__menu-link" href="section-typo.html">
-          <span class="kss-nav__ref">9</span><span class="kss-nav__name">Typo</span>
-        </a>
-            <ul class="kss-nav__menu-child">
-              <li class="kss-nav__menu-item">
-                <a class="kss-nav__menu-link" href="section-typo.html#kssref-typo-headlines">
-                  <span class="kss-nav__ref ">9.1</span
-                  ><span class="kss-nav__name">Headlines</span>
-                </a>
-              </li>
-              <li class="kss-nav__menu-item">
-                <a class="kss-nav__menu-link" href="section-typo.html#kssref-typo-link-with-icon">
-                  <span class="kss-nav__ref ">9.2</span
-                  ><span class="kss-nav__name">Link with Icon</span>
-                </a>
-              </li>
-              <li class="kss-nav__menu-item">
-                <a class="kss-nav__menu-link" href="section-typo.html#kssref-typo-links">
-                  <span class="kss-nav__ref ">9.3</span
-                  ><span class="kss-nav__name">Links</span>
-                </a>
-              </li>
-              <li class="kss-nav__menu-item">
-                <a class="kss-nav__menu-link" href="section-typo.html#kssref-typo-text">
-                  <span class="kss-nav__ref ">9.4</span
-                  ><span class="kss-nav__name">Text</span>
-                </a>
-              </li>
-            </ul>
-      </li>
-    </ul>
-  </nav>
-</div>
-<main class="kss-main" aria-label="Content">
-  <article>
-    <div id="kssref-typo" class="kss-section kss-section--depth-1 is-fullscreen">
-      <div class="kss-style">
-        <h1 class="kss-title kss-title--level-1">
-          <a class="kss-title__permalink" href="#kssref-typo">
-            <span class="kss-title__ref">
-              9
-              <span class="kss-title__permalink-hash">
-                  #Typo
-              </span>
-            </span>
-            Typo
-          </a>
-        </h1>
-      </div>
-    </div>
-</article>
-</main>
-<!-- SCRIPTS -->
-<script src="kss-assets/kss.js"></script>
-<script src="kss-assets/scrollspy.js"></script>
-<script src="kss-assets/kss-fullscreen.js"></script>
-<script src="kss-assets/kss-guides.js"></script>
-<script src="kss-assets/kss-markup.js"></script>
-<script>
-  var spy = new ScrollSpy('#kss-node', {
-    nav: '.kss-nav__menu-child > li > a',
-    className: 'is-in-viewport'
-  });
-  var kssFullScreen = new KssFullScreen({
-    idPrefix: 'kss-fullscreen-',
-    bodyClass: 'kss-fullscreen-mode',
-    elementClass: 'is-fullscreen'
-  });
-  var kssGuides = new KssGuides({
-    bodyClass: 'kss-guides-mode'
-  });
-  var kssMarkup = new KssMarkup({
-    bodyClass: 'kss-markup-mode',
-    detailsClass: 'kss-markup'
-  });
-</script>
-<script src="../../default/b2c/dist/js/main.js"></script>
-<script src="../dist/js/main.js"></script>
-<!-- Automatically built using <a href="https://github.com/kss-node/kss-node">kss-node</a>. -->
-</body>
-</html>

package/child/styleguide/kss-assets/WARNING.txt DELETED Viewed

	@@ -1,2 +0,0 @@
1	- WARNING: This folder is deleted and re-recreated each time the style guide is
2	- built. Do NOT put your own files in this folder.

package/child/styleguide/kss-assets/github-fork--black.png DELETED Viewed

Binary file

package/child/styleguide/kss-assets/kss-fullscreen.js DELETED Viewed

@@ -1,60 +0,0 @@
-(function (window, document) {
-  'use strict';
-  // Set the configuration values on object creation.
-  // - idPrefix: The string that uniquely prefixes the ID of all elements that
-  //   can receive the fullscreen focus.
-  // - bodyClass: The class that is set on the body element when the fullscreen
-  //   mode is toggled on.
-  // - elementClass: the class that is set on the element that is receiving the
-  //   fullscreen focus.
-  var KssFullScreen = function (config) {
-    this.idPrefix = config.idPrefix || 'kss-fullscreen-';
-    this.bodyClass = config.bodyClass || 'kss-fullscreen-mode';
-    this.elementClass = config.elementClass || 'is-fullscreen';
-    this.init();
-  };
-  // Initialize the page to see if the fullscreen mode should be immediately
-  // turned on.
-  KssFullScreen.prototype.init = function () {
-    // Check the location hash to see if it matches the idPrefix.
-    if (window.location.hash.slice(0, this.idPrefix.length + 1) === '#' + this.idPrefix) {
-      this.setFocus(window.location.hash.slice(1 + this.idPrefix.length));
-    }
-    var self = this;
-    // Initialize all fullscreen toggle buttons.
-    var elementList = document.querySelectorAll('a[data-kss-fullscreen]');
-    for (var button of elementList) {
-      // Get the section reference from the data attribute.
-      button.onclick = self.setFocus.bind(self, button.dataset.kssFullscreen);
-    }
-  };
-  // Activation function that takes the ID of the element that will receive
-  // fullscreen focus.
-  KssFullScreen.prototype.setFocus = function (id) {
-    var el;
-    // Find the element with the given ID and start fullscreen mode.
-    if (el = document.getElementById(id)) {
-      el.classList.toggle('is-fullscreen');
-      document.body.classList.toggle('kss-fullscreen-mode');
-      // When enabling the focus mode, change the location hash.
-      if (el.classList.contains('is-fullscreen')) {
-        window.location.hash = '#' + this.idPrefix + id;
-        // Don't follow the link location.
-        return false;
-      }
-    }
-    return true;
-  };
-  // Export to DOM global space.
-  window.KssFullScreen = KssFullScreen;
-})(window, document);

package/child/styleguide/kss-assets/kss-guides.js DELETED Viewed

@@ -1,27 +0,0 @@
-(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.
-    var elementList = document.querySelectorAll('a[data-kss-guides]');
-    for (var button of elementList) {
-      button.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);

package/child/styleguide/kss-assets/kss-markup.js DELETED Viewed

@@ -1,42 +0,0 @@
-(function (window, document) {
-  'use strict';
-  var KssMarkup = function (config) {
-    this.bodyClass = config.bodyClass || 'kss-markup-mode';
-    this.detailsClass = config.detailsClass || 'kss-markup';
-    this.init();
-  };
-  KssMarkup.prototype.init = function () {
-    var self = this;
-    // Initialize all markup toggle buttons.
-    var elementList = document.querySelectorAll('a[data-kss-markup]');
-    for (var button of elementList) {
-      button.onclick = self.showGuides.bind(self);
-    };
-  };
-  // Activation function that takes the ID of the element that will receive
-  // fullscreen focus.
-  KssMarkup.prototype.showGuides = function () {
-    var body = document.getElementsByTagName('body')[0],
-      enabled = body.classList.contains(this.bodyClass);
-    var elementList = document.querySelectorAll('.' + this.detailsClass);
-    for (var el of elementList) {
-      if (enabled) {
-        el.removeAttribute('open');
-      } else {
-        el.setAttribute('open', '');
-      }
-    }
-    // Toggle the markup mode.
-    body.classList.toggle(this.bodyClass);
-  };
-  // Export to DOM global space.
-  window.KssMarkup = KssMarkup;
-})(window, document);

package/child/styleguide/kss-assets/kss.css DELETED Viewed

@@ -1 +0,0 @@

- .kss-style{color:#444;font-family:Helvetica,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:24px}.kss-style a{color:#0645ad;text-decoration:none;transition-property:color;transition-duration:0.5s}.kss-style a:visited{color:#0645ad}.kss-style a:hover,.kss-style a:focus{color:#2272f7}.kss-style a:active{color:#faa700}.kss-style a:hover,.kss-style a:active{outline:0}.kss-style p{margin:12px 0 24px 0}.kss-style h1,.kss-style h2,.kss-style h3,.kss-style h4,.kss-style h5,.kss-style h6{margin:24px 0 0 0;font-family:Helvetica,"Helvetica Neue",Arial,sans-serif;color:#111;line-height:1.15em}.kss-style h4,.kss-style h5,.kss-style h6{font-weight:bold}.kss-style h1{font-size:40px}.kss-style h2{font-size:36px}.kss-style h3{font-size:34px}.kss-style h4{font-size:32px}.kss-style h5{font-size:30px}.kss-style h6{font-size:28px}.kss-style blockquote{color:#666;margin:0;padding-left:24px;border-left:0.5em #d9d9d9 solid}.kss-style hr{display:block;height:2px;border:0;border-top:1px solid #ddd;border-bottom:1px solid #e6e6e6;margin:24px 0;padding:0}.kss-style pre,.kss-style code,.kss-style kbd,.kss-style samp{font-family:Menlo,"Ubuntu Mono","Lucida Console","Courier New",Courier,monospace;color:#2b2b2b;font-size:1em}.kss-style pre{white-space:pre;overflow:scroll}.kss-style ins{color:#111;background:#ff9;text-decoration:none}.kss-style mark{color:#111;background:#ff0;font-weight:bold}.kss-style sub,.kss-style sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.kss-style sup{top:-0.5em}.kss-style sub{bottom:-0.25em}.kss-style ul,.kss-style ol{margin:24px 0;padding:0 0 0 24px}.kss-style li p:last-child{margin:0}.kss-style dd{margin:0 0 0 24px}.kss-style img{max-width:100%;border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}.kss-style table{border-collapse:collapse;border-spacing:0}.kss-style td{vertical-align:top}@media print{.kss-style a,.kss-style a:visited{text-decoration:underline}.kss-style hr{height:1px;border:0;border-bottom:1px solid black}.kss-style a[href]:after{content:" (" attr(href) ")"}.kss-style a[href^="javascript:"]:after,.kss-style a[href^="#"]:after{content:""}.kss-style abbr[title]:after{content:" (" attr(title) ")"}.kss-style pre,.kss-style blockquote{border:1px solid #999;padding-right:1em;page-break-inside:avoid}.kss-style tr,.kss-style img{page-break-inside:avoid}.kss-style img{max-width:100% !important}.kss-style p,.kss-style h2,.kss-style h3{orphans:3;widows:3}.kss-style h2,.kss-style h3{page-break-after:avoid}}#kss-node{margin:0;padding:20px;background:#fff}#kss-node.kss-fullscreen-mode .kss-sidebar,#kss-node.kss-fullscreen-mode .kss-section:not(.is-fullscreen),#kss-node.kss-fullscreen-mode .kss-github{display:none}@media screen and (min-width: 769px){#kss-node{padding:0}#kss-node .kss-main,#kss-node .kss-sidebar{float:left;margin-right:-100%;box-sizing:border-box}}#kss-node .kss-main{width:100%;margin:0 auto}@media screen and (min-width: 769px){#kss-node .kss-main{width:80%;margin-left:20%;padding:0 20px 0 30px}}#kss-node .kss-sidebar{border-bottom:1px solid #ddd}@media screen and (min-width: 769px){#kss-node .kss-sidebar{position:fixed;width:20%;height:100%;overflow:auto;padding:0 10px 0 20px;border-bottom:0;background-image:url(noise-low.png),-ms-radial-gradient(#fff, #eee);background-image:url(noise-low.png),-o-radial-gradient(#fff, #eee);background-image:url(noise-low.png),-webkit-radial-gradient(#fff, #eee);background-image:url(noise-low.png),radial-gradient(#fff, #eee);box-shadow:inset -10px 0 10px -10px rgba(0,0,0,0.7)}}#kss-node .kss-doc-title{margin:0}@media screen and (min-width: 769px){#kss-node .kss-doc-title{font-size:1.5em}}@media screen and (min-width: 769px){#kss-node .kss-header,#kss-node .kss-nav{margin-top:2em}}#kss-node .kss-nav__menu{margin-top:12px;margin-bottom:12px;padding:0;list-style-type:none}#kss-node .kss-nav__menu-item{display:inline-block;padding-right:24px}@media screen and (min-width: 769px){#kss-node .kss-nav__menu-item{display:list-item;padding-right:0}}#kss-node .kss-nav__menu-link{position:relative;display:inline-block}@media screen and (min-width: 769px){#kss-node .kss-nav__menu-link:before{content:' ';position:absolute;left:-20px;width:0;height:100%;background-color:rgba(0,0,0,0)}}#kss-node .kss-nav__menu-link.is-in-viewport:before{background-color:#000;width:5px;transition:background-color .4s, width .6s}#kss-node .kss-nav__menu-child{display:none}@media screen and (min-width: 769px){#kss-node .kss-nav__menu-child{display:block;list-style-type:none;margin:0;padding:0}#kss-node .kss-nav__menu-child li:first-child{margin-top:10px;border-top:1px solid #ccc;padding:10px 0 0}#kss-node .kss-nav__menu-child li:last-child{margin-bottom:10px;border-bottom:1px solid #ccc;padding:0 0 10px}}#kss-node .kss-nav__ref{color:#333;font-weight:bold}#kss-node .kss-nav__ref:after{content:' '}#kss-node .kss-nav__ref-child{font-weight:normal}#kss-node .kss-section{margin-bottom:48px}#kss-node .kss-section.is-fullscreen{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:100% !important;margin:0 !important;min-width:0 !important;max-width:none !important;min-height:0 !important;max-height:none !important;box-sizing:border-box !important;object-fit:contain !important;transform:none !important;overflow:auto !important;padding:20px}#kss-node .kss-title{margin-bottom:0}#kss-node .is-fullscreen .kss-title{margin-top:0}#kss-node .kss-title__ref{display:block;font-size:16px;line-height:16px;color:#666}#kss-node .kss-title__ref:before{content:'Section '}#kss-node .kss-title__permalink{display:block;color:#000;text-decoration:none}#kss-node .kss-title__permalink:hover,#kss-node .kss-title__permalink:focus,#kss-node .kss-title__permalink:active{color:#0645ad}@media screen and (min-width: 607px){#kss-node .kss-title__permalink:hover .kss-title__permalink-hash,#kss-node .kss-title__permalink:focus .kss-title__permalink-hash,#kss-node .kss-title__permalink:active .kss-title__permalink-hash{display:inline}}#kss-node .kss-title__permalink-hash{display:none;color:#ccc}#kss-node .kss-toolbar{margin:6px 0 24px;display:inline-block;border:1px solid #eee;background-color:#f9f9f9;border-right-color:#e0e0e0;border-bottom-color:#e0e0e0;line-height:1;padding:3px}#kss-node .kss-toolbar a{box-sizing:content-box;display:inline-block;width:16px;height:16px;padding:3px;vertical-align:top;position:relative;overflow:visible}#kss-node .kss-toolbar a+a{margin-left:6px}#kss-node .kss-toolbar a .kss-toolbar__icon-fill{fill:#ccc}#kss-node .kss-toolbar a svg.on{display:none}#kss-node .kss-toolbar a:focus,#kss-node .kss-toolbar a:hover{border-color:#000}#kss-node .kss-toolbar a:focus .kss-toolbar__icon-fill,#kss-node .kss-toolbar a:hover .kss-toolbar__icon-fill{fill:#000}#kss-node .kss-toolbar__tooltip{position:absolute;z-index:1;display:inline-block;bottom:100%;left:-10px;margin-bottom:5px;border:solid 1px #666;padding:8px 10px 6px;box-shadow:2px 2px 2px rgba(0,0,0,0.25);white-space:nowrap;color:#000;background:#fff;cursor:help;opacity:0;transition:opacity 0.25s;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);word-wrap:normal}#kss-node .kss-toolbar__tooltip:before,#kss-node .kss-toolbar__tooltip:after{content:'';position:absolute;bottom:-8px;left:15px;width:0;height:0;border-width:7px 5px 0;border-color:#666 transparent;border-style:solid}#kss-node .kss-toolbar__tooltip:after{bottom:-6px;border-top-color:#fff}#kss-node a:focus>.kss-toolbar__tooltip,#kss-node a:hover>.kss-toolbar__tooltip{opacity:1;clip:auto;height:auto;width:auto;overflow:visible}#kss-node .is-fullscreen .kss-toolbar a[data-kss-fullscreen],#kss-node.kss-guides-mode .kss-toolbar a[data-kss-guides],#kss-node.kss-markup-mode .kss-toolbar a[data-kss-markup]{border-color:#666;background-color:#666}#kss-node .is-fullscreen .kss-toolbar a[data-kss-fullscreen] .kss-toolbar__icon-fill,#kss-node.kss-guides-mode .kss-toolbar a[data-kss-guides] .kss-toolbar__icon-fill,#kss-node.kss-markup-mode .kss-toolbar a[data-kss-markup] .kss-toolbar__icon-fill{fill:#fff}#kss-node .is-fullscreen .kss-toolbar a[data-kss-fullscreen] svg.on,#kss-node.kss-guides-mode .kss-toolbar a[data-kss-guides] svg.on,#kss-node.kss-markup-mode .kss-toolbar a[data-kss-markup] svg.on{display:block}#kss-node .is-fullscreen .kss-toolbar a[data-kss-fullscreen] svg.off,#kss-node.kss-guides-mode .kss-toolbar a[data-kss-guides] svg.off,#kss-node.kss-markup-mode .kss-toolbar a[data-kss-markup] svg.off{display:none}#kss-node .kss-parameters{display:table;list-style-type:none;margin-top:0;margin-left:0;padding-left:0}#kss-node .kss-parameters__title{font-weight:bold}#kss-node .kss-parameters__item{display:table-row}#kss-node .kss-parameters__name{display:table-cell;padding-right:20px;white-space:nowrap}#kss-node .kss-parameters__description{display:table-cell}#kss-node .kss-parameters__default-value code{white-space:nowrap}#kss-node .kss-modifier__wrapper{border:1px solid #ccc;padding:0 10px 10px}#kss-node .is-fullscreen .kss-modifier__wrapper{margin-left:-20px;margin-right:-20px;padding-left:0;padding-right:0;border:none}#kss-node .kss-modifier__heading{margin:0 -10px 10px -10px;padding:10px;border-bottom:1px solid #ccc;background-color:#eee;font-weight:bold}#kss-node .is-fullscreen .kss-modifier__heading{margin:0 20px 10px;border:1px solid #ccc}#kss-node .kss-modifier__default-name{font-weight:bold;margin-bottom:12px}#kss-node .is-fullscreen .kss-modifier__default-name{margin-left:20px;margin-right:20px}#kss-node .kss-modifier__name{float:left;padding-right:10px;font-weight:bold}#kss-node .is-fullscreen .kss-modifier__name{margin-left:20px}#kss-node .kss-modifier__description{margin-bottom:12px}#kss-node .is-fullscreen .kss-modifier__description{margin-right:20px}#kss-node .kss-modifier__example{clear:left;border:2px dashed transparent;position:relative;z-index:0;margin:-2px -2px 22px}#kss-node .kss-modifier__example:last-child{margin-bottom:0}#kss-node.kss-guides-mode .kss-modifier__example:before,#kss-node.kss-guides-mode .kss-modifier__example:after,#kss-node.kss-guides-mode .kss-modifier__example-footer:before,#kss-node.kss-guides-mode .kss-modifier__example-footer:after{z-index:-1;box-sizing:border-box;content:'';position:absolute;width:5px;height:5px;border:2px solid #000}#kss-node.kss-guides-mode .kss-modifier__example{border-color:#000}#kss-node.kss-guides-mode .kss-modifier__example:before{top:-5px;left:-5px;border-top:0;border-left:0}#kss-node.kss-guides-mode .kss-modifier__example:after{top:-5px;right:-5px;border-top:0;border-right:0}#kss-node.kss-guides-mode.kss-fullscreen-mode .kss-modifier__example:before{left:auto;right:0}#kss-node.kss-guides-mode.kss-fullscreen-mode .kss-modifier__example:after{right:auto;left:0}#kss-node .kss-modifier__example-footer{clear:both}#kss-node.kss-guides-mode .kss-modifier__example-footer:before{bottom:-5px;left:-5px;border-bottom:0;border-left:0}#kss-node.kss-guides-mode .kss-modifier__example-footer:after{bottom:-5px;right:-5px;border-right:0;border-bottom:0}#kss-node.kss-guides-mode.kss-fullscreen-mode .kss-modifier__example-footer:before{left:auto;right:0}#kss-node.kss-guides-mode.kss-fullscreen-mode .kss-modifier__example-footer:after{right:auto;left:0}#kss-node .kss-markup{margin:24px 0;border:1px solid #ccc}#kss-node .kss-markup[open] summary{border-bottom:1px solid #ccc}#kss-node .kss-markup summary{padding-left:10px}#kss-node .kss-markup pre{margin:0}#kss-node .kss-colors{list-style:none;padding:0;margin:0;display:flex;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;margin:0 -.5em}#kss-node .kss-colors>*{flex:0 0 auto;padding:0 .5em;margin-bottom:1em;width:16em}#kss-node .kss-colors .kss-color{height:100%}#kss-node .kss-color{background:#fff;border:1px solid #ccc;margin:0;padding:0}#kss-node .kss-color-figure{height:3em}#kss-node .kss-color-caption{padding:.5em}#kss-node .kss-color-name{display:block;font-weight:bold;color:#444}#kss-node .kss-color-code{display:block;color:#666}#kss-node .kss-color-desc{font-size:.875em}#kss-node .kss-source{font-size:80%}#kss-node .kss-github{display:none}@media screen and (min-width: 501px){#kss-node .kss-github{display:block;position:absolute;top:0;right:0}}#kss-node .kss-github img{border:0}#kss-node pre.hljs code{color:inherit}#kss-node .hljs{display:block;overflow-x:auto;padding:0.5em;background:#1E1E1E;color:#DCDCDC}#kss-node .hljs-keyword,#kss-node .hljs-literal,#kss-node .hljs-symbol,#kss-node .hljs-name{color:#569CD6}#kss-node .hljs-link{color:#569CD6;text-decoration:underline}#kss-node .hljs-built_in,#kss-node .hljs-type{color:#4EC9B0}#kss-node .hljs-number,#kss-node .hljs-class{color:#B8D7A3}#kss-node .hljs-string,#kss-node .hljs-meta-string{color:#D69D85}#kss-node .hljs-regexp,#kss-node .hljs-template-tag{color:#9A5334}#kss-node .hljs-subst,#kss-node .hljs-function,#kss-node .hljs-title,#kss-node .hljs-params,#kss-node .hljs-formula{color:#DCDCDC}#kss-node .hljs-comment,#kss-node .hljs-quote{color:#57A64A;font-style:italic}#kss-node .hljs-doctag{color:#608B4E}#kss-node .hljs-meta,#kss-node .hljs-meta-keyword,#kss-node .hljs-tag{color:#9B9B9B}#kss-node .hljs-variable,#kss-node .hljs-template-variable{color:#BD63C5}#kss-node .hljs-attr,#kss-node .hljs-attribute,#kss-node .hljs-builtin-name{color:#9CDCFE}#kss-node .hljs-section{color:gold}#kss-node .hljs-emphasis{font-style:italic}#kss-node .hljs-strong{font-weight:bold}#kss-node .hljs-bullet,#kss-node .hljs-selector-tag,#kss-node .hljs-selector-id,#kss-node .hljs-selector-class,#kss-node .hljs-selector-attr,#kss-node .hljs-selector-pseudo{color:#D7BA7D}#kss-node .hljs-addition{background-color:#144212;display:inline-block;width:100%}#kss-node .hljs-deletion{background-color:#600;display:inline-block;width:100%}

package/child/styleguide/kss-assets/kss.js DELETED Viewed

@@ -1,53 +0,0 @@
-(function() {
-  var KssStateGenerator;
-  KssStateGenerator = (function() {
-    var pseudo_selectors;
-    pseudo_selectors = ['hover', 'enabled', 'disabled', 'active', 'visited', 'focus', 'target', 'checked', 'empty', 'first-of-type', 'last-of-type', 'first-child', 'last-child'];
-    function KssStateGenerator() {
-      var idx, idxs, pseudos, replaceRule, rule, stylesheet, _i, _len, _len2, _ref, _ref2;
-      pseudos = new RegExp("(\\:" + (pseudo_selectors.join('|\\:')) + ")", "g");
-      try {
-        _ref = document.styleSheets;
-        for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-          stylesheet = _ref[_i];
-          if (stylesheet.href && stylesheet.href.indexOf(document.domain) >= 0) {
-            idxs = [];
-            _ref2 = stylesheet.cssRules;
-            for (idx = 0, _len2 = _ref2.length; idx < _len2; idx++) {
-              rule = _ref2[idx];
-              if ((rule.type === CSSRule.STYLE_RULE) && pseudos.test(rule.selectorText)) {
-                replaceRule = function(matched, stuff) {
-                  return matched.replace(/\:/g, '.pseudo-class-');
-                };
-                this.insertRule(rule.cssText.replace(pseudos, replaceRule));
-              }
-              pseudos.lastIndex = 0;
-            }
-          }
-        }
-      } catch (_error) {}
-    }
-    KssStateGenerator.prototype.insertRule = function(rule) {
-      var headEl, styleEl;
-      headEl = document.getElementsByTagName('head')[0];
-      styleEl = document.createElement('style');
-      styleEl.type = 'text/css';
-      if (styleEl.styleSheet) {
-        styleEl.styleSheet.cssText = rule;
-      } else {
-        styleEl.appendChild(document.createTextNode(rule));
-      }
-      return headEl.appendChild(styleEl);
-    };
-    return KssStateGenerator;
-  })();
-  new KssStateGenerator;
-}).call(this);