create-sitecore-jss 22.5.0 → 22.6.0-canary.10

package/dist/templates/nextjs-sxa/src/assets/basic/_header.scss

@@ -1,49 +1,49 @@
-@import "@sass/abstracts/vars/colors";
-@import "@sass/abstracts/mixins";
-@import "variables";
-
-.prod-mode {
-  #header {
-    display: flex;
-
-    @include respond-to(mobile-large) {
-      padding-bottom: 0;
-      flex-direction: column-reverse;
-    }
-  }
-}
-
-header {
-  #header {
-    .bs-title {
-      padding-left: 50px;
-
-      h1 {
-        font-size: $text-size-24;
-        font-weight: 600;
-        line-height: 18px;
-        padding-top: 40px;
-        margin: 0;
-      }
-    }
-
-    @include respond-to(mobile-large) {
-      padding-bottom: 0;
-      padding-top: 0;
-      flex-direction: column-reverse;
-
-      .bs-title {
-        padding-left: 0;
-        text-align: center;
-        margin-top: -5px;
-
-        h1 {
-          font-weight: 500;
-          line-height: 29px;
-          padding-top: 0;
-          margin-bottom: 10px;
-        }
-      }
-    }
-  }
-}
+@import "@sass/abstracts/vars/colors";
+@import "@sass/abstracts/mixins";
+@import "variables";
+
+.prod-mode {
+  #header {
+    display: flex;
+
+    @include respond-to(mobile-large) {
+      padding-bottom: 0;
+      flex-direction: column-reverse;
+    }
+  }
+}
+
+header {
+  #header {
+    .bs-title {
+      padding-left: 50px;
+
+      h1 {
+        font-size: $text-size-24;
+        font-weight: 600;
+        line-height: 18px;
+        padding-top: 40px;
+        margin: 0;
+      }
+    }
+
+    @include respond-to(mobile-large) {
+      padding-bottom: 0;
+      padding-top: 0;
+      flex-direction: column-reverse;
+
+      .bs-title {
+        padding-left: 0;
+        text-align: center;
+        margin-top: -5px;
+
+        h1 {
+          font-weight: 500;
+          line-height: 29px;
+          padding-top: 0;
+          margin-bottom: 10px;
+        }
+      }
+    }
+  }
+}

package/dist/templates/nextjs-sxa/src/assets/basic/_navigation.scss

