Full Site Editing / Varia, Maywood: Let the Editor Align the Footer Blocks (#1379)

Change the default footer layout from `flex` to `block` in order to let the editor properly position and align all blocks inside the Footer template.

maywood/sass/_full-site-editing.scss

@@ -13,4 +13,20 @@
 			}
 		}
 	}
+
+	.site-footer {
+		.wp-block-a8c-navigation-menu {
+			@include media(tablet) {
+				margin-bottom: #{ 0.666 * map-deep-get($config-global, "spacing", "vertical") };
+				margin-top: #{ 0.666 * map-deep-get($config-global, "spacing", "vertical") };
+			}
+		}
+	}
+
+	#colophon {
+		margin-left: auto;
+		margin-right: auto;
+		max-width: none;
+		width: 100%;
+	}
 }

maywood/style-rtl.css

@@ -3780,6 +3780,10 @@ p:not(.site-title) a:hover {
  * Full Site Editing
  * - Full Site Editing overrides
  */
+.fse-enabled .site-footer {
+	display: block;
+}
+
 .fse-enabled .site-footer .main-navigation {
 	display: block;
 }
@@ -3813,3 +3817,17 @@ p:not(.site-title) a:hover {
 		padding: 0 32px;
 	}
 }
+
+@media only screen and (min-width: 640px) {
+	.fse-enabled .site-footer .wp-block-a8c-navigation-menu {
+		margin-bottom: 21.312px;
+		margin-top: 21.312px;
+	}
+}
+
+.fse-enabled #colophon {
+	margin-right: auto;
+	margin-left: auto;
+	max-width: none;
+	width: 100%;
+}

maywood/style.css

@@ -3809,6 +3809,10 @@ p:not(.site-title) a:hover {
  * Full Site Editing
  * - Full Site Editing overrides
  */
+.fse-enabled .site-footer {
+	display: block;
+}
+
 .fse-enabled .site-footer .main-navigation {
 	display: block;
 }
@@ -3842,3 +3846,17 @@ p:not(.site-title) a:hover {
 		padding: 0 32px;
 	}
 }
+
+@media only screen and (min-width: 640px) {
+	.fse-enabled .site-footer .wp-block-a8c-navigation-menu {
+		margin-bottom: 21.312px;
+		margin-top: 21.312px;
+	}
+}
+
+.fse-enabled #colophon {
+	margin-left: auto;
+	margin-right: auto;
+	max-width: none;
+	width: 100%;
+}

varia/sass/full-site-editing/_imports.scss

@@ -1,5 +1,7 @@
 .fse-enabled {
 	.site-footer {
+		display: block;
+
 		.main-navigation {
 			@extend .footer-navigation;
 

varia/style.css

@@ -3397,6 +3397,10 @@ img#wpstats {
  * Full Site Editing
  * - Full Site Editing overrides
  */
+.fse-enabled .site-footer {
+	display: block;
+}
+
 .fse-enabled .site-footer .main-navigation {
 	display: block;
 }