create-sitecore-jss 22.2.1 → 22.3.0-canary.10

package/dist/templates/nextjs-sxa/src/assets/sass/_app.scss

@@ -1,103 +1,103 @@
-html {
-  font-size: 62.5%;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  margin-bottom: 0px;
-  height: auto !important;
-}
-
-body {
-  @include opensans-font-stack();
-  position: relative;
-  overflow: auto;
-  color: $text-basic;
-  font-size: 16px;
-  line-height: 1.5;
-  background: $page-bg;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  height: auto !important;
-  &.on-page-editor {
-    background: $page-bg-editor !important;
-  }
-}
-
-a {
-  color: $text-basic;
-  cursor: pointer;
-  font-size: 0.85em;
-  &:hover {
-    color: $text-basic-active;
-  }
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-weight: bold;
-}
-
-h1 {
-  font-size: 2em;
-}
-
-h2 {
-  font-size: 1.5em;
-}
-
-h3 {
-  font-size: 1.2em;
-}
-
-h4 {
-  font-size: 1em;
-}
-
-h5 {
-  font-size: 0.83em;
-}
-
-h6 {
-  font-size: 0.67em;
-}
-
-ul li {
-  list-style-type: none;
-}
-
-.xa-variable {
-  border: 0px;
-  padding: 1px;
-  margin: 0px;
-  background-color: #ebebe4;
-  color: #545454;
-  user-select: none;
-  pointer-events: none;
-}
-
-//Navigation Bar fix
-#breadcrumbMenuSubcontrol_context_menu * {
-  box-sizing: initial;
-}
-
-//End navigation bar fix
-.menu-mobile-navigate {
-  display: none;
-}
-
-#header, #content, #footer, .sc-jss-empty-placeholder {
-  width: 100%;
-  display: flex;
-  flex-wrap: wrap;
-  position: relative;
-}
-
-.sc-jss-placeholder-error {
-  background: #ff0000;
-  outline: 5px solid #e36565;
-  padding: 10px;
-  color:#fff;
-  max-width: 500px;
-}
+html {
+  font-size: 62.5%;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  margin-bottom: 0px;
+  height: auto !important;
+}
+
+body {
+  @include opensans-font-stack();
+  position: relative;
+  overflow: auto;
+  color: $text-basic;
+  font-size: 16px;
+  line-height: 1.5;
+  background: $page-bg;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  height: auto !important;
+  &.on-page-editor {
+    background: $page-bg-editor !important;
+  }
+}
+
+a {
+  color: $text-basic;
+  cursor: pointer;
+  font-size: 0.85em;
+  &:hover {
+    color: $text-basic-active;
+  }
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: bold;
+}
+
+h1 {
+  font-size: 2em;
+}
+
+h2 {
+  font-size: 1.5em;
+}
+
+h3 {
+  font-size: 1.2em;
+}
+
+h4 {
+  font-size: 1em;
+}
+
+h5 {
+  font-size: 0.83em;
+}
+
+h6 {
+  font-size: 0.67em;
+}
+
+ul li {
+  list-style-type: none;
+}
+
+.xa-variable {
+  border: 0px;
+  padding: 1px;
+  margin: 0px;
+  background-color: #ebebe4;
+  color: #545454;
+  user-select: none;
+  pointer-events: none;
+}
+
+//Navigation Bar fix
+#breadcrumbMenuSubcontrol_context_menu * {
+  box-sizing: initial;
+}
+
+//End navigation bar fix
+.menu-mobile-navigate {
+  display: none;
+}
+
+#header, #content, #footer, .sc-jss-empty-placeholder {
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  position: relative;
+}
+
+.sc-jss-placeholder-error {
+  background: #ff0000;
+  outline: 5px solid #e36565;
+  padding: 10px;
+  color:#fff;
+  max-width: 500px;
+}

package/dist/templates/nextjs-sxa/src/assets/sass/abstracts/_functions.scss

@@ -1,8 +1,8 @@
-@function headings($from:1, $to:6) {
-    @if $from==$to {
-        @return 'h#{$from}';
-    }
-    @else {
-        @return 'h#{$from},'+headings($from+1, $to);
-    }
-}
+@function headings($from:1, $to:6) {
+    @if $from==$to {
+        @return 'h#{$from}';
+    }
+    @else {
+        @return 'h#{$from},'+headings($from+1, $to);
+    }
+}

package/dist/templates/nextjs-sxa/src/assets/sass/abstracts/_mixins.scss