@@ -1,150 +1,150 @@
-@import "@sass/abstracts/vars";
-@import "variables";
-
-$hamburger-width: 28px;
-$hamburger-height: 18px;
-$border-size: 6px;
-$hamburger-margin: 18px;
-
-.navigation {
-  .menu-mobile-navigate-wrapper {
-    width: 100%;
-  }
-}
-
-.navigation.navigation-horizontal {
-  width: 100%;
-  padding-right: 70px;
-  margin-top: -15px;
-
-  .menu-mobile-navigate {
-    display: none;
-  }
-  
-  @include respond-to(mobile-large) {
-    padding-right: 0;
-  }
-
-  .component-content {
-    display: inline-block;
-
-    @include respond-to(mobile-large) {
-      display: none;
-    }
-    
-    ul.clearfix {
-      list-style: none;
-    }
-    .level0 {
-      display: flex;
-    }
-  
-    .level0, .level1 {
-      float: left;
-      margin-left: 30px;
-
-      >.navigation-title {
-        >a {
-          border-width: 0;
-          font-size: $text-size-14;
-          font-weight: 400;
-        }
-      }
-    }
-  }
-
-  @include respond-to(mobile-large) {
-    .component-content {
-      display: none;
-      position: fixed;
-      top: 0;
-      bottom: 0;
-      right: 0;
-      left: 0;
-      background-color: $bg-black-active;
-      z-index: 1;
-
-      * {
-        text-align: center !important;
-      }
-
-      nav {
-        padding-top: 110px;
-        
-        .level0 {
-          display: block;
-        }
-      }
-      
-      ul {
-        margin: 0;
-        padding: 0;
-      }
-
-      .level0, .level1 {
-        float: unset;
-        margin-left: 0;
-        >.navigation-title {
-          >a {
-            font-size: $text-size-30;
-            line-height: 90px;
-            >span {
-              color: $text-white;
-            }
-          }
-        }
-      }
-    }
-
-    .menu-mobile-navigate-wrapper {
-      .menu-mobile-navigate {
-        display: inline-block;
-        z-index: 2;
-        position: absolute;
-        right: $hamburger-margin;
-        top: $hamburger-margin;
-        height: $hamburger-width;
-        width: $hamburger-width;
-        opacity: 0;
-
-        &:checked ~ {
-          .menu-humburger {
-            &::before {
-              content: "\00d7";
-              color: $text-basic-active;
-              font-size: $text-size-48;
-              position: fixed;
-              top: 0;
-              right: 0;
-              margin-top: calc($hamburger-margin + ($hamburger-margin / 2));
-              margin-right: $hamburger-margin;
-              line-height: 0;
-              border: 0;
-            }
-          }
-
-          .component-content {
-            position: fixed;
-            display: inline-block;
-          }
-        }
-      }
-
-      .menu-humburger {
-        &::before {
-          content: "";
-          width: $hamburger-width;
-          height: $hamburger-height;
-          margin-right: $hamburger-margin;
-          margin-top: calc($hamburger-margin + ($hamburger-margin / 2)) + 8px;
-          display: block;
-          border-top: 6px solid $bg-black;
-          border-bottom: 6px solid $bg-black;
-          float: right;
-          z-index: 99;
-          cursor: pointer;
-        }
-      }
-    }
-  }
-}
+@import "@sass/abstracts/vars";
+@import "variables";
+
+$hamburger-width: 28px;
+$hamburger-height: 18px;
+$border-size: 6px;
+$hamburger-margin: 18px;
+
+.navigation {
+  .menu-mobile-navigate-wrapper {
+    width: 100%;
+  }
+}
+
+.navigation.navigation-horizontal {
+  width: 100%;
+  padding-right: 70px;
+  margin-top: -15px;
+
+  .menu-mobile-navigate {
+    display: none;
+  }
+  
+  @include respond-to(mobile-large) {
+    padding-right: 0;
+  }
+
+  .component-content {
+    display: inline-block;
+
+    @include respond-to(mobile-large) {
+      display: none;
+    }
+    
+    ul.clearfix {
+      list-style: none;
+    }
+    .level0 {
+      display: flex;
+    }
+  
+    .level0, .level1 {
+      float: left;
+      margin-left: 30px;
+
+      >.navigation-title {
+        >a {
+          border-width: 0;
+          font-size: $text-size-14;
+          font-weight: 400;
+        }
+      }
+    }
+  }
+
+  @include respond-to(mobile-large) {
+    .component-content {
+      display: none;
+      position: fixed;
+      top: 0;
+      bottom: 0;
+      right: 0;
+      left: 0;
+      background-color: $bg-black-active;
+      z-index: 1;
+
+      * {
+        text-align: center !important;
+      }
+
+      nav {
+        padding-top: 110px;
+        
+        .level0 {
+          display: block;
+        }
+      }
+      
+      ul {
+        margin: 0;
+        padding: 0;
+      }
+
+      .level0, .level1 {
+        float: unset;
+        margin-left: 0;
+        >.navigation-title {
+          >a {
+            font-size: $text-size-30;
+            line-height: 90px;
+            >span {
+              color: $text-white;
+            }
+          }
+        }
+      }
+    }
+
+    .menu-mobile-navigate-wrapper {
+      .menu-mobile-navigate {
+        display: inline-block;
+        z-index: 2;
+        position: absolute;
+        right: $hamburger-margin;
+        top: $hamburger-margin;
+        height: $hamburger-width;
+        width: $hamburger-width;
+        opacity: 0;
+
+        &:checked ~ {
+          .menu-humburger {
+            &::before {
+              content: "\00d7";
+              color: $text-basic-active;
+              font-size: $text-size-48;
+              position: fixed;
+              top: 0;
+              right: 0;
+              margin-top: calc($hamburger-margin + ($hamburger-margin / 2));
+              margin-right: $hamburger-margin;
+              line-height: 0;
+              border: 0;
+            }
+          }
+
+          .component-content {
+            position: fixed;
+            display: inline-block;
+          }
+        }
+      }
+
+      .menu-humburger {
+        &::before {
+          content: "";
+          width: $hamburger-width;
+          height: $hamburger-height;
+          margin-right: $hamburger-margin;
+          margin-top: calc($hamburger-margin + ($hamburger-margin / 2)) + 8px;
+          display: block;
+          border-top: 6px solid $bg-black;
+          border-bottom: 6px solid $bg-black;
+          float: right;
+          z-index: 99;
+          cursor: pointer;
+        }
+      }
+    }
+  }
+}

package/dist/templates/nextjs-sxa/src/assets/basic/_promo.scss

