cronus-theme 2.0.88 → 2.0.90

package/child/src/scss/child.scss

@@ -1,11 +0,0 @@
-
-//mixins
-@import "mixins/mixins";
-
-@import "base/icons";
-@import "../../../default/global/scss/base/variables";
-@import "base/fonts";
-@import "base/variables";
-@import "../../../default/global/scss/base/utilities";
-@import "../../../node_modules/bootstrap/scss/mixins/utilities";
-@import "../../../node_modules/bootstrap/scss/utilities/api";

package/child/src/scss/doc.scss

@@ -1,2 +0,0 @@
-@import "../../../default/b2c/src/scss/doc";
-@import "child";

package/child/src/scss/mixins/_breakpoints.scss

@@ -1,127 +0,0 @@
-// Breakpoint viewport sizes and media queries.
-//
-// Breakpoints are defined as a map of (name: minimum width), order from small to large:
-//
-//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px)
-//
-// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.
-
-// Name of the next breakpoint, or null for the last breakpoint.
-//
-//    >> breakpoint-next(sm)
-//    md
-//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))
-//    md
-//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl xxl))
-//    md
-@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {
-  $n: index($breakpoint-names, $name);
-  @if not $n {
-    @error "breakpoint `#{$name}` not found in `#{$breakpoints}`";
-  }
-  @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);
-}
-
-// Minimum breakpoint width. Null for the smallest (first) breakpoint.
-//
-//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))
-//    576px
-@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {
-  $min: map-get($breakpoints, $name);
-  @return if($min != 0, $min, null);
-}
-
-// Maximum breakpoint width.
-// The maximum value is reduced by 0.02px to work around the limitations of
-// `min-` and `max-` prefixes and viewports with fractional widths.
-// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
-// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
-// See https://bugs.webkit.org/show_bug.cgi?id=178261
-//
-//    >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))
-//    767.98px
-@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
-  $max: map-get($breakpoints, $name);
-  @return if($max and $max > 0, $max - .02, null);
-}
-
-// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.
-// Useful for making responsive utilities.
-//
-//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))
-//    ""  (Returns a blank string)
-//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))
-//    "-sm"
-@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {
-  @return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}");
-}
-
-// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
-// Makes the @content apply to the given breakpoint and wider.
-@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
-  $min: breakpoint-min($name, $breakpoints);
-  @if $min {
-    @media (min-width: $min) {
-      @content;
-    }
-  } @else {
-    @content;
-  }
-}
-
-// Media of at most the maximum breakpoint width. No query for the largest breakpoint.
-// Makes the @content apply to the given breakpoint and narrower.
-@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {
-  $max: breakpoint-max($name, $breakpoints);
-  @if $max {
-    @media (max-width: $max) {
-      @content;
-    }
-  } @else {
-    @content;
-  }
-}
-
-// Media that spans multiple breakpoint widths.
-// Makes the @content apply between the min and max breakpoints
-@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {
-  $min: breakpoint-min($lower, $breakpoints);
-  $max: breakpoint-max($upper, $breakpoints);
-
-  @if $min != null and $max != null {
-    @media (min-width: $min) and (max-width: $max) {
-      @content;
-    }
-  } @else if $max == null {
-    @include media-breakpoint-up($lower, $breakpoints) {
-      @content;
-    }
-  } @else if $min == null {
-    @include media-breakpoint-down($upper, $breakpoints) {
-      @content;
-    }
-  }
-}
-
-// Media between the breakpoint's minimum and maximum widths.
-// No minimum for the smallest breakpoint, and no maximum for the largest one.
-// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.
-@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {
-  $min: breakpoint-min($name, $breakpoints);
-  $next: breakpoint-next($name, $breakpoints);
-  $max: breakpoint-max($next, $breakpoints);
-
-  @if $min != null and $max != null {
-    @media (min-width: $min) and (max-width: $max) {
-      @content;
-    }
-  } @else if $max == null {
-    @include media-breakpoint-up($name, $breakpoints) {
-      @content;
-    }
-  } @else if $min == null {
-    @include media-breakpoint-down($next, $breakpoints) {
-      @content;
-    }
-  }
-}

package/child/src/scss/mixins/_functions.scss

