#533938 fixed styles for managed classes (#1097)

Sitecore · Jul 13, 2022 · 1368878 · 1368878
1 parent 7698650
commit 1368878
Show file tree

Hide file tree

Showing 9 changed files with 217 additions and 198 deletions.
diff --git a/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/basic/_container.scss b/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/basic/_container.scss
@@ -1,7 +1,7 @@
 @import "@sass/abstracts/mixins";
 @import "variables";
 
-* {
+body {
   font-family: Roboto;
   color: $main-color;
 }

diff --git a/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/basic/_footer.scss b/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/basic/_footer.scss
@@ -2,6 +2,10 @@
 @import "variables";
 
 footer {
+  .container-dark-background {
+    background-color: #262626;
+  }
+
   .rich-text {
     font-size: $text-size-14;
 
@@ -16,7 +20,7 @@ footer {
   }
 
   .indent-inner {
-    padding: 3rem;
+    padding: 65px;
 
     @include respond-to(all-mobile) {
       padding: 25px 0;

diff --git a/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/basic/_header.scss b/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/basic/_header.scss
@@ -29,7 +29,7 @@ header {
           text-align: center;
 
           h1 {
-            font-weight: 600;
+            font-weight: 500;
             line-height: 29px;
             padding-top: 0;
             margin-bottom: 10px;

diff --git a/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/basic/_navigation.scss b/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/basic/_navigation.scss
@@ -6,6 +6,12 @@ $hamburger-height: 18px;
 $border-size: 6px;
 $hamburger-margin: 18px;
 
+.navigation {
+  .menu-mobile-navigate-wrapper {
+    width: 100%;
+  }
+}
+
 .navigation.navigation-horizontal {
   width: 100%;
   padding-right: 70px;
@@ -47,7 +53,7 @@ $hamburger-margin: 18px;
   @include respond-to(all-mobile) {
     .component-content {
       display: none;
-      position: absolute;
+      position: fixed;
       top: 0;
       bottom: 0;
       right: 0;
@@ -86,8 +92,6 @@ $hamburger-margin: 18px;
     }
 
     .menu-mobile-navigate-wrapper {
-      width: 100%;
-
       .menu-mobile-navigate {
         display: inline-block;
         z-index: 2;

diff --git a/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/sass/_app.scss b/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/sass/_app.scss
@@ -12,7 +12,7 @@ body {
   position: relative;
   overflow: auto;
   color: $text-basic;
-  font-size: 14px;
+  font-size: 16px;
   line-height: 1.5;
   background: $page-bg;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -64,6 +64,10 @@ h6 {
   font-size: 0.67em;
 }
 
+ul li {
+  list-style-type: none;
+}
+
 .xa-variable {
   border: 0px;
   padding: 1px;

diff --git a/...tecore-jss/src/templates/nextjs-sxa/src/assets/sass/components/_component-navigation.scss b/...tecore-jss/src/templates/nextjs-sxa/src/assets/sass/components/_component-navigation.scss
@@ -1,47 +1,51 @@
 @import "@sass/abstracts/mixins";
 @import "@sass/abstracts/vars";
+
 .navigation {
-    background: $nav-bg;
-    .level1, .level0 {
-        >.navigation-title>a {
-            font-size: $navigation-font-basic;
-            border-color: $nav-border-root;
-            border-style: solid;
-            border-width: 0 0 2px 0;
-            padding-right: 3px;
-            margin-right: 5px;
-            &:hover {
-                text-decoration: none;
-            }
-        }
-    }
-    a {
-        color: $nav-color-root;
-        .lt-ie9 &, .lt-ie9 & span {
-            color: $nav-color-root;
-        }
-        &:focus, &:hover {
-            color: $nav-color-root-active;
-        }
-    }
-    li {
-        &.submenu {
-            margin-bottom: 0;
-        }
-        >.navigation-title {
-            >a {
-                padding: 3px 5px 3px 0;
-                display: block;
-                color: $nav-color-root;
-                text-decoration: none;
-            }
-        }
-        >ul a {
-            font-size: $navigation-font-basic-submenu;
-        }
-    }
-    .submenu>ul {
-        padding-left: 10px;
-    }
-    @import "@sass/variants/navigation";
+  background: $nav-bg;
+  ul {
+    padding-left: 0;
+  }
+  .level0, .level1 {
+      >.navigation-title>a {
+          font-size: $navigation-font-basic;
+          border-color: $nav-border-root;
+          border-style: solid;
+          border-width: 0 0 2px 0;
+          padding-right: 3px;
+          margin-right: 5px;
+          &:hover {
+              text-decoration: none;
+          }
+      }
+  }
+  a {
+      color: $nav-color-root;
+      .lt-ie9 &, .lt-ie9 & span {
+          color: $nav-color-root;
+      }
+      &:focus, &:hover {
+          color: $nav-color-root-active;
+      }
+  }
+  li {
+      &.submenu {
+          margin-bottom: 0;
+      }
+      >.navigation-title {
+          >a {
+              padding: 3px 5px 3px 0;
+              display: block;
+              color: $nav-color-root;
+              text-decoration: none;
+          }
+      }
+      >ul a {
+          font-size: $navigation-font-basic-submenu;
+      }
+  }
+  .submenu>ul {
+      padding-left: 10px;
+  }
 }
+@import "@sass/components/navigation/";
diff --git a/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/sass/components/index.scss b/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/sass/components/index.scss
@@ -9,7 +9,6 @@
 @import "container";
 @import "layout";
 @import "spacing";
-@import "navigation";
 @import "promo";
 @import "spacing";
 @import "title";