Redhill: Resize `$typescale-root` and increase size of the site title

redhill/functions.php

@@ -32,25 +32,31 @@
 				array(
 					'name'      => __( 'Small', 'redhill' ),
 					'shortName' => __( 'S', 'redhill' ),
-					'size'      => 18.5,
+					'size'      => 16.66,
 					'slug'      => 'small',
 				),
 				array(
 					'name'      => __( 'Normal', 'redhill' ),
-					'shortName' => __( 'M', 'redhill' ),
-					'size'      => 22,
+					'shortName' => __( 'N', 'redhill' ),
+					'size'      => 20,
 					'slug'      => 'normal',
 				),
+				array(
+					'name'      => __( 'Medium', 'redhill' ),
+					'shortName' => __( 'M', 'redhill' ),
+					'size'      => 24,
+					'slug'      => 'medium',
+				),
 				array(
 					'name'      => __( 'Large', 'redhill' ),
 					'shortName' => __( 'L', 'redhill' ),
-					'size'      => 32,
+					'size'      => 28.8,
 					'slug'      => 'large',
 				),
 				array(
 					'name'      => __( 'Huge', 'redhill' ),
 					'shortName' => __( 'XL', 'redhill' ),
-					'size'      => 38,
+					'size'      => 34.56,
 					'slug'      => 'huge',
 				),
 			)

redhill/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.2; // Run ratio math on 1em == $typescale-base * $typescale-root;
 
@@ -290,7 +290,7 @@ $config-header: (
 			// Fonts
 			"font": (
 				"family": map-deep-get($config-global, "font", "family", "primary"),
-				"size": map-deep-get($config-global, "font", "size", "xxxl"),
+				"size": map-deep-get($config-global, "font", "size", "xxxxl"),
 				"weight": bold,
 				"line-height": 1,
 			),

redhill/style-editor.css

@@ -171,7 +171,7 @@ body {
 	color: #222222;
 	background-color: white;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	font-size: 22px;
+	font-size: 20px;
 	font-weight: normal;
 	line-height: 1.6;
 	-moz-osx-font-smoothing: grayscale;
@@ -306,7 +306,7 @@ object {
 	font-size: 1em;
 	line-height: 1;
 	background-color: #CA2017;
-	border-radius: 4.4px;
+	border-radius: 4px;
 	padding: 16px 24px;
 }
 

redhill/style-rtl.css

@@ -286,7 +286,7 @@ a {
 
 .main-navigation > div {
 	background: #FAFAFA;
-	border-radius: 4.4px;
+	border-radius: 4px;
 	padding-right: 16px;
 	padding-left: 16px;
 }
@@ -308,13 +308,13 @@ a {
 	.main-navigation > div > ul > li.focus > a,
 	.main-navigation > div > ul > li.current-menu-item > a {
 		background: #CA2017;
-		border-radius: 4.4px;
+		border-radius: 4px;
 		color: white;
 	}
 	.main-navigation > div > ul > li:hover > ul,
 	.main-navigation > div > ul > li.focus > ul,
 	.main-navigation > div > ul > li.current-menu-item > ul {
-		border-radius: 4.4px;
+		border-radius: 4px;
 		overflow: hidden;
 	}
 	.main-navigation > div > ul > li:hover li > a,
@@ -1041,14 +1041,14 @@ html {
  * HTML resets
  */
 html {
-	font-size: 18.33333px;
+	font-size: 16.66667px;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	line-height: 1.6;
 }
 
 @media only screen and (min-width: 560px) {
 	html {
-		font-size: 22px;
+		font-size: 20px;
 	}
 }
 
@@ -1526,7 +1526,7 @@ input[type="submit"],
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 1rem;
 	background-color: #CA2017;
-	border-radius: 4.4px;
+	border-radius: 4px;
 	border-width: 0;
 	padding: 16px 24px;
 }
@@ -3480,7 +3480,7 @@ a {
 
 .main-navigation > div {
 	background: #FAFAFA;
-	border-radius: 4.4px;
+	border-radius: 4px;
 	padding-right: 16px;
 	padding-left: 16px;
 }
@@ -3502,13 +3502,13 @@ a {
 	.main-navigation > div > ul > li.focus > a,
 	.main-navigation > div > ul > li.current-menu-item > a {
 		background: #CA2017;
-		border-radius: 4.4px;
+		border-radius: 4px;
 		color: white;
 	}
 	.main-navigation > div > ul > li:hover > ul,
 	.main-navigation > div > ul > li.focus > ul,
 	.main-navigation > div > ul > li.current-menu-item > ul {
-		border-radius: 4.4px;
+		border-radius: 4px;
 		overflow: hidden;
 	}
 	.main-navigation > div > ul > li:hover li > a,

redhill/style.css

@@ -286,7 +286,7 @@ a {
 
 .main-navigation > div {
 	background: #FAFAFA;
-	border-radius: 4.4px;
+	border-radius: 4px;
 	padding-left: 16px;
 	padding-right: 16px;
 }
@@ -308,13 +308,13 @@ a {
 	.main-navigation > div > ul > li.focus > a,
 	.main-navigation > div > ul > li.current-menu-item > a {
 		background: #CA2017;
-		border-radius: 4.4px;
+		border-radius: 4px;
 		color: white;
 	}
 	.main-navigation > div > ul > li:hover > ul,
 	.main-navigation > div > ul > li.focus > ul,
 	.main-navigation > div > ul > li.current-menu-item > ul {
-		border-radius: 4.4px;
+		border-radius: 4px;
 		overflow: hidden;
 	}
 	.main-navigation > div > ul > li:hover li > a,
@@ -1041,14 +1041,14 @@ html {
  * HTML resets
  */
 html {
-	font-size: 18.33333px;
+	font-size: 16.66667px;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	line-height: 1.6;
 }
 
 @media only screen and (min-width: 560px) {
 	html {
-		font-size: 22px;
+		font-size: 20px;
 	}
 }
 
@@ -1526,7 +1526,7 @@ input[type="submit"],
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 1rem;
 	background-color: #CA2017;
-	border-radius: 4.4px;
+	border-radius: 4px;
 	border-width: 0;
 	padding: 16px 24px;
 }
@@ -2431,7 +2431,7 @@ table th,
 .site-title {
 	color: #111111;
 	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
-	font-size: 2.48832rem;
+	font-size: 2.98598rem;
 	letter-spacing: normal;
 	line-height: 1;
 }
@@ -3485,7 +3485,7 @@ a {
 
 .main-navigation > div {
 	background: #FAFAFA;
-	border-radius: 4.4px;
+	border-radius: 4px;
 	padding-left: 16px;
 	padding-right: 16px;
 }
@@ -3507,13 +3507,13 @@ a {
 	.main-navigation > div > ul > li.focus > a,
 	.main-navigation > div > ul > li.current-menu-item > a {
 		background: #CA2017;
-		border-radius: 4.4px;
+		border-radius: 4px;
 		color: white;
 	}
 	.main-navigation > div > ul > li:hover > ul,
 	.main-navigation > div > ul > li.focus > ul,
 	.main-navigation > div > ul > li.current-menu-item > ul {
-		border-radius: 4.4px;
+		border-radius: 4px;
 		overflow: hidden;
 	}
 	.main-navigation > div > ul > li:hover li > a,