Rockfield: Replace "diamond" before element with "bullet" as it's not supported by every OS

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\FE0E";
+		content: "\2022";
 		font-family: Arial, Helvetica, sans-serif;
 		margin: 0 .25em;
 	}
@@ -150,9 +150,8 @@ a {
 				> li {
 					&:not(:first-child):before {
 						color: map-deep-get($config-global, "color", "foreground", "light");
-						content: "\2666\FE0E";
+						content: "\2022";
 						font-family: Arial, Helvetica, sans-serif;
-						font-size: #{map-deep-get($config-global, "font", "size", "sm")};
 						line-height: 1;
 						padding-bottom: #{0.5 * map-deep-get($config-global, "spacing", "unit")};
 						padding-top: #{0.5 * map-deep-get($config-global, "spacing", "unit")};
@@ -640,7 +639,7 @@ table,
 		> li {
 			&:not(:first-child):before {
 				color: map-deep-get($config-global, "color", "border", "dark");
-				content: "\2666\FE0E";
+				content: "\2022";
 				font-family: Arial, Helvetica, sans-serif;
 			}
 		}

rockfield/style-rtl.css

@@ -1962,7 +1962,10 @@ table th,
 	vertical-align: middle;
 }
 
-/* Text Alignments */
+/* Block Alignments */
+/**
+ * .alignleft
+ */
 .alignleft {
 	text-align: left;
 	float: left;
@@ -1971,12 +1974,18 @@ table th,
 	margin-bottom: 32px;
 }
 
+/**
+ * .aligncenter
+ */
 .aligncenter {
 	clear: both;
 	float: none;
 	text-align: center;
 }
 
+/**
+ * .alignright
+ */
 .alignright {
 	float: right;
 	margin-top: 0;
@@ -1984,6 +1993,11 @@ table th,
 	margin-left: 16px;
 }
 
+.entry-content * > .alignleft + *,
+.entry-content * > .alignright + * {
+	margin-top: 0;
+}
+
 /**
  * .aligndefault
  */
@@ -3283,70 +3297,70 @@ img#wpstats {
 	/* Letting the box-model do all the work here. */
 }
 
-.alignright {
+.entry-content > .alignright {
 	margin-right: 16px;
 }
 
 @media only screen and (min-width: 560px) {
-	.alignright {
+	.entry-content > .alignright {
 		margin-right: calc( 0.5 * (100vw - calc( 560px - 32px)));
 	}
 }
 
 @media only screen and (min-width: 640px) {
-	.alignright {
+	.entry-content > .alignright {
 		margin-right: calc( 0.5 * (100vw - calc( 640px - 32px)));
 	}
 }
 
 @media only screen and (min-width: 782px) {
-	.alignright {
+	.entry-content > .alignright {
 		margin-right: calc( 0.5 * (100vw - calc( 782px - 32px)));
 	}
 }
 
 @media only screen and (min-width: 1024px) {
-	.alignright {
+	.entry-content > .alignright {
 		margin-right: calc( 0.5 * (100vw - calc( 782px - 32px)));
 	}
 }
 
 @media only screen and (min-width: 1280px) {
-	.alignright {
+	.entry-content > .alignright {
 		margin-right: calc( 0.5 * (100vw - calc( 782px - 32px)));
 	}
 }
 
-.alignleft {
+.entry-content > .alignleft {
 	margin-left: 16px;
 }
 
 @media only screen and (min-width: 560px) {
-	.alignleft {
+	.entry-content > .alignleft {
 		margin-left: calc( 0.5 * (100vw - calc( 560px - 32px)));
 	}
 }
 
 @media only screen and (min-width: 640px) {
-	.alignleft {
+	.entry-content > .alignleft {
 		margin-left: calc( 0.5 * (100vw - calc( 640px - 32px)));
 	}
 }
 
 @media only screen and (min-width: 782px) {
-	.alignleft {
+	.entry-content > .alignleft {
 		margin-left: calc( 0.5 * (100vw - calc( 782px - 32px)));
 	}
 }
 
 @media only screen and (min-width: 1024px) {
-	.alignleft {
+	.entry-content > .alignleft {
 		margin-left: calc( 0.5 * (100vw - calc( 782px - 32px)));
 	}
 }
 
 @media only screen and (min-width: 1280px) {
-	.alignleft {
+	.entry-content > .alignleft {
 		margin-left: calc( 0.5 * (100vw - calc( 782px - 32px)));
 	}
 }
@@ -3359,6 +3373,29 @@ img#wpstats {
  * Vendors
  * - 3rd-party compatibility styles
  */
+/**
+ * Subscription Form
+ */
+.wp-block-jetpack-subscriptions form > * {
+	margin-top: 21.312px;
+	margin-bottom: 21.312px;
+}
+
+@media only screen and (min-width: 560px) {
+	.wp-block-jetpack-subscriptions form > * {
+		margin-top: 32px;
+		margin-bottom: 32px;
+	}
+}
+
+.wp-block-jetpack-subscriptions form > *:first-child {
+	margin-top: 0;
+}
+
+.wp-block-jetpack-subscriptions form > *:last-child {
+	margin-bottom: 0;
+}
+
 /**
  * Child Theme Extra Styles
  */
@@ -3466,7 +3503,7 @@ p:not(.site-title) a:hover {
 	}
 	.site-title:not(:empty) + .site-description:not(:empty):before {
 		color: #757575;
-		content: "\2666\FE0E";
+		content: "\2022";
 		font-family: Arial, Helvetica, sans-serif;
 		margin: 0 .25em;
 	}
@@ -3523,9 +3560,8 @@ 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\FE0E";
+		content: "\2022";
 		font-family: Arial, Helvetica, sans-serif;
-		font-size: 0.83333rem;
 		line-height: 1;
 		padding-bottom: 8px;
 		padding-top: 8px;
@@ -3990,7 +4026,7 @@ table th,
 
 .footer-navigation .footer-menu > li:not(:first-child):before {
 	color: #D0D0D0;
-	content: "\2666\FE0E";
+	content: "\2022";
 	font-family: Arial, Helvetica, sans-serif;
 }
 

rockfield/style.css

@@ -1962,7 +1962,10 @@ table th,
 	vertical-align: middle;
 }
 
-/* Text Alignments */
+/* Block Alignments */
+/**
+ * .alignleft
+ */
 .alignleft {
 	/*rtl:ignore*/
 	text-align: left;
@@ -1974,22 +1977,32 @@ table th,
 	margin-bottom: 32px;
 }
 
+/**
+ * .aligncenter
+ */
 .aligncenter {
 	clear: both;
 	float: none;
 	text-align: center;
 }
 
+/**
+ * .alignright
+ */
 .alignright {
 	/*rtl:ignore*/
 	float: right;
-	/*rtl:ignore*/
 	margin-top: 0;
 	margin-bottom: 32px;
 	/*rtl:ignore*/
 	margin-left: 16px;
 }
 
+.entry-content * > .alignleft + *,
+.entry-content * > .alignright + * {
+	margin-top: 0;
+}
+
 /**
  * .aligndefault
  */
@@ -3289,81 +3302,81 @@ img#wpstats {
 	/* Letting the box-model do all the work here. */
 }
 
-.alignright {
+.entry-content > .alignright {
 	/*rtl:ignore*/
 	margin-right: 16px;
 }
 
 @media only screen and (min-width: 560px) {
-	.alignright {
+	.entry-content > .alignright {
 		/*rtl:ignore*/
 		margin-right: calc( 0.5 * (100vw - calc( 560px - 32px)));
 	}
 }
 
 @media only screen and (min-width: 640px) {
-	.alignright {
+	.entry-content > .alignright {
 		/*rtl:ignore*/
 		margin-right: calc( 0.5 * (100vw - calc( 640px - 32px)));
 	}
 }
 
 @media only screen and (min-width: 782px) {
-	.alignright {
+	.entry-content > .alignright {
 		/*rtl:ignore*/
 		margin-right: calc( 0.5 * (100vw - calc( 782px - 32px)));
 	}
 }
 
 @media only screen and (min-width: 1024px) {
-	.alignright {
+	.entry-content > .alignright {
 		/*rtl:ignore*/
 		margin-right: calc( 0.5 * (100vw - calc( 782px - 32px)));
 	}
 }
 
 @media only screen and (min-width: 1280px) {
-	.alignright {
+	.entry-content > .alignright {
 		/*rtl:ignore*/
 		margin-right: calc( 0.5 * (100vw - calc( 782px - 32px)));
 	}
 }
 
-.alignleft {
+.entry-content > .alignleft {
 	/*rtl:ignore*/
 	margin-left: 16px;
 }
 
 @media only screen and (min-width: 560px) {
-	.alignleft {
+	.entry-content > .alignleft {
 		/*rtl:ignore*/
 		margin-left: calc( 0.5 * (100vw - calc( 560px - 32px)));
 	}
 }
 
 @media only screen and (min-width: 640px) {
-	.alignleft {
+	.entry-content > .alignleft {
 		/*rtl:ignore*/
 		margin-left: calc( 0.5 * (100vw - calc( 640px - 32px)));
 	}
 }
 
 @media only screen and (min-width: 782px) {
-	.alignleft {
+	.entry-content > .alignleft {
 		/*rtl:ignore*/
 		margin-left: calc( 0.5 * (100vw - calc( 782px - 32px)));
 	}
 }
 
 @media only screen and (min-width: 1024px) {
-	.alignleft {
+	.entry-content > .alignleft {
 		/*rtl:ignore*/
 		margin-left: calc( 0.5 * (100vw - calc( 782px - 32px)));
 	}
 }
 
 @media only screen and (min-width: 1280px) {
-	.alignleft {
+	.entry-content > .alignleft {
 		/*rtl:ignore*/
 		margin-left: calc( 0.5 * (100vw - calc( 782px - 32px)));
 	}
@@ -3377,6 +3390,29 @@ img#wpstats {
  * Vendors
  * - 3rd-party compatibility styles
  */
+/**
+ * Subscription Form
+ */
+.wp-block-jetpack-subscriptions form > * {
+	margin-top: 21.312px;
+	margin-bottom: 21.312px;
+}
+
+@media only screen and (min-width: 560px) {
+	.wp-block-jetpack-subscriptions form > * {
+		margin-top: 32px;
+		margin-bottom: 32px;
+	}
+}
+
+.wp-block-jetpack-subscriptions form > *:first-child {
+	margin-top: 0;
+}
+
+.wp-block-jetpack-subscriptions form > *:last-child {
+	margin-bottom: 0;
+}
+
 /**
  * Child Theme Extra Styles
  */
@@ -3484,7 +3520,7 @@ p:not(.site-title) a:hover {
 	}
 	.site-title:not(:empty) + .site-description:not(:empty):before {
 		color: #757575;
-		content: "\2666\FE0E";
+		content: "\2022";
 		font-family: Arial, Helvetica, sans-serif;
 		margin: 0 .25em;
 	}
@@ -3541,9 +3577,8 @@ 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\FE0E";
+		content: "\2022";
 		font-family: Arial, Helvetica, sans-serif;
-		font-size: 0.83333rem;
 		line-height: 1;
 		padding-bottom: 8px;
 		padding-top: 8px;
@@ -4008,7 +4043,7 @@ table th,
 
 .footer-navigation .footer-menu > li:not(:first-child):before {
 	color: #D0D0D0;
-	content: "\2666\FE0E";
+	content: "\2022";
 	font-family: Arial, Helvetica, sans-serif;
 }