Varia: Remove negative margins in menu links

varia/sass/components/footer/_footer-navigation.scss

@@ -29,12 +29,12 @@
 		& > li {
 			display: inline;
 
-			&:first-of-type {
-				margin-left: -#{map-deep-get($config-global, "spacing", "unit")};
+			&:first-of-type > a {
+				padding-left: 0;
 			}
 
 			&:last-of-type {
-				margin-right: -#{map-deep-get($config-global, "spacing", "unit")};
+				padding-right: 0;
 			}
 		}
 

varia/sass/components/header/_site-main-navigation.scss

@@ -99,12 +99,12 @@
 
 		& > li {
 
-			&:first-of-type {
-				margin-left: -#{map-deep-get($config-global, "spacing", "unit")};
+			&:first-of-type > a {
+				padding-left: 0;
 			}
 
-			&:last-of-type {
-				margin-right: -#{map-deep-get($config-global, "spacing", "unit")};
+			&:last-of-type > a {
+				padding-right: 0;
 			}
 
 			& > a {

varia/sass/components/header/_site-social-navigation.scss

@@ -8,12 +8,12 @@
 		list-style: none;
 		margin: 0;
 
-		& > li:first-of-type {
-			margin-left: calc(-0.5 * #{map-deep-get($config-global, "spacing", "unit")})
+		& > li:first-of-type > a {
+			padding-left: 0;
 		}
 
-		& > li:last-of-type {
-			margin-right: calc(-0.5 * #{map-deep-get($config-global, "spacing", "unit")})
+		& > li:last-of-type > a {
+			padding-right: 0;
 		}
 	}
 

varia/style-rtl.css

@@ -2375,12 +2375,12 @@ table th,
 	}
 }
 
-.main-navigation > div > ul > li:first-of-type {
-	margin-right: -16px;
+.main-navigation > div > ul > li:first-of-type > a {
+	padding-right: 0;
 }
 
-.main-navigation > div > ul > li:last-of-type {
-	margin-left: -16px;
+.main-navigation > div > ul > li:last-of-type > a {
+	padding-left: 0;
 }
 
 .main-navigation > div > ul > li > a {
@@ -2488,12 +2488,12 @@ table th,
 	margin: 0;
 }
 
-.social-navigation > div > ul > li:first-of-type {
-	margin-right: calc(-0.5 * 16px);
+.social-navigation > div > ul > li:first-of-type > a {
+	padding-right: 0;
 }
 
-.social-navigation > div > ul > li:last-of-type {
-	margin-left: calc(-0.5 * 16px);
+.social-navigation > div > ul > li:last-of-type > a {
+	padding-left: 0;
 }
 
 .social-navigation a {
@@ -2591,12 +2591,12 @@ table th,
 	display: inline;
 }
 
-.footer-navigation .footer-menu > li:first-of-type {
-	margin-right: -16px;
+.footer-navigation .footer-menu > li:first-of-type > a {
+	padding-right: 0;
 }
 
 .footer-navigation .footer-menu > li:last-of-type {
-	margin-left: -16px;
+	padding-left: 0;
 }
 
 .footer-navigation .footer-menu a {

varia/style.css

@@ -2381,12 +2381,12 @@ table th,
 	}
 }
 
-.main-navigation > div > ul > li:first-of-type {
-	margin-left: -16px;
+.main-navigation > div > ul > li:first-of-type > a {
+	padding-left: 0;
 }
 
-.main-navigation > div > ul > li:last-of-type {
-	margin-right: -16px;
+.main-navigation > div > ul > li:last-of-type > a {
+	padding-right: 0;
 }
 
 .main-navigation > div > ul > li > a {
@@ -2494,12 +2494,12 @@ table th,
 	margin: 0;
 }
 
-.social-navigation > div > ul > li:first-of-type {
-	margin-left: calc(-0.5 * 16px);
+.social-navigation > div > ul > li:first-of-type > a {
+	padding-left: 0;
 }
 
-.social-navigation > div > ul > li:last-of-type {
-	margin-right: calc(-0.5 * 16px);
+.social-navigation > div > ul > li:last-of-type > a {
+	padding-right: 0;
 }
 
 .social-navigation a {
@@ -2597,12 +2597,12 @@ table th,
 	display: inline;
 }
 
-.footer-navigation .footer-menu > li:first-of-type {
-	margin-left: -16px;
+.footer-navigation .footer-menu > li:first-of-type > a {
+	padding-left: 0;
 }
 
 .footer-navigation .footer-menu > li:last-of-type {
-	margin-right: -16px;
+	padding-right: 0;
 }
 
 .footer-navigation .footer-menu a {