Barnsbury: Update body text and line height to 20px/1.6, reduce vertical padding on header

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

@@ -10,7 +10,7 @@
 // Vertical Rhythm Multiplier
 $baseline-unit: 8px;
 
-$typescale-root: 22px; // Set 16px/1em default on html
+$typescale-root: 20px; // Set 16px/1em default on html
 $typescale-base: 1rem; // Set 1em default on body == $typescale-root;
 $typescale-ratio: 1.18; // Run ratio math on 1em == $typescale-base * $typescale-root;
 
@@ -53,7 +53,7 @@ $config-global: (
 		/* Line Height */
 		"line-height": (
 			"base": strip-unit($typescale-base),
-			"body": 1.8,
+			"body": 1.6,
 			"heading": 1.2,
 		),
 	),

barnsbury/sass/_extra-child-theme.scss

@@ -29,7 +29,7 @@ a {
 
 	@include media(mobile) {
 		max-width: $content-width-sm;
-		padding: (3 * $spacing_vertical) 0 (2 * $spacing_vertical);
+		padding: (2 * $spacing_vertical) 0 (1.25 * $spacing_vertical);
 	}
 
 	@include media(tablet) {

barnsbury/style-editor.css

@@ -171,20 +171,20 @@ body {
 	color: #3C2323;
 	background-color: #FFFDF6;
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
-	font-size: 22px;
+	font-size: 20px;
 	font-weight: normal;
-	line-height: 1.8;
+	line-height: 1.6;
 	-moz-osx-font-smoothing: grayscale;
 	-webkit-font-smoothing: antialiased;
 }
 
 .editor-post-title__block {
-	font-size: 22px;
+	font-size: 20px;
 }
 
 p {
 	font-size: 1em;
-	line-height: 1.8;
+	line-height: 1.6;
 }
 
 a {

barnsbury/style-rtl.css

@@ -588,14 +588,14 @@ html {
  * HTML resets
  */
 html {
-	font-size: 18.64407px;
+	font-size: 16.94915px;
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
-	line-height: 1.8;
+	line-height: 1.6;
 }
 
 @media only screen and (min-width: 560px) {
 	html {
-		font-size: 22px;
+		font-size: 20px;
 	}
 }
 
@@ -1482,7 +1482,7 @@ img {
 
 .wp-block-latest-comments .wp-block-latest-comments__comment {
 	font-size: 0.84746rem;
-	line-height: 1.8;
+	line-height: 1.6;
 	/* Vertical margins logic */
 	margin-top: 32px;
 	margin-bottom: 32px;
@@ -1507,7 +1507,7 @@ img {
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
 	font-size: 0.84746rem;
-	line-height: 1.8;
+	line-height: 1.6;
 	margin: 0;
 }
 
@@ -1539,12 +1539,12 @@ img {
 .wp-block-latest-posts .wp-block-latest-posts__post-date {
 	color: #4a4a4a;
 	font-size: 0.71818rem;
-	line-height: 1.8;
+	line-height: 1.6;
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
 	font-size: 0.84746rem;
-	line-height: 1.8;
+	line-height: 1.6;
 	margin: 0;
 }
 
@@ -2374,6 +2374,11 @@ table th,
 	z-index: 99999;
 }
 
+.main-navigation > div > ul li:hover, .main-navigation > div > ul li[focus-within] {
+	cursor: pointer;
+	z-index: 99999;
+}
+
 .main-navigation > div > ul li:hover, .main-navigation > div > ul li:focus-within {
 	cursor: pointer;
 	z-index: 99999;
@@ -2394,6 +2399,14 @@ table th,
 		display: block;
 	}
 	.main-navigation > div > ul li:hover > ul,
+	.main-navigation > div > ul li[focus-within] > ul,
+	.main-navigation > div > ul li ul:hover,
+	.main-navigation > div > ul li ul:focus {
+		visibility: visible;
+		opacity: 1;
+		display: block;
+	}
+	.main-navigation > div > ul li:hover > ul,
 	.main-navigation > div > ul li:focus-within > ul,
 	.main-navigation > div > ul li ul:hover,
 	.main-navigation > div > ul li ul:focus {
@@ -3401,7 +3414,7 @@ a {
 @media only screen and (min-width: 560px) {
 	.site-header {
 		max-width: calc( 560px - 32px);
-		padding: 96px 0 64px;
+		padding: 64px 0 40px;
 	}
 }
 

barnsbury/style.css

@@ -588,14 +588,14 @@ html {
  * HTML resets
  */
 html {
-	font-size: 18.64407px;
+	font-size: 16.94915px;
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
-	line-height: 1.8;
+	line-height: 1.6;
 }
 
 @media only screen and (min-width: 560px) {
 	html {
-		font-size: 22px;
+		font-size: 20px;
 	}
 }
 
@@ -1482,7 +1482,7 @@ img {
 
 .wp-block-latest-comments .wp-block-latest-comments__comment {
 	font-size: 0.84746rem;
-	line-height: 1.8;
+	line-height: 1.6;
 	/* Vertical margins logic */
 	margin-top: 32px;
 	margin-bottom: 32px;
@@ -1507,7 +1507,7 @@ img {
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
 	font-size: 0.84746rem;
-	line-height: 1.8;
+	line-height: 1.6;
 	margin: 0;
 }
 
@@ -1539,12 +1539,12 @@ img {
 .wp-block-latest-posts .wp-block-latest-posts__post-date {
 	color: #4a4a4a;
 	font-size: 0.71818rem;
-	line-height: 1.8;
+	line-height: 1.6;
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
 	font-size: 0.84746rem;
-	line-height: 1.8;
+	line-height: 1.6;
 	margin: 0;
 }
 
@@ -3406,7 +3406,7 @@ a {
 @media only screen and (min-width: 560px) {
 	.site-header {
 		max-width: calc( 560px - 32px);
-		padding: 96px 0 64px;
+		padding: 64px 0 40px;
 	}
 }