WordPress · kjellr · Oct 14, 2020 · Oct 12, 2020 · Oct 12, 2020 · Oct 12, 2020
diff --git a/assets/css/ie-editor.css b/assets/css/ie-editor.css
diff --git a/assets/css/ie-editor.css.map b/assets/css/ie-editor.css.map
diff --git a/assets/css/ie.css b/assets/css/ie.css
diff --git a/assets/css/ie.css.map b/assets/css/ie.css.map
diff --git a/assets/css/style-editor.css b/assets/css/style-editor.css
diff --git a/assets/css/style-editor.css.map b/assets/css/style-editor.css.map
diff --git a/assets/sass/01-settings/global.scss b/assets/sass/01-settings/global.scss
@@ -232,7 +232,6 @@ $baseline-unit: 10px;
 
 	--separator--border-color: var(--global--color-border);
 	--separator--height: 1px;
-	--separator--width: calc(100vw - 1.2 * var(--global--spacing-horizontal));
 
 	/* Block: Table */
 	--table--stripes-border-color: var(--global--color-light-gray);

diff --git a/assets/sass/05-blocks/separator/_editor.scss b/assets/sass/05-blocks/separator/_editor.scss
@@ -2,14 +2,15 @@
 hr {
 	border-bottom: var(--separator--height) solid var(--separator--border-color);
 	clear: both;
+	opacity: 1;
 
 	&[style*="text-align:right"],
 	&[style*="text-align: right"] {
 		border-right-color: var(--separator--border-color);
 	}
 
 	&:not(.is-style-wide):not(.is-style-dots) {
-		max-width: var(--separator--width);
+		max-width: inherit;
 	}
 
 	&.is-style-wide {

diff --git a/assets/sass/05-blocks/separator/_style.scss b/assets/sass/05-blocks/separator/_style.scss
@@ -8,16 +8,27 @@ hr {
 	&.wp-block-separator {
 		border-bottom: var(--separator--height) solid var(--separator--border-color);
 
-		&:not(.is-style-wide):not(.is-style-dots) {
-			max-width: var(--separator--width);
+		&:not(.is-style-wide):not(.is-style-dots):not(.alignwide) {
+			max-width: var(--responsive--aligndefault-width);
+
+			&.alignfull {
+				max-width: var(--responsive--alignfull-width);
+			}
 		}
 
 		/**
 		 * Block Options
 		 */
 		&.is-style-wide {
-			@extend %responsive-aligndefault-width;
 			border-bottom-width: calc(3 * var(--separator--height));
+
+			&:not(.alignwide) {
+				@extend %responsive-aligndefault-width;
+			}
+
+			&.alignfull {
+				max-width: var(--responsive--alignfull-width);
+			}
 		}
 
 		&.is-style-dots {

diff --git a/package-lock.json b/package-lock.json
diff --git a/style-rtl.css b/style-rtl.css
diff --git a/style.css b/style.css
diff --git a/style.css.map b/style.css.map