renamed css variable and simplified them

seedlet/assets/css/style-editor.css

@@ -233,14 +233,12 @@
 	--responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
 	--responsive--alignfull-width: 100%;
 	--responsive--alignwide-width-multiplier: calc(16 * var(--global--spacing-horizontal));
-	--responsive--alignright-margin: var(--global--spacing-horizontal);
-	--responsive--alignleft-margin: var(--global--spacing-horizontal);
+	--responsive--alignrightleft-width: var(--global--spacing-horizontal);
 }
 
 @media only screen and (min-width: 482px) {
 	:root {
-		--responsive--alignright-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
-		--responsive--alignleft-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
+		--responsive--alignrightleft-width: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
 	}
 }
 

seedlet/assets/css/style-woocommerce-rtl.css

@@ -13,14 +13,12 @@
 	--responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
 	--responsive--alignfull-width: 100%;
 	--responsive--alignwide-width-multiplier: calc(16 * var(--global--spacing-horizontal));
-	--responsive--alignright-margin: var(--global--spacing-horizontal);
-	--responsive--alignleft-margin: var(--global--spacing-horizontal);
+	--responsive--alignrightleft-width: var(--global--spacing-horizontal);
 }
 
 @media only screen and (min-width: 482px) {
 	:root {
-		--responsive--alignright-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
-		--responsive--alignleft-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
+		--responsive--alignrightleft-width: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
 	}
 }
 

seedlet/assets/css/style-woocommerce.css

@@ -13,14 +13,12 @@
 	--responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
 	--responsive--alignfull-width: 100%;
 	--responsive--alignwide-width-multiplier: calc(16 * var(--global--spacing-horizontal));
-	--responsive--alignright-margin: var(--global--spacing-horizontal);
-	--responsive--alignleft-margin: var(--global--spacing-horizontal);
+	--responsive--alignrightleft-width: var(--global--spacing-horizontal);
 }
 
 @media only screen and (min-width: 482px) {
 	:root {
-		--responsive--alignright-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
-		--responsive--alignleft-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
+		--responsive--alignrightleft-width: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
 	}
 }
 

seedlet/assets/sass/blocks/utilities/_style.scss

@@ -37,7 +37,7 @@
 	}
 
 	.entry-content > .alignleft {
-		max-width: calc(50% - var(--responsive--alignleft-margin));
+		max-width: calc(50% - var(--responsive--alignrightleft-width));
 	}
 }
 
@@ -80,7 +80,7 @@
 	}
 
 	.entry-content > .alignright {
-		max-width: calc(50% - var(--responsive--alignright-margin));
+		max-width: calc(50% - var(--responsive--alignrightleft-width));
 	}
 }
 

seedlet/assets/sass/structure/_responsive-logic.scss

@@ -13,14 +13,12 @@
 	--responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
 	--responsive--alignfull-width: 100%;
 	--responsive--alignwide-width-multiplier: calc(16 * var(--global--spacing-horizontal));
-	--responsive--alignright-margin: var(--global--spacing-horizontal);
-	--responsive--alignleft-margin: var(--global--spacing-horizontal);
+	--responsive--alignrightleft-width: var(--global--spacing-horizontal);
 }
 
 @include media(mobile) {
 	:root {
-		--responsive--alignright-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
-		--responsive--alignleft-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
+		--responsive--alignrightleft-width: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
 	}
 }
 
@@ -72,7 +70,7 @@
 @include media(mobile) {
 	%responsive-alignleft {
 		/*rtl:ignore*/
-		margin-left: var(--responsive--alignleft-margin);
+		margin-left: var(--responsive--alignrightleft-width);
 		/*rtl:ignore*/
 		margin-right: var(--global--spacing-horizontal);
 	}
@@ -83,7 +81,7 @@
 		/*rtl:ignore*/
 		margin-left: var(--global--spacing-horizontal);
 		/*rtl:ignore*/
-		margin-right: var(--responsive--alignright-margin);
+		margin-right: var(--responsive--alignrightleft-width);
 	}
 }
 

seedlet/style-rtl.css