@@ -1,121 +1,121 @@
-@import "vars";
-
-/* breakpoints */
-
-$break-desktop: 1024px;
-$break-mobile: 380px;
-$break-mobile-horizontal: 640px;
-$break-mobile-large: 992px;
-@mixin wrapper() {
-    max-width: 960px;
-    margin: 0 auto !important;
-}
-@mixin clearfix {
-    &:after {
-        content: "";
-        display: table;
-        clear: both;
-    }
-}
-@mixin headings($from: 1, $to: 6) {
-    @for $i from $from through $to {
-        h#{$i} {
-            @content
-        }
-    }
-}
-@mixin font-size($sizeValue: 1.6) {
-    font-size: ($sizeValue * 10) + px;
-    font-size: $sizeValue + rem;
-}
-    @mixin proxima-font($weight:semibold) {
-        @if($weight==semibold) {
-            font-family: "ProximaNova-Semibold", arial, helvetica, sans-serif;
-        }
-        @else if($weight==light) {
-            font-family: "ProximaNova-Light", arial, helvetica, sans-serif;
-        }
-    }
-@mixin opensans-font-stack() {
-    font-family: "Open Sans", Helvetica, Verdana, Tahoma, sans-serif;
-}
-@mixin loading-gif() {
-    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSJibGFjayI+DQogIDxwYXRoICBvcGFjaXR5PSIuMjUiIGQ9Ik0xNiAwIEExNiAxNiAwIDAgMCAxNiAzMiBBMTYgMTYgMCAwIDAgMTYgMCBNMTYgNCBBMTIgMTIgMCAwIDEgMTYgMjggQTEyIDEyIDAgMCAxIDE2IDQiLz4NCiAgPHBhdGggZmlsbD0nIzFhODBiNicgZD0iTTE2IDAgQTE2IDE2IDAgMCAxIDMyIDE2IEwyOCAxNiBBMTIgMTIgMCAwIDAgMTYgNHoiPg0KICAgIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiBmcm9tPSIwIDE2IDE2IiB0bz0iMzYwIDE2IDE2IiBkdXI9IjAuOHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPg0KICA8L3BhdGg+DQo8L3N2Zz4NCg==);
-    background-position: center center;
-    background-repeat: no-repeat;
-}
-@mixin respond-to($media) {
-    @if $media==mobile {
-        @media only screen and (max-width: $break-mobile) {
-            @content;
-        }
-    }
-    @else if $media==mobile-horizontal {
-        @media only screen and (max-width: $break-mobile-horizontal - 1) {
-            @content;
-        }
-    }
-    @else if $media==mobile-large {
-        @media only screen and (max-width: $break-mobile-large) {
-            @content;
-        }
-    }
-    @else if $media==tablet {
-        @media only screen and (min-width: $break-mobile + 1) and (max-width: $break-desktop - 1) {
-            @content;
-        }
-    }
-    @else if $media==all-mobile {
-        @media only screen and (max-width: $break-desktop - 1) {
-            @content;
-        }
-    }
-    @else if $media==desktop {
-        @media only screen and (min-width: $break-desktop) {
-            @content;
-        }
-    }
-}
-@mixin border-basic($position:all, $border-color:$border-gray, $border-width:1px) {
-    @if($position!=all) {
-        border-#{$position}-width: $border-width;
-        border-#{$position}-style: solid;
-        border-#{$position}-color: $border-color;
-    }
-    @else {
-        border-width: $border-width;
-            border-style: solid;
-            border-color: $border-color;
-    }
-}
-@mixin fixed-bg($pos, $min-height:240px) {
-    background-position: $pos;
-    background-attachment: fixed;
-    min-height: $min-height;
-}
-@mixin linear-gradient($direction, $color-stops...) {
-    // Direction has been omitted and happens to be a color-stop
-    @if is-direction($direction)==false {
-        $color-stops: $direction, $color-stops;
-        $direction: 180deg;
-    }
-    background: nth(nth($color-stops, 1), 1);
-    background: -webkit-linear-gradient(legacy-direction($direction), $color-stops);
-    background: linear-gradient($direction, $color-stops);
-}
-@mixin default-link-button {
-  @include border-basic();
-  @include font-size(1.2);
-  display: inline-block;
-  vertical-align: middle;
-  box-sizing: border-box;
-  margin: 5px 0;
-  padding: 10px 15px;
-  text-align: center;
-  text-decoration: none;
-  font-weight: bold;
-  &:hover {
-      color: $text-basic;
-      background: $bg-light-gray;
-  }
-}
+@import "vars";
+
+/* breakpoints */
+
+$break-desktop: 1024px;
+$break-mobile: 380px;
+$break-mobile-horizontal: 640px;
+$break-mobile-large: 992px;
+@mixin wrapper() {
+    max-width: 960px;
+    margin: 0 auto !important;
+}
+@mixin clearfix {
+    &:after {
+        content: "";
+        display: table;
+        clear: both;
+    }
+}
+@mixin headings($from: 1, $to: 6) {
+    @for $i from $from through $to {
+        h#{$i} {
+            @content
+        }
+    }
+}
+@mixin font-size($sizeValue: 1.6) {
+    font-size: ($sizeValue * 10) + px;
+    font-size: $sizeValue + rem;
+}
+    @mixin proxima-font($weight:semibold) {
+        @if($weight==semibold) {
+            font-family: "ProximaNova-Semibold", arial, helvetica, sans-serif;
+        }
+        @else if($weight==light) {
+            font-family: "ProximaNova-Light", arial, helvetica, sans-serif;
+        }
+    }
+@mixin opensans-font-stack() {
+    font-family: "Open Sans", Helvetica, Verdana, Tahoma, sans-serif;
+}
+@mixin loading-gif() {
+    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSJibGFjayI+DQogIDxwYXRoICBvcGFjaXR5PSIuMjUiIGQ9Ik0xNiAwIEExNiAxNiAwIDAgMCAxNiAzMiBBMTYgMTYgMCAwIDAgMTYgMCBNMTYgNCBBMTIgMTIgMCAwIDEgMTYgMjggQTEyIDEyIDAgMCAxIDE2IDQiLz4NCiAgPHBhdGggZmlsbD0nIzFhODBiNicgZD0iTTE2IDAgQTE2IDE2IDAgMCAxIDMyIDE2IEwyOCAxNiBBMTIgMTIgMCAwIDAgMTYgNHoiPg0KICAgIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiBmcm9tPSIwIDE2IDE2IiB0bz0iMzYwIDE2IDE2IiBkdXI9IjAuOHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPg0KICA8L3BhdGg+DQo8L3N2Zz4NCg==);
+    background-position: center center;
+    background-repeat: no-repeat;
+}
+@mixin respond-to($media) {
+    @if $media==mobile {
+        @media only screen and (max-width: $break-mobile) {
+            @content;
+        }
+    }
+    @else if $media==mobile-horizontal {
+        @media only screen and (max-width: $break-mobile-horizontal - 1) {
+            @content;
+        }
+    }
+    @else if $media==mobile-large {
+        @media only screen and (max-width: $break-mobile-large) {
+            @content;
+        }
+    }
+    @else if $media==tablet {
+        @media only screen and (min-width: $break-mobile + 1) and (max-width: $break-desktop - 1) {
+            @content;
+        }
+    }
+    @else if $media==all-mobile {
+        @media only screen and (max-width: $break-desktop - 1) {
+            @content;
+        }
+    }
+    @else if $media==desktop {
+        @media only screen and (min-width: $break-desktop) {
+            @content;
+        }
+    }
+}
+@mixin border-basic($position:all, $border-color:$border-gray, $border-width:1px) {
+    @if($position!=all) {
+        border-#{$position}-width: $border-width;
+        border-#{$position}-style: solid;
+        border-#{$position}-color: $border-color;
+    }
+    @else {
+        border-width: $border-width;
+            border-style: solid;
+            border-color: $border-color;
+    }
+}
+@mixin fixed-bg($pos, $min-height:240px) {
+    background-position: $pos;
+    background-attachment: fixed;
+    min-height: $min-height;
+}
+@mixin linear-gradient($direction, $color-stops...) {
+    // Direction has been omitted and happens to be a color-stop
+    @if is-direction($direction)==false {
+        $color-stops: $direction, $color-stops;
+        $direction: 180deg;
+    }
+    background: nth(nth($color-stops, 1), 1);
+    background: -webkit-linear-gradient(legacy-direction($direction), $color-stops);
+    background: linear-gradient($direction, $color-stops);
+}
+@mixin default-link-button {
+  @include border-basic();
+  @include font-size(1.2);
+  display: inline-block;
+  vertical-align: middle;
+  box-sizing: border-box;
+  margin: 5px 0;
+  padding: 10px 15px;
+  text-align: center;
+  text-decoration: none;
+  font-weight: bold;
+  &:hover {
+      color: $text-basic;
+      background: $bg-light-gray;
+  }
+}

package/dist/templates/nextjs-sxa/src/assets/sass/abstracts/_vars.scss

@@ -1,3 +1,3 @@
-@import "vars/colors";
-@import "vars/margins";
-@import "vars/fontSizes";
+@import "vars/colors";
+@import "vars/margins";
+@import "vars/fontSizes";