Rockfield: Update content of before elements

rockfield/sass/_extra-child-theme.scss

@@ -95,7 +95,7 @@ a {
 
 	.site-title:not(:empty) + .site-description:not(:empty):before {
 		color: map-deep-get($config-global, "color", "foreground", "light");
-		content: "\2666";
+		content: "\2666\FE0E";
 		font-family: Arial, Helvetica, sans-serif;
 		margin: 0 .25em;
 	}
@@ -150,7 +150,7 @@ a {
 				> li {
 					&:not(:first-child):before {
 						color: map-deep-get($config-global, "color", "foreground", "light");
-						content: "\2666";
+						content: "\2666\FE0E";
 						font-family: Arial, Helvetica, sans-serif;
 						font-size: #{map-deep-get($config-global, "font", "size", "sm")};
 						line-height: 1;
@@ -640,7 +640,7 @@ table,
 		> li {
 			&:not(:first-child):before {
 				color: map-deep-get($config-global, "color", "border", "dark");
-				content: "\2666";
+				content: "\2666\FE0E";
 				font-family: Arial, Helvetica, sans-serif;
 			}
 		}

rockfield/style-rtl.css

@@ -1967,6 +1967,7 @@ table th,
 	text-align: left;
 	float: left;
 	margin-top: 0;
+	margin-right: 16px;
 	margin-bottom: 32px;
 }
 
@@ -1978,9 +1979,9 @@ table th,
 
 .alignright {
 	float: right;
-	margin-left: 16px;
 	margin-top: 0;
 	margin-bottom: 32px;
+	margin-left: 16px;
 }
 
 /**
@@ -2415,12 +2416,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 {
@@ -2528,12 +2529,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 {
@@ -2631,12 +2632,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 {
@@ -3196,7 +3197,7 @@ img#wpstats {
 
 .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
 	width: calc(100% + 256px);
-	max-width: calc(100vw - 32px);
+	max-width: calc(100% - 32px);
 	margin-right: auto;
 	margin-left: auto;
 }
@@ -3204,35 +3205,35 @@ img#wpstats {
 @media only screen and (min-width: 560px) {
 	.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
 		width: calc(calc( 560px - 32px) + 256px);
-		max-width: calc(100vw - 32px);
+		max-width: calc(100% - 32px);
 	}
 }
 
 @media only screen and (min-width: 640px) {
 	.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
 		width: calc(calc( 640px - 32px) + 256px);
-		max-width: calc(100vw - 32px);
+		max-width: calc(100% - 32px);
 	}
 }
 
 @media only screen and (min-width: 782px) {
 	.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
 		width: calc(calc( 782px - 32px) + 256px);
-		max-width: calc(100vw - 32px);
+		max-width: calc(100% - 32px);
 	}
 }
 
 @media only screen and (min-width: 1024px) {
 	.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
 		width: calc(calc( 782px - 32px) + 256px);
-		max-width: calc(100vw - 32px);
+		max-width: calc(100% - 32px);
 	}
 }
 
 @media only screen and (min-width: 1280px) {
 	.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
 		width: calc(calc( 782px - 32px) + 256px);
-		max-width: calc(100vw - 32px);
+		max-width: calc(100% - 32px);
 	}
 }
 
@@ -3465,7 +3466,7 @@ p:not(.site-title) a:hover {
 	}
 	.site-title:not(:empty) + .site-description:not(:empty):before {
 		color: #757575;
-		content: "\2666";
+		content: "\2666\FE0E";
 		font-family: Arial, Helvetica, sans-serif;
 		margin: 0 .25em;
 	}
@@ -3522,7 +3523,7 @@ p:not(.site-title) a:hover {
 @media only screen and (min-width: 560px) {
 	#site-navigation > div > ul > li:not(:first-child):before {
 		color: #757575;
-		content: "\2666";
+		content: "\2666\FE0E";
 		font-family: Arial, Helvetica, sans-serif;
 		font-size: 0.83333rem;
 		line-height: 1;
@@ -3989,7 +3990,7 @@ table th,
 
 .footer-navigation .footer-menu > li:not(:first-child):before {
 	color: #D0D0D0;
-	content: "\2666";
+	content: "\2666\FE0E";
 	font-family: Arial, Helvetica, sans-serif;
 }
 

rockfield/style.css

@@ -1969,6 +1969,8 @@ table th,
 	/*rtl:ignore*/
 	float: left;
 	margin-top: 0;
+	/*rtl:ignore*/
+	margin-right: 16px;
 	margin-bottom: 32px;
 }
 
@@ -1982,9 +1984,10 @@ table th,
 	/*rtl:ignore*/
 	float: right;
 	/*rtl:ignore*/
-	margin-left: 16px;
 	margin-top: 0;
 	margin-bottom: 32px;
+	/*rtl:ignore*/
+	margin-left: 16px;
 }
 
 /**
@@ -2419,12 +2422,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 {
@@ -2532,12 +2535,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 {
@@ -2635,12 +2638,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 {
@@ -3200,7 +3203,7 @@ img#wpstats {
 
 .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
 	width: calc(100% + 256px);
-	max-width: calc(100vw - 32px);
+	max-width: calc(100% - 32px);
 	margin-left: auto;
 	margin-right: auto;
 }
@@ -3208,35 +3211,35 @@ img#wpstats {
 @media only screen and (min-width: 560px) {
 	.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
 		width: calc(calc( 560px - 32px) + 256px);
-		max-width: calc(100vw - 32px);
+		max-width: calc(100% - 32px);
 	}
 }
 
 @media only screen and (min-width: 640px) {
 	.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
 		width: calc(calc( 640px - 32px) + 256px);
-		max-width: calc(100vw - 32px);
+		max-width: calc(100% - 32px);
 	}
 }
 
 @media only screen and (min-width: 782px) {
 	.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
 		width: calc(calc( 782px - 32px) + 256px);
-		max-width: calc(100vw - 32px);
+		max-width: calc(100% - 32px);
 	}
 }
 
 @media only screen and (min-width: 1024px) {
 	.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
 		width: calc(calc( 782px - 32px) + 256px);
-		max-width: calc(100vw - 32px);
+		max-width: calc(100% - 32px);
 	}
 }
 
 @media only screen and (min-width: 1280px) {
 	.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
 		width: calc(calc( 782px - 32px) + 256px);
-		max-width: calc(100vw - 32px);
+		max-width: calc(100% - 32px);
 	}
 }
 
@@ -3481,7 +3484,7 @@ p:not(.site-title) a:hover {
 	}
 	.site-title:not(:empty) + .site-description:not(:empty):before {
 		color: #757575;
-		content: "\2666";
+		content: "\2666\FE0E";
 		font-family: Arial, Helvetica, sans-serif;
 		margin: 0 .25em;
 	}
@@ -3538,7 +3541,7 @@ p:not(.site-title) a:hover {
 @media only screen and (min-width: 560px) {
 	#site-navigation > div > ul > li:not(:first-child):before {
 		color: #757575;
-		content: "\2666";
+		content: "\2666\FE0E";
 		font-family: Arial, Helvetica, sans-serif;
 		font-size: 0.83333rem;
 		line-height: 1;
@@ -4005,7 +4008,7 @@ table th,
 
 .footer-navigation .footer-menu > li:not(:first-child):before {
 	color: #D0D0D0;
-	content: "\2666";
+	content: "\2666\FE0E";
 	font-family: Arial, Helvetica, sans-serif;
 }