Implement suggested changes

varia/sass/abstracts/_responsive-logic.scss

@@ -126,72 +126,72 @@ $content-width-xxl: calc( #{map-deep-get($config-global, "breakpoint", "xxl")} -
 %responsive-alignright {
 
 	/*rtl:ignore*/
-	margin-right: #{map-deep-get($config-global, "spacing", "horizontal")};
 
 	@include media(mobile) {
 		/*rtl:ignore*/
 		margin-right: calc( 0.5 * (100vw - #{$content-width-sm}) );
-		max-width: calc( 0.5 * #{$content-width-sm} );;
+		max-width: calc( 0.5 * #{$content-width-sm} );
+		margin-left: #{map-deep-get($config-global, "spacing", "horizontal")};
 	}
 
 	@include media(tablet) {
 		/*rtl:ignore*/
 		margin-right: calc( 0.5 * (100vw - #{$content-width-md}) );
-		max-width: calc( 0.5 * #{$content-width-md} );;
+		max-width: calc( 0.5 * #{$content-width-md} );
 	}
 
 	@include media(laptop) {
 		/*rtl:ignore*/
 		margin-right: calc( 0.5 * (100vw - #{$content-width-lg}) );
-		max-width: calc( 0.5 * #{$content-width-lg} );;
+		max-width: calc( 0.5 * #{$content-width-lg} );
 	}
 
 	@include media(desktop) {
 		/*rtl:ignore*/
 		margin-right: calc( 0.5 * (100vw - #{$content-width-lg}) );
-		max-width: calc( 0.5 * #{$content-width-lg} );;
+		max-width: calc( 0.5 * #{$content-width-lg} );
 	}
 
 	@include media(wide) {
 		/*rtl:ignore*/
 		margin-right: calc( 0.5 * (100vw - #{$content-width-lg}) );
-		max-width: calc( 0.5 * #{$content-width-lg} );;
+		max-width: calc( 0.5 * #{$content-width-lg} );
 	}
 }
 
 %responsive-alignleft {
 
 	/*rtl:ignore*/
-	margin-left: #{map-deep-get($config-global, "spacing", "horizontal")};
 
 	@include media(mobile) {
 		/*rtl:ignore*/
 		margin-left: calc( 0.5 * (100vw - #{$content-width-sm}) );
-		max-width: calc( 0.5 * #{$content-width-sm} );;
+		max-width: calc( 0.5 * #{$content-width-sm} );
+		margin-right: #{map-deep-get($config-global, "spacing", "horizontal")};
 	}
 
 	@include media(tablet) {
 		/*rtl:ignore*/
 		margin-left: calc( 0.5 * (100vw - #{$content-width-md}) );
-		max-width: calc( 0.5 * #{$content-width-md} );;
+		max-width: calc( 0.5 * #{$content-width-md} );
 	}
 
 	@include media(laptop) {
 		/*rtl:ignore*/
 		margin-left: calc( 0.5 * (100vw - #{$content-width-lg}) );
-		max-width: calc( 0.5 * #{$content-width-lg} );;
+		max-width: calc( 0.5 * #{$content-width-lg} );
 	}
 
 	@include media(desktop) {
 		/*rtl:ignore*/
 		margin-left: calc( 0.5 * (100vw - #{$content-width-lg}) );
-		max-width: calc( 0.5 * #{$content-width-lg} );;
+		max-width: calc( 0.5 * #{$content-width-lg} );
 	}
 
 	@include media(wide) {
 		/*rtl:ignore*/
 		margin-left: calc( 0.5 * (100vw - #{$content-width-lg}) );
-		max-width: calc( 0.5 * #{$content-width-lg} );;
+		max-width: calc( 0.5 * #{$content-width-lg} );
 	}
 }
 

varia/sass/blocks/blog-posts/_editor.scss

@@ -19,7 +19,7 @@
 
 	&.image-alignbehind .post-has-image {
 		 .entry-wrapper {
-			padding: #{map-deep-get($config-global, "spacing", "vertical")};;
+			padding: #{map-deep-get($config-global, "spacing", "vertical")};
 		}
 
 		.cat-links {

varia/sass/blocks/blog-posts/_style.scss

@@ -18,7 +18,7 @@
 	}
 
 	&.image-alignbehind .post-has-image .entry-wrapper {
-		padding: #{map-deep-get($config-global, "spacing", "vertical")};;
+		padding: #{map-deep-get($config-global, "spacing", "vertical")};
 	}
 
 	&.is-grid article {

varia/sass/layout/_structure.scss

@@ -154,14 +154,14 @@
 	&.alignfull + .alignleft {
 		float: left;
 		margin-top: map-deep-get($config-global, "spacing", "vertical");
-		margin-left: 1rem;
-		margin-right: 1rem;
+		margin-left: #{map-deep-get($config-global, "spacing", "horizontal")};
+		margin-right: #{map-deep-get($config-global, "spacing", "horizontal")};
 	}
 
 	&.alignfull + .alignright {
 		float: right;
 		margin-top: map-deep-get($config-global, "spacing", "vertical");
-		margin-left: 1rem;
-		margin-right: 1rem;
+		margin-left: #{map-deep-get($config-global, "spacing", "horizontal")};
+		margin-right: #{map-deep-get($config-global, "spacing", "horizontal")};
 	}
 }

varia/style-rtl.css

@@ -1007,9 +1007,18 @@ footer {
 	margin-bottom: 0;
 }
 
-.entry-content > *.alignfull + .alignleft,
+.entry-content > *.alignfull + .alignleft {
+	float: right;
+	margin-top: 32px;
+	margin-right: 16px;
+	margin-left: 16px;
+}
+
 .entry-content > *.alignfull + .alignright {
+	float: left;
 	margin-top: 32px;
+	margin-right: 16px;
+	margin-left: 16px;
 }
 
 /**
@@ -3764,13 +3773,14 @@ img#wpstats {
 }
 
 .entry-content > .alignright {
-	margin-right: 16px;
 }
 
 @media only screen and (min-width: 560px) {
 	.entry-content > .alignright {
+		/*rtl:ignore*/
 		margin-right: calc( 0.5 * (100vw - calc( 560px - 32px)));
 		max-width: calc( 0.5 * calc( 560px - 32px));
+		margin-left: 16px;
 	}
 }
 
@@ -3803,13 +3813,14 @@ img#wpstats {
 }
 
 .entry-content > .wp-block-button:not(.alignleft):not(.alignright), .entry-content > .alignleft {
-	margin-left: 16px;
 }
 
 @media only screen and (min-width: 560px) {
 	.entry-content > .wp-block-button:not(.alignleft):not(.alignright), .entry-content > .alignleft {
+		/*rtl:ignore*/
 		margin-left: calc( 0.5 * (100vw - calc( 560px - 32px)));
 		max-width: calc( 0.5 * calc( 560px - 32px));
+		margin-right: 16px;
 	}
 }
 

varia/style.css

@@ -1010,15 +1010,15 @@ footer {
 .entry-content > *.alignfull + .alignleft {
 	float: left;
 	margin-top: 32px;
-	margin-left: 1rem;
-	margin-right: 1rem;
+	margin-left: 16px;
+	margin-right: 16px;
 }
 
 .entry-content > *.alignfull + .alignright {
 	float: right;
 	margin-top: 32px;
-	margin-left: 1rem;
-	margin-right: 1rem;
+	margin-left: 16px;
+	margin-right: 16px;
 }
 
 /**
@@ -3793,7 +3793,6 @@ img#wpstats {
 
 .entry-content > .alignright {
 	/*rtl:ignore*/
-	margin-right: 16px;
 }
 
 @media only screen and (min-width: 560px) {
@@ -3801,6 +3800,7 @@ img#wpstats {
 		/*rtl:ignore*/
 		margin-right: calc( 0.5 * (100vw - calc( 560px - 32px)));
 		max-width: calc( 0.5 * calc( 560px - 32px));
+		margin-left: 16px;
 	}
 }
 
@@ -3838,7 +3838,6 @@ img#wpstats {
 
 .entry-content > .wp-block-button:not(.alignleft):not(.alignright), .entry-content > .alignleft {
 	/*rtl:ignore*/
-	margin-left: 16px;
 }
 
 @media only screen and (min-width: 560px) {
@@ -3846,6 +3845,7 @@ img#wpstats {
 		/*rtl:ignore*/
 		margin-left: calc( 0.5 * (100vw - calc( 560px - 32px)));
 		max-width: calc( 0.5 * calc( 560px - 32px));
+		margin-right: 16px;
 	}
 }