Merge pull request #1072 from WebDevStudios/feature/WDSUS-45-wd_s-cle…

…anup

Feature/WDSUS-45 WDS Cleanup

assets/scss/blocks/core/_navigation.scss

@@ -0,0 +1,44 @@
+/* stylelint-disable selector-class-pattern, declaration-no-important, value-keyword-case */
+
+/* Navigation
+--------------------------------------------- */
+
+.wp-block-navigation__responsive-container.is-menu-open {
+	padding-left: var( --wp--preset--spacing--50 ) !important;
+	padding-right: var( --wp--preset--spacing--50 ) !important;
+	width: 100%;
+}
+
+/* Submenu
+--------------------------------------------- */
+
+.wp-block-navigation:not( .has-background )
+	.wp-block-navigation__submenu-container {
+	min-width: 180px !important;
+	padding: var( --wp--preset--spacing--20 );
+}
+
+.wp-block-navigation
+	:where( .wp-block-navigation__submenu-container )
+	.wp-block-navigation-item__content {
+	padding: 2px var( --wp--preset--spacing--20 );
+}
+
+.wp-block-navigation__responsive-container.is-menu-open
+	.wp-block-navigation__submenu-container {
+	padding-left: var( --wp--preset--spacing--20 ) !important;
+	padding-right: var( --wp--preset--spacing--20 ) !important;
+}
+
+/* Media Queries
+---------------------------------------------------------------------------- */
+
+@media only screen and ( max-width: 600px ) {
+	.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation {
+		--navigation-layout-justification-setting: flex-start;
+		--navigation-layout-justify: flex-start;
+		width: 100%;
+	}
+}
+
+/* stylelint-enable selector-class-pattern, declaration-no-important, value-keyword-case */

assets/scss/blocks/core/index.scss

@@ -2,3 +2,5 @@
 // Core Gutenberg Block Styles
 // Import supported Core Gutenberg block partials.
 //----------------------------------------
+
+@import 'navigation';

assets/scss/critical/_header.scss

@@ -2,18 +2,18 @@
 // Global Site Header
 //--------------------------------------------------------------
 .site-header {
-	@apply flex px-10 py-4 flex-nowrap justify-between items-center;
-
 	.site-header-content {
 		@apply m-0;
 
-		.site-branding {
-			@apply flex-auto;
-			a {
-				@apply no-underline;
+		.wp-block-site-logo {
+			.site-branding {
+				@apply flex-auto;
+				a {
+					@apply no-underline;
 
-				.custom-logo {
-					@apply w-auto max-h-14;
+					.custom-logo {
+						@apply w-auto max-h-14;
+					}
 				}
 			}
 		}

assets/scss/critical/index.scss

@@ -4,5 +4,3 @@
 //----------------------------------------
 
 @import 'header';
-@import 'menus';
-@import 'footer';

assets/scss/global/index.scss

@@ -4,3 +4,4 @@
 
 @import 'global';
 @import 'editor';
+@import 'footer';