Brompton: Recompiling after change to Varia in previous commit.

brompton/sass/_extra-child-theme.scss

@@ -162,6 +162,15 @@
 	}
 
 	@include media(mobile) {
+
+		& > div > ul > li:first-of-type > a {
+			padding-left: #{map-deep-get($config-header, "main-nav", "link-padding")};
+		}
+
+		& > div > ul > li:last-of-type > a {
+			padding-right: #{map-deep-get($config-header, "main-nav", "link-padding")};
+		}
+
 		& > div > ul > li:hover,
 		& > div > ul > li.focus,
 		& > div > ul > li.current-menu-item {

brompton/style-rtl.css

@@ -2417,26 +2417,22 @@ table th,
 	}
 }
 
-.main-navigation > div > ul > li > a {
-	line-height: 1;
-}
-
-.main-navigation > div > ul > li > a:before, .main-navigation > div > ul > li > a:after {
-	content: '';
-	display: block;
-	height: 0;
-	width: 0;
-}
-
-.main-navigation > div > ul > li > a:before {
-	margin-bottom: -0.12em;
-}
-
-.main-navigation > div > ul > li > a:after {
-	margin-top: -0.11em;
-}
-
 @media only screen and (min-width: 560px) {
+	.main-navigation > div > ul > li > a {
+		line-height: 1;
+	}
+	.main-navigation > div > ul > li > a:before, .main-navigation > div > ul > li > a:after {
+		content: '';
+		display: block;
+		height: 0;
+		width: 0;
+	}
+	.main-navigation > div > ul > li > a:before {
+		margin-bottom: -0.12em;
+	}
+	.main-navigation > div > ul > li > a:after {
+		margin-top: -0.11em;
+	}
 	.main-navigation > div > ul > li:first-of-type > a {
 		padding-right: 0;
 	}
@@ -2474,7 +2470,7 @@ table th,
 	font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 0.83333rem;
 	font-weight: 900;
-	padding: 16px 0;
+	padding: 8px 0;
 }
 
 @media only screen and (min-width: 560px) {

brompton/style.css

@@ -2422,26 +2422,22 @@ table th,
 	}
 }
 
-.main-navigation > div > ul > li > a {
-	line-height: 1;
-}
-
-.main-navigation > div > ul > li > a:before, .main-navigation > div > ul > li > a:after {
-	content: '';
-	display: block;
-	height: 0;
-	width: 0;
-}
-
-.main-navigation > div > ul > li > a:before {
-	margin-bottom: -0.12em;
-}
-
-.main-navigation > div > ul > li > a:after {
-	margin-top: -0.11em;
-}
-
 @media only screen and (min-width: 560px) {
+	.main-navigation > div > ul > li > a {
+		line-height: 1;
+	}
+	.main-navigation > div > ul > li > a:before, .main-navigation > div > ul > li > a:after {
+		content: '';
+		display: block;
+		height: 0;
+		width: 0;
+	}
+	.main-navigation > div > ul > li > a:before {
+		margin-bottom: -0.12em;
+	}
+	.main-navigation > div > ul > li > a:after {
+		margin-top: -0.11em;
+	}
 	.main-navigation > div > ul > li:first-of-type > a {
 		padding-left: 0;
 	}
@@ -2479,7 +2475,7 @@ table th,
 	font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 0.83333rem;
 	font-weight: 900;
-	padding: 16px 0;
+	padding: 8px 0;
 }
 
 @media only screen and (min-width: 560px) {
@@ -3568,6 +3564,12 @@ img#wpstats {
 }
 
 @media only screen and (min-width: 560px) {
+	.main-navigation > div > ul > li:first-of-type > a {
+		padding-left: 16px;
+	}
+	.main-navigation > div > ul > li:last-of-type > a {
+		padding-right: 16px;
+	}
 	.main-navigation > div > ul > li:hover > ul,
 	.main-navigation > div > ul > li.focus > ul,
 	.main-navigation > div > ul > li.current-menu-item > ul {