@@ -1,58 +1,58 @@
-@import "@sass/abstracts/vars";
-@import "@sass/abstracts/mixins";
-/**PROMO**/
-
-.promo {
-  &.main-promo-no-border {
-    padding-left: 0;
-    padding-right: 0;
-    padding-bottom: 0;
-    margin-bottom: 80px;
-
-    @include respond-to(mobile-large) {
-      margin-bottom: 0;
-    }
-
-    >.component-content {
-      border: 0;
-      max-width: 583px;
-      margin-right: 50px;
-
-      > div {
-        padding-bottom: 0;
-      }
-
-      @include respond-to(mobile-large) {
-        max-width: 100%;
-        margin-right: 0;
-      }
-      
-      .promo-text {
-        .field-promotext {
-          font-size: 14px;
-
-          h3 {
-            font-size: $text-size-18;
-            margin: 15px 0;
-
-            @include respond-to(mobile-large) {
-              margin: 10px 0;
-            }
-          }
-          p {
-            margin: 10px 0;
-          }
-        }
-      }
-      @include respond-to(mobile-large) {
-        > div {
-          padding: 0;
-        }
-  
-        .promo-text {
-          padding: 15px 30px 5px 30px;
-        }
-      }
-    }
-  }
-}
+@import "@sass/abstracts/vars";
+@import "@sass/abstracts/mixins";
+/**PROMO**/
+
+.promo {
+  &.main-promo-no-border {
+    padding-left: 0;
+    padding-right: 0;
+    padding-bottom: 0;
+    margin-bottom: 80px;
+
+    @include respond-to(mobile-large) {
+      margin-bottom: 0;
+    }
+
+    >.component-content {
+      border: 0;
+      max-width: 583px;
+      margin-right: 50px;
+
+      > div {
+        padding-bottom: 0;
+      }
+
+      @include respond-to(mobile-large) {
+        max-width: 100%;
+        margin-right: 0;
+      }
+      
+      .promo-text {
+        .field-promotext {
+          font-size: 14px;
+
+          h3 {
+            font-size: $text-size-18;
+            margin: 15px 0;
+
+            @include respond-to(mobile-large) {
+              margin: 10px 0;
+            }
+          }
+          p {
+            margin: 10px 0;
+          }
+        }
+      }
+      @include respond-to(mobile-large) {
+        > div {
+          padding: 0;
+        }
+  
+        .promo-text {
+          padding: 15px 30px 5px 30px;
+        }
+      }
+    }
+  }
+}

package/dist/templates/nextjs-sxa/src/assets/basic/_rich-text.scss

@@ -1,11 +1,11 @@
-@import "@sass/abstracts/vars";
-@import "variables";
-
-.rich-text {
-  font-size: $text-size-16;
-
-  @include respond-to(mobile-large) {
-    padding: 0 30px 10px 30px;
-    font-size: $text-size-14;
-  }
-}
+@import "@sass/abstracts/vars";
+@import "variables";
+
+.rich-text {
+  font-size: $text-size-16;
+
+  @include respond-to(mobile-large) {
+    padding: 0 30px 10px 30px;
+    font-size: $text-size-14;
+  }
+}

package/dist/templates/nextjs-sxa/src/assets/basic/_variables.scss

@@ -1,10 +1,10 @@
-$text-size-14: 14px;
-$text-size-16: 16px;
-$text-size-18: 18px;
-$text-size-24: 24px;
-$text-size-30: 30px;
-$text-size-36: 36px;
-$text-size-48: 48px;
-$text-size-50: 50px;
-
+$text-size-14: 14px;
+$text-size-16: 16px;
+$text-size-18: 18px;
+$text-size-24: 24px;
+$text-size-30: 30px;
+$text-size-36: 36px;
+$text-size-48: 48px;
+$text-size-50: 50px;
+
 $main-color: #27272A;

package/dist/templates/nextjs-sxa/src/assets/basic/main.scss

@@ -1,8 +1,8 @@
-@import "fonts";
-@import "container";
-@import "header";
-@import "promo";
-@import "navigation";
-@import "component";
-@import "rich-text";
-@import "footer";
+@import "fonts";
+@import "container";
+@import "header";
+@import "promo";
+@import "navigation";
+@import "component";
+@import "rich-text";
+@import "footer";

package/dist/templates/nextjs-sxa/src/assets/main.scss

@@ -1,4 +1,4 @@
-@import "basic/fonts";
-@import "bootstrap/scss/bootstrap";
-@import "sass/main.scss";
-@import "basic/main.scss";
+@import "basic/fonts";
+@import "bootstrap/scss/bootstrap";
+@import "sass/main.scss";
+@import "basic/main.scss";