@@ -310,14 +310,12 @@ Included in theme screenshot and in block patterns.
 	--responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
 	--responsive--alignfull-width: 100%;
 	--responsive--alignwide-width-multiplier: calc(16 * var(--global--spacing-horizontal));
-	--responsive--alignright-margin: var(--global--spacing-horizontal);
-	--responsive--alignleft-margin: var(--global--spacing-horizontal);
+	--responsive--alignrightleft-width: var(--global--spacing-horizontal);
 }
 
 @media only screen and (min-width: 482px) {
 	:root {
-		--responsive--alignright-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
-		--responsive--alignleft-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
+		--responsive--alignrightleft-width: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
 	}
 }
 
@@ -362,7 +360,7 @@ Included in theme screenshot and in block patterns.
 
 @media only screen and (min-width: 482px) {
 	.entry-content > .alignleft {
-		margin-left: var(--responsive--alignleft-margin);
+		margin-left: var(--responsive--alignrightleft-width);
 		margin-right: var(--global--spacing-horizontal);
 	}
 }
@@ -370,7 +368,7 @@ Included in theme screenshot and in block patterns.
 @media only screen and (min-width: 482px) {
 	.entry-content > .alignright {
 		margin-left: var(--global--spacing-horizontal);
-		margin-right: var(--responsive--alignright-margin);
+		margin-right: var(--responsive--alignrightleft-width);
 	}
 }
 
@@ -2384,7 +2382,7 @@ table th,
 		margin-bottom: var(--global--spacing-vertical);
 	}
 	.entry-content > .alignleft {
-		max-width: calc(50% - var(--responsive--alignleft-margin));
+		max-width: calc(50% - var(--responsive--alignrightleft-width));
 	}
 }
 
@@ -2418,7 +2416,7 @@ table th,
 		margin-left: var(--global--spacing-horizontal);
 	}
 	.entry-content > .alignright {
-		max-width: calc(50% - var(--responsive--alignright-margin));
+		max-width: calc(50% - var(--responsive--alignrightleft-width));
 	}
 }
 

seedlet/style.css

@@ -310,14 +310,12 @@ Included in theme screenshot and in block patterns.
 	--responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
 	--responsive--alignfull-width: 100%;
 	--responsive--alignwide-width-multiplier: calc(16 * var(--global--spacing-horizontal));
-	--responsive--alignright-margin: var(--global--spacing-horizontal);
-	--responsive--alignleft-margin: var(--global--spacing-horizontal);
+	--responsive--alignrightleft-width: var(--global--spacing-horizontal);
 }
 
 @media only screen and (min-width: 482px) {
 	:root {
-		--responsive--alignright-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
-		--responsive--alignleft-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
+		--responsive--alignrightleft-width: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
 	}
 }
 
@@ -363,7 +361,7 @@ Included in theme screenshot and in block patterns.
 @media only screen and (min-width: 482px) {
 	.entry-content > .alignleft {
 		/*rtl:ignore*/
-		margin-left: var(--responsive--alignleft-margin);
+		margin-left: var(--responsive--alignrightleft-width);
 		/*rtl:ignore*/
 		margin-right: var(--global--spacing-horizontal);
 	}
@@ -374,7 +372,7 @@ Included in theme screenshot and in block patterns.
 		/*rtl:ignore*/
 		margin-left: var(--global--spacing-horizontal);
 		/*rtl:ignore*/
-		margin-right: var(--responsive--alignright-margin);
+		margin-right: var(--responsive--alignrightleft-width);
 	}
 }
 
@@ -2391,7 +2389,7 @@ table th,
 		margin-bottom: var(--global--spacing-vertical);
 	}
 	.entry-content > .alignleft {
-		max-width: calc(50% - var(--responsive--alignleft-margin));
+		max-width: calc(50% - var(--responsive--alignrightleft-width));
 	}
 }
 
@@ -2427,7 +2425,7 @@ table th,
 		margin-left: var(--global--spacing-horizontal);
 	}
 	.entry-content > .alignright {
-		max-width: calc(50% - var(--responsive--alignright-margin));
+		max-width: calc(50% - var(--responsive--alignrightleft-width));
 	}
 }