Merge pull request #3679 from Automattic/seedlet/add-alignment-support-to-separator

Seedlet: Add alignment support to the separator block

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

@@ -17,6 +17,14 @@ hr {
 		 */
 		&.is-style-wide {
 			@extend %responsive-aligndefault-width;
+
+			&.alignwide {
+				@extend %responsive-alignwide-width;
+			}
+
+			&.alignfull {
+				@extend %responsive-alignfull-width;
+			}
 		}
 
 		&.is-style-dots {

seedlet/style-rtl.css

@@ -345,14 +345,14 @@ Included in theme screenshot and in block patterns.
 	margin-left: auto;
 }
 
-.wide-max-width, .alignwide {
+.wide-max-width, hr.wp-block-separator.is-style-wide.alignwide, .alignwide {
 	max-width: var(--responsive--alignwide-width);
 	margin-right: auto;
 	margin-left: auto;
 }
 
 @media only screen and (min-width: 482px) {
-	.full-max-width, .alignfull, .singular .post-thumbnail {
+	.full-max-width, hr.wp-block-separator.is-style-wide.alignfull, .alignfull, .singular .post-thumbnail {
 		max-width: var(--responsive--alignfull-width);
 		width: auto;
 		margin-right: auto;

seedlet/style.css

@@ -345,14 +345,14 @@ Included in theme screenshot and in block patterns.
 	margin-right: auto;
 }
 
-.wide-max-width, .alignwide {
+.wide-max-width, hr.wp-block-separator.is-style-wide.alignwide, .alignwide {
 	max-width: var(--responsive--alignwide-width);
 	margin-left: auto;
 	margin-right: auto;
 }
 
 @media only screen and (min-width: 482px) {
-	.full-max-width, .alignfull, .singular .post-thumbnail {
+	.full-max-width, hr.wp-block-separator.is-style-wide.alignfull, .alignfull, .singular .post-thumbnail {
 		max-width: var(--responsive--alignfull-width);
 		width: auto;
 		margin-left: auto;