More Gutenberg width adjustments

Author: spencerfinnell

resources/assets/scss/helpers/align.scss

@@ -15,25 +15,14 @@
 	}
 }
 
-@include media-breakpoint-up("xl", $container-max-widths) {
+@include media-breakpoint-up("lg", $container-max-widths) {
 
 	.alignwide {
 
-		.site-primary--full & {
-			margin-left: -($grid-gutter-width * 2);
-			margin-right: -($grid-gutter-width * 2);
-			width: calc(100% + #{$grid-gutter-width * 4});
-			transform: none;
-		}
-	}
-}
-
-@include media-breakpoint-up("xl", $grid-breakpoints) {
-
-	.alignwide {
-		margin-left: 50%;
-		width: 75vw;
-		transform: translate3d(-50%, 0, 0);
+		margin-left: -($grid-gutter-width * 2);
+		margin-right: -($grid-gutter-width * 2);
+		width: calc(100% + #{$grid-gutter-width * 4});
+		transform: none;
 	}
 }
 

resources/assets/scss/modules/gutenberg.scss

@@ -14,6 +14,11 @@
 
 	@if ( $use-margins ) {
 
+		&.alignleft,
+		&.alignright {
+			margin-top: 0;
+		}
+
 		@include vertical-spacing("margin", "both", (
 			sm: 2,
 			lg: 3,
@@ -32,6 +37,13 @@
 		margin-right: auto;
 		text-align: center;
 	}
+
+	&.alignfull {
+
+		img {
+			border-radius: 0;
+		}
+	}
 }
 
 .wp-block-gallery {
@@ -40,18 +52,25 @@
 }
 
 .wp-block-separator {
-	display: block;
-	height: 1px;
-	border: 0;
-	border-top: 2px solid gray("300");
-	max-width: 200px;
+
+	&:before {
+		display: none;
+	}
+
+	&,
+	&.is-style-dots {
+		display: block;
+		border: 0;
+		border-top: 2px solid gray("300");
+	}
 
 	&.is-style-wide {
-		max-width: 500px;
+		max-width: 400px;
 	}
 
 	&.is-style-dots {
 		border-top-style: dashed;
+		max-width: 100px;
 	}
 }