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

cronus-theme 2.0.89 → 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 (240) hide show

package/Gulpfile.js +4 -3
package/README.md +1 -12
package/default/b2b.yaml +2 -1
package/default/b2c.yaml +2 -1
package/default/catalog.yaml +2 -1
package/default/login.yaml +2 -1
package/default/templates/emails/basicmail/basicmail.mustache +2 -2
package/default/templates/emails/basicmail/basicmailFooter.mustache +1 -1
package/default/templates/emails/basicmail/basicmailHeader.mustache +1 -1
package/default/templates/emails/footerText.mustache +12 -12
package/default/templates/emails/ordermail/orderLines.mustache +5 -5
package/default/templates/emails/ordermail/ordermail.mustache +1 -1
package/default/templates/emails/ordermail/ordermailDcOrder.mustache +1 -1
package/default/templates/emails/ordermail/ordermailDetails.mustache +17 -17
package/default/templates/emails/ordermail/ordermailFooter.mustache +1 -1
package/default/templates/emails/ordermail/ordermailHeader.mustache +5 -5
package/default/templates/emails/ordermail/ordermailIntro.mustache +1 -1
package/default/templates/emails/ordermail/ordermailIntroText.mustache +1 -1
package/default/templates/emails/ordermail/ordermailItem.mustache +1 -1
package/default/templates/emails/ordermail/ordermailItemHeadline.mustache +1 -1
package/default/templates/emails/ordermail/ordermailItemList.mustache +1 -1
package/default/templates/shop/item_statistics_account.mustache +1 -1
package/default/website.yaml +2 -1
package/package.json +1 -1
package/child/404_de.html +0 -32
package/child/404_en.html +0 -32
package/child/Gulpfile.js +0 -463
package/child/build/doc/doc.css +0 -21873
package/child/build/favicons/android-chrome-192x192.png +0 -0
package/child/build/favicons/android-chrome-512x512.png +0 -0
package/child/build/favicons/apple-touch-icon.png +0 -0
package/child/build/favicons/browserconfig.xml +0 -9
package/child/build/favicons/favicon-16x16.png +0 -0
package/child/build/favicons/favicon-32x32.png +0 -0
package/child/build/favicons/favicon.ico +0 -0
package/child/build/favicons/faviconData.json +0 -1
package/child/build/favicons/mstile-144x144.png +0 -0
package/child/build/favicons/mstile-150x150.png +0 -0
package/child/build/favicons/mstile-310x150.png +0 -0
package/child/build/favicons/mstile-310x310.png +0 -0
package/child/build/favicons/mstile-70x70.png +0 -0
package/child/build/favicons/safari-pinned-tab.svg +0 -36
package/child/build/favicons/site.webmanifest +0 -19
package/child/child.yaml +0 -137
package/child/ck_styles.js +0 -90
package/child/config.json +0 -37
package/child/dist/css/addons/errorPages.css +0 -1
package/child/dist/css/addons/fck.css +0 -1
package/child/dist/css/addons/kss.css +0 -1
package/child/dist/css/child.css +0 -1
package/child/dist/css/child1734010270.css +0 -1
package/child/dist/css/doc.css +0 -1
package/child/dist/css/doc1734010270.css +0 -1
package/child/dist/favicons/android-chrome-192x192.png +0 -0
package/child/dist/favicons/android-chrome-512x512.png +0 -0
package/child/dist/favicons/apple-touch-icon.png +0 -0
package/child/dist/favicons/browserconfig.xml +0 -9
package/child/dist/favicons/favicon-16x16.png +0 -0
package/child/dist/favicons/favicon-32x32.png +0 -0
package/child/dist/favicons/favicon.ico +0 -0
package/child/dist/favicons/faviconData.json +0 -1
package/child/dist/favicons/mstile-144x144.png +0 -0
package/child/dist/favicons/mstile-150x150.png +0 -0
package/child/dist/favicons/mstile-310x150.png +0 -0
package/child/dist/favicons/mstile-310x310.png +0 -0
package/child/dist/favicons/mstile-70x70.png +0 -0
package/child/dist/favicons/safari-pinned-tab.svg +0 -36
package/child/dist/favicons/site.webmanifest +0 -19
package/child/dist/fonts/barlow-600.woff +0 -0
package/child/dist/fonts/barlow-600.woff2 +0 -0
package/child/dist/fonts/barlow-700.woff +0 -0
package/child/dist/fonts/barlow-700.woff2 +0 -0
package/child/dist/fonts/barlow-regular.woff +0 -0
package/child/dist/fonts/barlow-regular.woff2 +0 -0
package/child/dist/fonts/icons1689843011.woff +0 -0
package/child/dist/fonts/icons1689843011.woff2 +0 -0
package/child/dist/fonts/icons1689843343.woff +0 -0
package/child/dist/fonts/icons1689843343.woff2 +0 -0
package/child/dist/fonts/icons1734010270.woff +0 -0
package/child/dist/fonts/icons1734010270.woff2 +0 -0
package/child/dist/js/child.js +0 -2
package/child/dist/js/child.js.map +0 -7
package/child/dist/js/child1734010270.js +0 -2
package/child/dist/snippets/css/child.html +0 -1
package/child/dist/snippets/css/doc.html +0 -1
package/child/dist/snippets/faviconmarkup.html +0 -9
package/child/dist/snippets/iconfont.html +0 -1
package/child/dist/snippets/js/child.html +0 -1
package/child/frontend.php +0 -266
package/child/homepage.md +0 -1
package/child/kss-config.json +0 -17
package/child/package.json +0 -65
package/child/sample.jpg +0 -0
package/child/src/favicon/favicon.svg +0 -1
package/child/src/fonts/barlow-600.woff +0 -0
package/child/src/fonts/barlow-600.woff2 +0 -0
package/child/src/fonts/barlow-700.woff +0 -0
package/child/src/fonts/barlow-700.woff2 +0 -0
package/child/src/fonts/barlow-regular.woff +0 -0
package/child/src/fonts/barlow-regular.woff2 +0 -0
package/child/src/fonts/icons1689843011.woff +0 -0
package/child/src/fonts/icons1689843011.woff2 +0 -0
package/child/src/fonts/icons1689843343.woff +0 -0
package/child/src/fonts/icons1689843343.woff2 +0 -0
package/child/src/icons/icons1734010270.woff +0 -0
package/child/src/icons/icons1734010270.woff2 +0 -0
package/child/src/js/child.js +0 -0
package/child/src/scss/_print.scss +0 -5
package/child/src/scss/addons/errorPages.scss +0 -109
package/child/src/scss/addons/fck.scss +0 -6
package/child/src/scss/addons/kss.scss +0 -108
package/child/src/scss/base/_fonts.scss +0 -27
package/child/src/scss/base/_icons.scss +0 -968
package/child/src/scss/base/_variables.scss +0 -0
package/child/src/scss/child.scss +0 -11
package/child/src/scss/doc.scss +0 -2
package/child/src/scss/mixins/_breakpoints.scss +0 -127
package/child/src/scss/mixins/_functions.scss +0 -273
package/child/src/scss/mixins/_grid.scss +0 -85
package/child/src/scss/mixins/_mixins.scss +0 -3
package/child/src/scss/template/_icons.scss +0 -33
package/child/src/snippets/faviconmarkup.html +0 -0
package/child/src/snippets/includeCSS.html +0 -1
package/child/src/snippets/includeFont.html +0 -1
package/child/src/snippets/includeJS.html +0 -1
package/child/styleguide/index.html +0 -119
package/child/styleguide/item-base-button-link.html +0 -191
package/child/styleguide/item-base-buttons.html +0 -244
package/child/styleguide/item-base-fake-tables.html +0 -221
package/child/styleguide/item-base-icons.html +0 -290
package/child/styleguide/item-base-lists.html +0 -216
package/child/styleguide/item-base-tables.html +0 -221
package/child/styleguide/item-base-tags-group.html +0 -209
package/child/styleguide/item-base-tags.html +0 -224
package/child/styleguide/item-base.html +0 -171
package/child/styleguide/item-colors-background.html +0 -305
package/child/styleguide/item-colors-border.html +0 -263
package/child/styleguide/item-colors-font.html +0 -304
package/child/styleguide/item-colors.html +0 -159
package/child/styleguide/item-components-action-icon.html +0 -244
package/child/styleguide/item-components-actionbox.html +0 -195
package/child/styleguide/item-components-alerts.html +0 -244
package/child/styleguide/item-components-breadcrumb.html +0 -209
package/child/styleguide/item-components-custom-select.html +0 -588
package/child/styleguide/item-components-filegallery.html +0 -223
package/child/styleguide/item-components-iconbar.html +0 -378
package/child/styleguide/item-components-iconbox.html +0 -197
package/child/styleguide/item-components-iconlist.html +0 -205
package/child/styleguide/item-components-modals.html +0 -319
package/child/styleguide/item-components-pagination.html +0 -215
package/child/styleguide/item-components-processbar.html +0 -225
package/child/styleguide/item-components-radio-list.html +0 -297
package/child/styleguide/item-components-rating.html +0 -213
package/child/styleguide/item-components-scrollbar.html +0 -327
package/child/styleguide/item-components-searchbar.html +0 -204
package/child/styleguide/item-components-share-links.html +0 -209
package/child/styleguide/item-components-tags-group.html +0 -209
package/child/styleguide/item-components-tags.html +0 -254
package/child/styleguide/item-components-trust-infobar.html +0 -205
package/child/styleguide/item-components-trustbar.html +0 -213
package/child/styleguide/item-components-trustlist.html +0 -211
package/child/styleguide/item-components.html +0 -261
package/child/styleguide/item-form-checkboxes-switch.html +0 -195
package/child/styleguide/item-form-checkboxes.html +0 -195
package/child/styleguide/item-form-file-input.html +0 -252
package/child/styleguide/item-form-infield-input-groups.html +0 -215
package/child/styleguide/item-form-input-groups-addons.html +0 -286
package/child/styleguide/item-form-input-groups.html +0 -210
package/child/styleguide/item-form-inputs.html +0 -398
package/child/styleguide/item-form-label-left-input-groups.html +0 -201
package/child/styleguide/item-form-radioboxes-switch.html +0 -211
package/child/styleguide/item-form.html +0 -189
package/child/styleguide/item-navigations-mainnav.html +0 -239
package/child/styleguide/item-navigations-nav.html +0 -215
package/child/styleguide/item-navigations-navgroup.html +0 -538
package/child/styleguide/item-navigations-subnav.html +0 -295
package/child/styleguide/item-navigations-toggle-navigation.html +0 -216
package/child/styleguide/item-navigations.html +0 -171
package/child/styleguide/item-shop-accountbox.html +0 -318
package/child/styleguide/item-shop-amount-lines.html +0 -243
package/child/styleguide/item-shop-attributes-icons.html +0 -205
package/child/styleguide/item-shop-categorybox.html +0 -227
package/child/styleguide/item-shop-categorylist-itempreview.html +0 -247
package/child/styleguide/item-shop-categorylist.html +0 -257
package/child/styleguide/item-shop-checkout-buttons.html +0 -205
package/child/styleguide/item-shop-filter.html +0 -707
package/child/styleguide/item-shop-history-list-item.html +0 -213
package/child/styleguide/item-shop-inventory.html +0 -300
package/child/styleguide/item-shop-list-type-switch.html +0 -207
package/child/styleguide/item-shop-order-history-list.html +0 -254
package/child/styleguide/item-shop-orderboxsummary.html +0 -267
package/child/styleguide/item-shop-orderbutton.html +0 -297
package/child/styleguide/item-shop-orderitemlist.html +0 -263
package/child/styleguide/item-shop-prices-list-graduated.html +0 -247
package/child/styleguide/item-shop-prices-list.html +0 -217
package/child/styleguide/item-shop-prices.html +0 -199
package/child/styleguide/item-shop-promotions.html +0 -201
package/child/styleguide/item-shop-quantity-spinner.html +0 -366
package/child/styleguide/item-shop-sorting.html +0 -271
package/child/styleguide/item-shop-state.html +0 -279
package/child/styleguide/item-shop-variantselection.html +0 -199
package/child/styleguide/item-shop.html +0 -243
package/child/styleguide/item-siteparts-filegallery.html +0 -223
package/child/styleguide/item-siteparts-scrollbar.html +0 -294
package/child/styleguide/item-siteparts-slidecontent.html +0 -217
package/child/styleguide/item-siteparts.html +0 -159
package/child/styleguide/item-structure-containers.html +0 -234
package/child/styleguide/item-structure-grid.html +0 -373
package/child/styleguide/item-structure-margins.html +0 -307
package/child/styleguide/item-structure-paddings.html +0 -307
package/child/styleguide/item-structure.html +0 -165
package/child/styleguide/item-typo-alignment-transform.html +0 -274
package/child/styleguide/item-typo-headlines.html +0 -225
package/child/styleguide/item-typo-link-with-icon.html +0 -254
package/child/styleguide/item-typo-links.html +0 -224
package/child/styleguide/item-typo-text.html +0 -214
package/child/styleguide/item-typo.html +0 -165
package/child/styleguide/kss-assets/WARNING.txt +0 -2
package/child/styleguide/kss-assets/github-fork--black.png +0 -0
package/child/styleguide/kss-assets/kss-fullscreen.js +0 -60
package/child/styleguide/kss-assets/kss-guides.js +0 -27
package/child/styleguide/kss-assets/kss-markup.js +0 -42
package/child/styleguide/kss-assets/kss.css +0 -1
package/child/styleguide/kss-assets/kss.js +0 -53
package/child/styleguide/kss-assets/kss.scss +0 -746
package/child/styleguide/kss-assets/noise-low.png +0 -0
package/child/styleguide/kss-assets/sample-inline.png +0 -0
package/child/styleguide/kss-assets/sample-inline.svg +0 -3
package/child/styleguide/kss-assets/sample.png +0 -0
package/child/styleguide/kss-assets/sample.svg +0 -3
package/child/styleguide/kss-assets/scrollspy.js +0 -147
package/child/styleguide/section-base.html +0 -784
package/child/styleguide/section-colors.html +0 -743
package/child/styleguide/section-components.html +0 -3375
package/child/styleguide/section-form.html +0 -1383
package/child/styleguide/section-navigations.html +0 -1194
package/child/styleguide/section-shop.html +0 -3333
package/child/styleguide/section-siteparts.html +0 -605
package/child/styleguide/section-structure.html +0 -1002
package/child/styleguide/section-typo.html +0 -698

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