@@ -1,273 +0,0 @@
-// Ascending
-// Used to evaluate Sass maps like our grid breakpoints.
-@mixin _assert-ascending($map, $map-name) {
-  $prev-key: null;
-  $prev-num: null;
-  @each $key, $num in $map {
-    @if $prev-num == null or unit($num) == "%" or unit($prev-num) == "%" {
-      // Do nothing
-    } @else if not comparable($prev-num, $num) {
-      @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
-    } @else if $prev-num >= $num {
-      @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
-    }
-    $prev-key: $key;
-    $prev-num: $num;
-  }
-}
-
-// Starts at zero
-// Used to ensure the min-width of the lowest breakpoint starts at 0.
-@mixin _assert-starts-at-zero($map, $map-name: "$grid-breakpoints") {
-  @if length($map) > 0 {
-    $values: map-values($map);
-    $first-value: nth($values, 1);
-    @if $first-value != 0 {
-      @warn "First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.";
-    }
-  }
-}
-
-@mixin text-shadow($string: 0 1px 3px rgba(0, 0, 0, 0.25)) {
-  text-shadow: $string;
-}
-
-@mixin box-shadow($string) {
-  -webkit-box-shadow: $string;
-  -moz-box-shadow: $string;
-  box-shadow: $string;
-}
-
-@mixin drop-shadow($x: 0, $y: 1px, $blur: 2px, $spread: 0, $alpha: 0.25) {
-  -webkit-box-shadow: $x $y $blur $spread rgba(0, 0, 0, $alpha);
-  -moz-box-shadow: $x $y $blur $spread rgba(0, 0, 0, $alpha);
-  box-shadow: $x $y $blur $spread rgba(0, 0, 0, $alpha);
-}
-
-@mixin inner-shadow($x: 0, $y: 1px, $blur: 2px, $spread: 0, $alpha: 0.25) {
-  -webkit-box-shadow: inset $x $y $blur $spread rgba(0, 0, 0, $alpha);
-  -moz-box-shadow: inset $x $y $blur $spread rgba(0, 0, 0, $alpha);
-  box-shadow: inset $x $y $blur $spread rgba(0, 0, 0, $alpha);
-}
-
-@mixin box-sizing($type: border-box) {
-  -webkit-box-sizing: $type;
-  -moz-box-sizing: $type;
-  box-sizing: $type;
-}
-
-@mixin border-radius($radius: 5px) {
-  -webkit-border-radius: $radius;
-  -moz-border-radius: $radius;
-  border-radius: $radius;
-
-  -moz-background-clip: padding;
-  -webkit-background-clip: padding-box;
-  background-clip: padding-box;
-}
-
-@mixin border-radiuses($topright: 0, $bottomright: 0, $bottomleft: 0, $topleft: 0) {
-  -webkit-border-top-right-radius: $topright;
-  -webkit-border-bottom-right-radius: $bottomright;
-  -webkit-border-bottom-left-radius: $bottomleft;
-  -webkit-border-top-left-radius: $topleft;
-
-  -moz-border-radius-topright: $topright;
-  -moz-border-radius-bottomright: $bottomright;
-  -moz-border-radius-bottomleft: $bottomleft;
-  -moz-border-radius-topleft: $topleft;
-
-  border-top-right-radius: $topright;
-  border-bottom-right-radius: $bottomright;
-  border-bottom-left-radius: $bottomleft;
-  border-top-left-radius: $topleft;
-
-  -moz-background-clip: padding;
-  -webkit-background-clip: padding-box;
-  background-clip: padding-box;
-}
-
-@mixin opacity($opacity: 0.5) {
-  -webkit-opacity: $opacity;
-  -moz-opacity: $opacity;
-  opacity: $opacity;
-}
-
-@mixin gradient($startColor: #eee, $endColor: white) {
-  background-color: $startColor;
-  background: -webkit-gradient(linear, left top, left bottom, from($startColor), to($endColor));
-  background: -webkit-linear-gradient(top, $startColor, $endColor);
-  background: -moz-linear-gradient(top, $startColor, $endColor);
-  background: -ms-linear-gradient(top, $startColor, $endColor);
-  background: -o-linear-gradient(top, $startColor, $endColor);
-}
-
-@mixin horizontal-gradient($startColor: #eee, $endColor: white) {
-  background-color: $startColor;
-  background-image: -webkit-gradient(linear, left top, right top, from($startColor), to($endColor));
-  background-image: -webkit-linear-gradient(left, $startColor, $endColor);
-  background-image: -moz-linear-gradient(left, $startColor, $endColor);
-  background-image: -ms-linear-gradient(left, $startColor, $endColor);
-  background-image: -o-linear-gradient(left, $startColor, $endColor);
-}
-
-@mixin animation($name, $duration: 300ms, $delay: 0, $ease: ease) {
-  -webkit-animation: $name $duration $delay $ease;
-  -moz-animation: $name $duration $delay $ease;
-  -ms-animation: $name $duration $delay $ease;
-}
-
-@mixin transition($transition) {
-  -webkit-transition: $transition;
-  -moz-transition: $transition;
-  -ms-transition: $transition;
-  -o-transition: $transition;
-}
-
-@mixin transform($string) {
-  -webkit-transform: $string;
-  -moz-transform: $string;
-  -ms-transform: $string;
-  -o-transform: $string;
-}
-
-@mixin scale($factor) {
-  -webkit-transform: scale($factor);
-  -moz-transform: scale($factor);
-  -ms-transform: scale($factor);
-  -o-transform: scale($factor);
-}
-
-@mixin rotate($deg) {
-  -webkit-transform: rotate($deg);
-  -moz-transform: rotate($deg);
-  -ms-transform: rotate($deg);
-  -o-transform: rotate($deg);
-}
-
-@mixin skew($deg, $deg2) {
-  -webkit-transform: skew($deg, $deg2);
-  -moz-transform: skew($deg, $deg2);
-  -ms-transform: skew($deg, $deg2);
-  -o-transform: skew($deg, $deg2);
-}
-
-@mixin translate($x, $y:0) {
-  -webkit-transform: translate($x, $y);
-  -moz-transform: translate($x, $y);
-  -ms-transform: translate($x, $y);
-  -o-transform: translate($x, $y);
-}
-
-@mixin translate3d($x, $y: 0, $z: 0) {
-  -webkit-transform: translate3d($x, $y, $z);
-  -moz-transform: translate3d($x, $y, $z);
-  -ms-transform: translate3d($x, $y, $z);
-  -o-transform: translate3d($x, $y, $z);
-}
-
-@mixin perspective($value: 1000) {
-  -webkit-perspective: $value;
-  -moz-perspective: $value;
-  -ms-perspective: $value;
-  perspective: $value;
-}
-
-@mixin transform-origin($x:center, $y:center) {
-  -webkit-transform-origin: $x $y;
-  -moz-transform-origin: $x $y;
-  -ms-transform-origin: $x $y;
-  -o-transform-origin: $x $y;
-}
-
-@mixin appearance($string) {
-  -o-appearance: $string;
-  -khtml-appearance: $string;
-  -webkit-appearance: $string;
-  -moz-appearance: $string;
-  -webkit-appearance: $string;
-  appearance: $string;
-}
-
-@mixin filter($string) {
-  -webkit-filter: $string;
-  -moz-filter: $string;
-  -ms-filter: $string;
-  -o-filter: $string;
-  filter: $string;
-}
-
-@mixin flexbox($direction,$align,$wrap) {
-  display: -webkit-box;
-  display: -moz-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-flex-direction: $direction;
-  -ms-flex-direction: $direction;
-  flex-direction: $direction;
-  -ms-flex-align: $align;
-  -webkit-align-items: $align;
-  align-items: $align;
-  -webkit-flex-wrap: $wrap;
-  -ms-flex-wrap: $wrap;;
-  flex-wrap: $wrap;
-}
-
-
-@mixin flexbox($direction:row,$align:center,$wrap:wrap) {
-  display: -webkit-box;
-  display: -moz-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-flex-direction: $direction;
-  -ms-flex-direction: $direction;
-  flex-direction: $direction;
-  -ms-flex-align: $align;
-  -webkit-align-items: $align;
-  align-items: $align;
-  -webkit-flex-wrap: $wrap;
-  -ms-flex-wrap: $wrap;
-  flex-wrap: $wrap;
-}
-
-@mixin flex-wrap($wrap:wrap) {
-  -webkit-flex-wrap: $wrap;
-  -ms-flex-wrap: $wrap;
-  flex-wrap: $wrap;
-}
-
-@mixin align-items($align:center) {
-  -ms-flex-align: $align;
-  -webkit-align-items: $align;
-  align-items: $align;
-}
-
-@mixin align-self($align:center) {
-  align-self: $align;
-  -webkit-align-self: $align;
-}
-
-@mixin calc($prop, $val) {
-  #{$prop}: calc(#{$val});
-  #{$prop}: -moz-calc(#{$val});
-  #{$prop}: -webkit-calc(#{$val});
-  #{$prop}: -o-calc(#{$val});
-}
-
-@mixin line-clamp($count) {
-  display: -webkit-box;
-  -webkit-line-clamp: $count;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-
-@mixin text-contrast($n) {
-  $color-brightness: round((red($n) * 299) + (green($n) * 587) + calc((blue($n) * 114) / 1000));
-  $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + calc((blue(#ffffff) * 114) / 1000));
-
-  @if abs($color-brightness) < calc($light-color/2) {
-    color: #ffffff;
-  }
-}

package/child/src/scss/mixins/_grid.scss

@@ -1,85 +0,0 @@
-// Grid system
-//
-// Generate semantic grid columns with these mixins.
-
-@mixin make-row($gutter: $grid-gap) {
-  display: flex;
-  flex-wrap: wrap;
-  margin-right: calc(-1 * $grid-gap / 2);
-  margin-left: calc(-1 * $grid-gap / 2);
-}
-
-@mixin make-col-ready($gutter: $grid-gap) {
-  flex-shrink: 0;
-  width: 100%;
-  max-width: 100%;
-  padding-right: calc($gutter / 2);
-  padding-left: calc($gutter / 2);
-}
-
-@mixin make-col($size: false, $columns: $grid-columns) {
-  @if $size {
-    flex: 0 0 auto;
-    width: percentage(calc($size / $columns));
-
-  } @else {
-    flex: 1 1 0;
-    max-width: 100%;
-  }
-}
-
-@mixin make-col-auto() {
-  flex: 0 0 auto;
-  width: auto;
-}
-
-@mixin make-col-offset($size, $columns: $grid-columns) {
-  $num: calc($size / $columns);
-  margin-left: if($num == 0, 0, percentage($num));
-}
-
-// Row columns
-//
-// Specify on a parent element(e.g., .row) to force immediate children into NN
-// number of columns. Supports wrapping to new lines, but does not do a Masonry
-// style grid.
-@mixin row-cols($count) {
-  > * {
-    flex: 0 0 auto;
-    width: divide(100%, $count);
-  }
-}
-
-@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gap, $breakpoints: $grid-breakpoints) {
-  @each $breakpoint in map-keys($breakpoints) {
-    $infix: breakpoint-infix($breakpoint, $breakpoints);
-
-    @include media-breakpoint-up($breakpoint, $breakpoints) {
-      // Provide basic `.col-{bp}` classes for equal-width flexbox columns
-      .col#{$infix} {
-        flex: 1 0 0%; // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
-      }
-
-      .col#{$infix}-auto {
-        @include make-col-auto();
-      }
-
-      @if $columns > 0 {
-        @for $i from 1 through $columns {
-          .col#{$infix}-#{$i} {
-            @include make-col($i, $columns);
-          }
-        }
-
-        // `$columns - 1` because offsetting by the width of an entire row isn't possible
-        @for $i from 0 through ($columns - 1) {
-          @if not ($infix == "" and $i == 0) { // Avoid emitting useless .offset-0
-            .offset#{$infix}-#{$i} {
-              @include make-col-offset($i, $columns);
-            }
-          }
-        }
-      }
-    }
-  }
-}

