Leven: Cleaning up header styles to better support logo and social menu

leven/sass/_config-child-theme-deep.scss

@@ -87,7 +87,7 @@ $config-global: (
 	/* Spacing */
 	"spacing": (
 		"unit": (2 * $baseline-unit), // 16px
-		"measure": inherit, // Use ch units here. ie: 60ch = 60 character max-width
+		"measure": unset, // Use ch units here. ie: 60ch = 60 character max-width
 		"horizontal": (2 * $baseline-unit), // 16px
 		"vertical": (4 * $baseline-unit), // 32px matches default spacing in the editor.
 	),

leven/sass/_extra-child-theme.scss

@@ -67,8 +67,9 @@ a {
 		grid-template-rows: auto;
 		grid-column-gap: #{map-deep-get($config-global, "spacing", "unit")};
 		grid-template-areas:
+			"site-branding ."
 			"site-branding main-navigation"
-			" . social-navigation";
+			"site-branding social-navigation";
 
 		&:before,
 		&:after {

leven/style-rtl.css

@@ -699,7 +699,7 @@ a {
 header *,
 main *,
 footer * {
-	max-width: inherit;
+	max-width: unset;
 }
 
 html,
@@ -3240,7 +3240,7 @@ p:not(.site-title) a:hover {
 		grid-template-columns: auto;
 		grid-template-rows: auto;
 		grid-column-gap: 16px;
-		grid-template-areas: "site-branding main-navigation" " . social-navigation";
+		grid-template-areas: "site-branding ." "site-branding main-navigation" "site-branding social-navigation";
 	}
 	.site-header:before, .site-header:after {
 		content: none;

leven/style.css

@@ -699,7 +699,7 @@ a {
 header *,
 main *,
 footer * {
-	max-width: inherit;
+	max-width: unset;
 }
 
 html,
@@ -3245,7 +3245,7 @@ p:not(.site-title) a:hover {
 		grid-template-columns: auto;
 		grid-template-rows: auto;
 		grid-column-gap: 16px;
-		grid-template-areas: "site-branding main-navigation" " . social-navigation";
+		grid-template-areas: "site-branding ." "site-branding main-navigation" "site-branding social-navigation";
 	}
 	.site-header:before, .site-header:after {
 		content: none;