@@ -1,698 +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" >
-<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 ">
-      <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>
-    <section id="kssref-typo-headlines" class="kss-section kss-section--depth-2 ">
-      <div class="kss-style">
-        <h2 class="kss-title kss-title--level-2">
-          <a class="kss-title__permalink" href="#kssref-typo-headlines">
-            <span class="kss-title__ref">
-              9.1
-              <span class="kss-title__permalink-hash">
-                  #Typo.Headlines
-              </span>
-            </span>
-            Headlines
-          </a>
-        </h2>
-          <p class="kss-toolbar">
-              <a href="#kssref-typo-headlines" data-kss-fullscreen="kssref-typo-headlines">
-                <span class="kss-toolbar__tooltip">Toggle full screen</span>
-                <svg focusable="false" aria-hidden="true" class="off" 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="M64 0v26l-10-10-12 12-6-6 12-12-10-10zM28 42l-12 12 10 10h-26v-26l10 10 12-12z"></path>
-                </svg>
-                <svg focusable="false" aria-hidden="true" class="on" 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="M28 36v26l-10-10-12 12-6-6 12-12-10-10zM64 6l-12 12 10 10h-26v-26l10 10 12-12z"></path>
-                </svg>
-              </a>
-              <a href="item-typo-headlines.html" target="_blank">
-                <span class="kss-toolbar__tooltip">Open in new window</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 x="0" y="20" width="40" height="44" fill="#fff"/>
-                  <path class="kss-toolbar__icon-fill" d="M40,64l-40,0l0,-44l40,0l0,44Zm-36,-40l0,36l32,0l0,-36l-32,0Z"/>
-                  <rect class="kss-toolbar__icon-fill" x="0" y="20" width="40" height="10"/>
-                  <rect x="24" y="0" width="40" height="44" fill="#fff"/>
-                  <path class="kss-toolbar__icon-fill" d="M64,44l-40,0l0,-44l40,0l0,44Zm-36,-40l0,36l32,0l0,-36l-32,0Z"/>
-                  <rect class="kss-toolbar__icon-fill" x="24" y="0" width="40" height="10"/>
-                </svg>
-              </a>
-            <a href="#kssref-typo-headlines" 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-headlines" 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">
-            Example
-          </div>
-          <div class="kss-modifier__example">
-            <h1>h1</h1>
-<h2>h2</h2>
-<h3>h3</h3>
-<h4>h4</h4>
-<h5>h5</h5>
-<h6>h6</h6>
-<div class="h1">.h1</div>
-<div class="h2">.h2</div>
-<div class="h3">.h3</div>
-<div class="h4">.h4</div>
-<div class="h5">.h5</div>
-<div class="h6">.h6</div>
-<h1 class="highlighted">h1.highlighted</h1>
-<h2 class="highlighted">h2.highlighted</h2>
-<h3 class="highlighted">h3.highlighted</h3>
-<h4 class="highlighted">h4.highlighted</h4>
-<h5 class="highlighted">h5.highlighted</h5>
-<h6 class="highlighted">h6.highlighted</h6>
-            <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">h1</span>&gt;</span>h1<span class="hljs-tag">&lt;/<span class="hljs-name">h1</span>&gt;</span>
-<span class="hljs-tag">&lt;<span class="hljs-name">h2</span>&gt;</span>h2<span class="hljs-tag">&lt;/<span class="hljs-name">h2</span>&gt;</span>
-<span class="hljs-tag">&lt;<span class="hljs-name">h3</span>&gt;</span>h3<span class="hljs-tag">&lt;/<span class="hljs-name">h3</span>&gt;</span>
-<span class="hljs-tag">&lt;<span class="hljs-name">h4</span>&gt;</span>h4<span class="hljs-tag">&lt;/<span class="hljs-name">h4</span>&gt;</span>
-<span class="hljs-tag">&lt;<span class="hljs-name">h5</span>&gt;</span>h5<span class="hljs-tag">&lt;/<span class="hljs-name">h5</span>&gt;</span>
-<span class="hljs-tag">&lt;<span class="hljs-name">h6</span>&gt;</span>h6<span class="hljs-tag">&lt;/<span class="hljs-name">h6</span>&gt;</span>
-<span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;h1&quot;</span>&gt;</span>.h1<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-<span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;h2&quot;</span>&gt;</span>.h2<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-<span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;h3&quot;</span>&gt;</span>.h3<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-<span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;h4&quot;</span>&gt;</span>.h4<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-<span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;h5&quot;</span>&gt;</span>.h5<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-<span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;h6&quot;</span>&gt;</span>.h6<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-<span class="hljs-tag">&lt;<span class="hljs-name">h1</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;highlighted&quot;</span>&gt;</span>h1.highlighted<span class="hljs-tag">&lt;/<span class="hljs-name">h1</span>&gt;</span>
-<span class="hljs-tag">&lt;<span class="hljs-name">h2</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;highlighted&quot;</span>&gt;</span>h2.highlighted<span class="hljs-tag">&lt;/<span class="hljs-name">h2</span>&gt;</span>
-<span class="hljs-tag">&lt;<span class="hljs-name">h3</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;highlighted&quot;</span>&gt;</span>h3.highlighted<span class="hljs-tag">&lt;/<span class="hljs-name">h3</span>&gt;</span>
-<span class="hljs-tag">&lt;<span class="hljs-name">h4</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;highlighted&quot;</span>&gt;</span>h4.highlighted<span class="hljs-tag">&lt;/<span class="hljs-name">h4</span>&gt;</span>
-<span class="hljs-tag">&lt;<span class="hljs-name">h5</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;highlighted&quot;</span>&gt;</span>h5.highlighted<span class="hljs-tag">&lt;/<span class="hljs-name">h5</span>&gt;</span>
-<span class="hljs-tag">&lt;<span class="hljs-name">h6</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;highlighted&quot;</span>&gt;</span>h6.highlighted<span class="hljs-tag">&lt;/<span class="hljs-name">h6</span>&gt;</span></span></code></pre>
-          </details>
-        <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 2370
-        </div>
-    </section>
-    <section id="kssref-typo-link-with-icon" class="kss-section kss-section--depth-2 ">
-      <div class="kss-style">
-        <h2 class="kss-title kss-title--level-2">
-          <a class="kss-title__permalink" href="#kssref-typo-link-with-icon">
-            <span class="kss-title__ref">
-              9.2
-              <span class="kss-title__permalink-hash">
-                  #Typo.Link with Icon
-              </span>
-            </span>
-            Link with Icon
-          </a>
-        </h2>
-          <p class="kss-toolbar">
-              <a href="#kssref-typo-link-with-icon" data-kss-fullscreen="kssref-typo-link-with-icon">
-                <span class="kss-toolbar__tooltip">Toggle full screen</span>
-                <svg focusable="false" aria-hidden="true" class="off" 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="M64 0v26l-10-10-12 12-6-6 12-12-10-10zM28 42l-12 12 10 10h-26v-26l10 10 12-12z"></path>
-                </svg>
-                <svg focusable="false" aria-hidden="true" class="on" 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="M28 36v26l-10-10-12 12-6-6 12-12-10-10zM64 6l-12 12 10 10h-26v-26l10 10 12-12z"></path>
-                </svg>
-              </a>
-              <a href="item-typo-link-with-icon.html" target="_blank">
-                <span class="kss-toolbar__tooltip">Open in new window</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 x="0" y="20" width="40" height="44" fill="#fff"/>
-                  <path class="kss-toolbar__icon-fill" d="M40,64l-40,0l0,-44l40,0l0,44Zm-36,-40l0,36l32,0l0,-36l-32,0Z"/>
-                  <rect class="kss-toolbar__icon-fill" x="0" y="20" width="40" height="10"/>
-                  <rect x="24" y="0" width="40" height="44" fill="#fff"/>
-                  <path class="kss-toolbar__icon-fill" d="M64,44l-40,0l0,-44l40,0l0,44Zm-36,-40l0,36l32,0l0,-36l-32,0Z"/>
-                  <rect class="kss-toolbar__icon-fill" x="24" y="0" width="40" height="10"/>
-                </svg>
-              </a>
-            <a href="#kssref-typo-link-with-icon" 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-link-with-icon" 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">
-            <a href="#" class="linkWithIcon "><i class="icon icon-favorites"></i><span>Text</span></a>
-            <div class="kss-modifier__example-footer"></div>
-          </div>
-            <div class="kss-modifier__name kss-style">
-              :hover
-            </div>
-            <div class="kss-modifier__description kss-style">
-              Hover
-            </div>
-            <div class="kss-modifier__example">
-              <a href="#" class="linkWithIcon pseudo-class-hover"><i class="icon icon-favorites"></i><span>Text</span></a>
-              <div class="kss-modifier__example-footer"></div>
-            </div>
-            <div class="kss-modifier__name kss-style">
-              :focus
-            </div>
-            <div class="kss-modifier__description kss-style">
-              Focus
-            </div>
-            <div class="kss-modifier__example">
-              <a href="#" class="linkWithIcon pseudo-class-focus"><i class="icon icon-favorites"></i><span>Text</span></a>
-              <div class="kss-modifier__example-footer"></div>
-            </div>
-            <div class="kss-modifier__name kss-style">
-              :active
-            </div>
-            <div class="kss-modifier__description kss-style">
-              Active
-            </div>
-            <div class="kss-modifier__example">
-              <a href="#" class="linkWithIcon pseudo-class-active"><i class="icon icon-favorites"></i><span>Text</span></a>
-              <div class="kss-modifier__example-footer"></div>
-            </div>
-            <div class="kss-modifier__name kss-style">
-              .is-loading
-            </div>
-            <div class="kss-modifier__description kss-style">
-              Loading
-            </div>
-            <div class="kss-modifier__example">
-              <a href="#" class="linkWithIcon is-loading"><i class="icon icon-favorites"></i><span>Text</span></a>
-              <div class="kss-modifier__example-footer"></div>
-            </div>
-            <div class="kss-modifier__name kss-style">
-              .is-success
-            </div>
-            <div class="kss-modifier__description kss-style">
-              Success
-            </div>
-            <div class="kss-modifier__example">
-              <a href="#" class="linkWithIcon is-success"><i class="icon icon-favorites"></i><span>Text</span></a>
-              <div class="kss-modifier__example-footer"></div>
-            </div>
-            <div class="kss-modifier__name kss-style">
-              .is-error
-            </div>
-            <div class="kss-modifier__description kss-style">
-              Error
-            </div>
-            <div class="kss-modifier__example">
-              <a href="#" class="linkWithIcon is-error"><i class="icon icon-favorites"></i><span>Text</span></a>
-              <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">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;#&quot;</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;linkWithIcon [modifier class]&quot;</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">i</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;icon icon-favorites&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">span</span>&gt;</span>Text<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span></span></code></pre>
-          </details>
-        <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 12192
-        </div>
-    </section>
-    <section id="kssref-typo-links" class="kss-section kss-section--depth-2 ">
-      <div class="kss-style">
-        <h2 class="kss-title kss-title--level-2">
-          <a class="kss-title__permalink" href="#kssref-typo-links">
-            <span class="kss-title__ref">
-              9.3
-              <span class="kss-title__permalink-hash">
-                  #Typo.Links
-              </span>
-            </span>
-            Links
-          </a>
-        </h2>
-          <p class="kss-toolbar">
-              <a href="#kssref-typo-links" data-kss-fullscreen="kssref-typo-links">
-                <span class="kss-toolbar__tooltip">Toggle full screen</span>
-                <svg focusable="false" aria-hidden="true" class="off" 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="M64 0v26l-10-10-12 12-6-6 12-12-10-10zM28 42l-12 12 10 10h-26v-26l10 10 12-12z"></path>
-                </svg>
-                <svg focusable="false" aria-hidden="true" class="on" 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="M28 36v26l-10-10-12 12-6-6 12-12-10-10zM64 6l-12 12 10 10h-26v-26l10 10 12-12z"></path>
-                </svg>
-              </a>
-              <a href="item-typo-links.html" target="_blank">
-                <span class="kss-toolbar__tooltip">Open in new window</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 x="0" y="20" width="40" height="44" fill="#fff"/>
-                  <path class="kss-toolbar__icon-fill" d="M40,64l-40,0l0,-44l40,0l0,44Zm-36,-40l0,36l32,0l0,-36l-32,0Z"/>
-                  <rect class="kss-toolbar__icon-fill" x="0" y="20" width="40" height="10"/>
-                  <rect x="24" y="0" width="40" height="44" fill="#fff"/>
-                  <path class="kss-toolbar__icon-fill" d="M64,44l-40,0l0,-44l40,0l0,44Zm-36,-40l0,36l32,0l0,-36l-32,0Z"/>
-                  <rect class="kss-toolbar__icon-fill" x="24" y="0" width="40" height="10"/>
-                </svg>
-              </a>
-            <a href="#kssref-typo-links" 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-links" 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">
-            <a href="#" class="">Link</a>
-            <div class="kss-modifier__example-footer"></div>
-          </div>
-            <div class="kss-modifier__name kss-style">
-              :hover
-            </div>
-            <div class="kss-modifier__description kss-style">
-              Hover
-            </div>
-            <div class="kss-modifier__example">
-              <a href="#" class="pseudo-class-hover">Link</a>
-              <div class="kss-modifier__example-footer"></div>
-            </div>
-            <div class="kss-modifier__name kss-style">
-              :focus
-            </div>
-            <div class="kss-modifier__description kss-style">
-              Focus
-            </div>
-            <div class="kss-modifier__example">
-              <a href="#" class="pseudo-class-focus">Link</a>
-              <div class="kss-modifier__example-footer"></div>
-            </div>
-            <div class="kss-modifier__name kss-style">
-              :active
-            </div>
-            <div class="kss-modifier__description kss-style">
-              Active
-            </div>
-            <div class="kss-modifier__example">
-              <a href="#" class="pseudo-class-active">Link</a>
-              <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">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;#&quot;</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;[modifier class]&quot;</span>&gt;</span>Link<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span></span></code></pre>
-          </details>
-        <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 2283
-        </div>
-    </section>
-    <section id="kssref-typo-text" class="kss-section kss-section--depth-2 ">
-      <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-fullscreen="kssref-typo-text">
-                <span class="kss-toolbar__tooltip">Toggle full screen</span>
-                <svg focusable="false" aria-hidden="true" class="off" 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="M64 0v26l-10-10-12 12-6-6 12-12-10-10zM28 42l-12 12 10 10h-26v-26l10 10 12-12z"></path>
-                </svg>
-                <svg focusable="false" aria-hidden="true" class="on" 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="M28 36v26l-10-10-12 12-6-6 12-12-10-10zM64 6l-12 12 10 10h-26v-26l10 10 12-12z"></path>
-                </svg>
-              </a>
-              <a href="item-typo-text.html" target="_blank">
-                <span class="kss-toolbar__tooltip">Open in new window</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 x="0" y="20" width="40" height="44" fill="#fff"/>
-                  <path class="kss-toolbar__icon-fill" d="M40,64l-40,0l0,-44l40,0l0,44Zm-36,-40l0,36l32,0l0,-36l-32,0Z"/>
-                  <rect class="kss-toolbar__icon-fill" x="0" y="20" width="40" height="10"/>
-                  <rect x="24" y="0" width="40" height="44" fill="#fff"/>
-                  <path class="kss-toolbar__icon-fill" d="M64,44l-40,0l0,-44l40,0l0,44Zm-36,-40l0,36l32,0l0,-36l-32,0Z"/>
-                  <rect class="kss-toolbar__icon-fill" x="24" y="0" width="40" height="10"/>
-                </svg>
-              </a>
-            <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>
-    </section>
-</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>