package/child/src/scss/mixins/_mixins.scss

@@ -1,3 +0,0 @@
-@import "breakpoints";
-@import "functions";
-@import "grid";

package/child/src/scss/template/_icons.scss

@@ -1,33 +0,0 @@
-@font-face {
-  font-family: "icons";
-  font-display: swap;
-  src: url('<%= fontPath %><%= fontName %>.woff2<%= cacheBusterQueryString %>') format('woff2'),
-  url('<%= fontPath %><%= fontName %>.woff<%= cacheBusterQueryString %>') format('woff');
-}
-
-.<%= cssClass%> {
-   font-family: "icons";
-   -webkit-font-smoothing: antialiased;
-   -moz-osx-font-smoothing: grayscale;
-   font-style: normal;
-   font-variant: normal;
-   font-weight: normal;
-   text-decoration: none;
-   text-transform: none;
-}
-
-<% _.each(glyphs, function(glyph) { %>
-$i-<%= glyph.fileName %>: "\<%= glyph.codePoint %>";
-<% }); %>
-
-<% _.each(glyphs, function(glyph) { %>
-.<%= cssClass%>-<%= glyph.fileName %>:before {
-  content: "\<%= glyph.codePoint %>";
-}
-<% }); %>
-
-/*
-<% _.each(glyphs, function(glyph) { %>
-<i class='<%= cssClass%> <%= cssClass%>-<%= glyph.fileName %>'></i>
-<% }); %>
-*/

package/child/src/snippets/includeCSS.html

@@ -1 +0,0 @@
-<link rel="stylesheet" href="%linkCSS%.css" />

package/child/src/snippets/includeFont.html

@@ -1 +0,0 @@
-<link rel="preload" href="%linkIconfontWoff2%.woff2" as="font" type="font/woff2" crossorigin>

package/child/src/snippets/includeJS.html

@@ -1 +0,0 @@
-<script src="%linkJS%.js"></script>

package/child/styleguide/index.html

@@ -1,119 +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>
-      </li>
-    </ul>
-  </nav>
-</div>
-<main class="kss-main" aria-label="Content">
-  <article>
-      <div id="kssref-0" class="kss-section kss-section--depth-0 kss-overview kss-style">
-        <p>npm-exec --source sass</p>
-
-      </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>