changed variables for align left/right margin and width

seedlet/assets/css/style-editor.css

@@ -238,7 +238,7 @@
 
 @media only screen and (min-width: 482px) {
 	:root {
-		--responsive--alignrightleft-width: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
+		--responsive--alignrightleft-width: calc( 50% - ( 0.5 * (100vw - var(--responsive--aligndefault-width))) );
 	}
 }
 

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

@@ -18,7 +18,7 @@
 
 @media only screen and (min-width: 482px) {
 	:root {
-		--responsive--alignrightleft-width: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
+		--responsive--alignrightleft-width: calc( 50% - ( 0.5 * (100vw - var(--responsive--aligndefault-width))) );
 	}
 }
 

seedlet/assets/css/style-woocommerce.css

@@ -18,7 +18,7 @@
 
 @media only screen and (min-width: 482px) {
 	:root {
-		--responsive--alignrightleft-width: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
+		--responsive--alignrightleft-width: calc( 50% - ( 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--alignrightleft-width));
+		max-width: var(--responsive--alignrightleft-width);
 	}
 }
 
@@ -80,7 +80,7 @@
 	}
 
 	.entry-content > .alignright {
-		max-width: calc(50% - var(--responsive--alignrightleft-width));
+		max-width: var(--responsive--alignrightleft-width);
 	}
 }
 

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

@@ -18,7 +18,7 @@
 
 @include media(mobile) {
 	:root {
-		--responsive--alignrightleft-width: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
+		--responsive--alignrightleft-width: calc( 50% - ( 0.5 * (100vw - var(--responsive--aligndefault-width))) ); //calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
 	}
 }
 
@@ -70,7 +70,7 @@
 @include media(mobile) {
 	%responsive-alignleft {
 		/*rtl:ignore*/
-		margin-left: var(--responsive--alignrightleft-width);
+		margin-left:  calc( 50% - var(--responsive--alignrightleft-width));
 		/*rtl:ignore*/
 		margin-right: var(--global--spacing-horizontal);
 	}
@@ -81,7 +81,7 @@
 		/*rtl:ignore*/
 		margin-left: var(--global--spacing-horizontal);
 		/*rtl:ignore*/
-		margin-right: var(--responsive--alignrightleft-width);
+		margin-right: calc( 50% - var(--responsive--alignrightleft-width));
 	}
 }
 

seedlet/style-rtl.css

@@ -315,7 +315,7 @@ Included in theme screenshot and in block patterns.
 
 @media only screen and (min-width: 482px) {
 	:root {
-		--responsive--alignrightleft-width: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
+		--responsive--alignrightleft-width: calc( 50% - ( 0.5 * (100vw - var(--responsive--aligndefault-width))) );
 	}
 }
 
@@ -360,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--alignrightleft-width);
+		margin-left: calc( 50% - var(--responsive--alignrightleft-width));
 		margin-right: var(--global--spacing-horizontal);
 	}
 }
@@ -368,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--alignrightleft-width);
+		margin-right: calc( 50% - var(--responsive--alignrightleft-width));
 	}
 }
 
@@ -2382,7 +2382,7 @@ table th,
 		margin-bottom: var(--global--spacing-vertical);
 	}
 	.entry-content > .alignleft {
-		max-width: calc(50% - var(--responsive--alignrightleft-width));
+		max-width: var(--responsive--alignrightleft-width);
 	}
 }
 
@@ -2416,7 +2416,7 @@ table th,
 		margin-left: var(--global--spacing-horizontal);
 	}
 	.entry-content > .alignright {
-		max-width: calc(50% - var(--responsive--alignrightleft-width));
+		max-width: var(--responsive--alignrightleft-width);
 	}
 }
 

seedlet/style.css

@@ -315,7 +315,7 @@ Included in theme screenshot and in block patterns.
 
 @media only screen and (min-width: 482px) {
 	:root {
-		--responsive--alignrightleft-width: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
+		--responsive--alignrightleft-width: calc( 50% - ( 0.5 * (100vw - var(--responsive--aligndefault-width))) );
 	}
 }
 
@@ -361,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--alignrightleft-width);
+		margin-left: calc( 50% - var(--responsive--alignrightleft-width));
 		/*rtl:ignore*/
 		margin-right: var(--global--spacing-horizontal);
 	}
@@ -372,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--alignrightleft-width);
+		margin-right: calc( 50% - var(--responsive--alignrightleft-width));
 	}
 }
 
@@ -2389,7 +2389,7 @@ table th,
 		margin-bottom: var(--global--spacing-vertical);
 	}
 	.entry-content > .alignleft {
-		max-width: calc(50% - var(--responsive--alignrightleft-width));
+		max-width: var(--responsive--alignrightleft-width);
 	}
 }
 
@@ -2425,7 +2425,7 @@ table th,
 		margin-left: var(--global--spacing-horizontal);
 	}
 	.entry-content > .alignright {
-		max-width: calc(50% - var(--responsive--alignrightleft-width));
+		max-width: var(--responsive--alignrightleft-width);
 	}
 }