refactored to use flex

blockbase/assets/ponyfill.css

@@ -99,17 +99,18 @@ h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.h
 	padding: var(--wp--custom--padding--vertical) var(--wp--custom--padding--horizontal);
 }
 
-/**
- * This file pushes the footer to the bottom of the page.
- */
 :root {
 	--wpadmin-bar--height: 46px;
 }
 
 .wp-site-blocks {
 	min-height: 100vh;
-	display: grid;
-	grid-template-rows: auto 1fr;
+	display: flex;
+	flex-direction: column;
+}
+
+.site-footer-container {
+	margin-top: auto;
 }
 
 @media (min-width: 600px) {

blockbase/block-templates/404.html

@@ -15,4 +15,4 @@
 </main>
 <!-- /wp:group -->
 
-<!-- wp:template-part {"slug":"footer","tagName":"footer","layout":{"inherit":true}} /-->
+<!-- wp:template-part {"slug":"footer","tagName":"footer","layout":{"inherit":true},"className":"site-footer-container"} /-->

blockbase/block-templates/header-footer-only.html

@@ -7,4 +7,4 @@
 </main>
 <!-- /wp:group -->
 
-<!-- wp:template-part {"slug":"footer","tagName":"footer","layout":{"inherit":true}} /-->
+<!-- wp:template-part {"slug":"footer","tagName":"footer","layout":{"inherit":true},"className":"site-footer-container"} /-->

blockbase/block-templates/index.html

@@ -28,4 +28,4 @@
 </main>
 <!-- /wp:query -->
 
-<!-- wp:template-part {"slug":"footer","tagName":"footer","layout":{"inherit":true}} /-->
+<!-- wp:template-part {"slug":"footer","tagName":"footer","layout":{"inherit":true},"className":"site-footer-container"} /-->

blockbase/block-templates/search.html

@@ -21,4 +21,4 @@
 </main>
 <!-- /wp:group -->
 
-<!-- wp:template-part {"slug":"footer","tagName":"footer","layout":{"inherit":true}} /-->
+<!-- wp:template-part {"slug":"footer","tagName":"footer","layout":{"inherit":true},"className":"site-footer-container"} /-->

blockbase/block-templates/singular.html

@@ -18,4 +18,4 @@
 <div class="wp-block-group"><!-- wp:post-comments /--></div>
 <!-- /wp:group -->
 
-<!-- wp:template-part {"slug":"footer","tagName":"footer","layout":{"inherit":true}} /-->
+<!-- wp:template-part {"slug":"footer","tagName":"footer","layout":{"inherit":true},"className":"site-footer-container"} /-->

blockbase/sass/base/_footer.scss → blockbase/sass/base/_layout.scss

@@ -1,15 +1,15 @@
-/**
- * This file pushes the footer to the bottom of the page.
- */
-
 :root {
 	--wpadmin-bar--height: 46px;
 }
 
 .wp-site-blocks {
 	min-height: 100vh;
-	display: grid;
-	grid-template-rows: auto 1fr;
+	display: flex;
+	flex-direction: column;
+}
+
+.site-footer-container {
+	margin-top: auto;
 }
 
 body.admin-bar {

blockbase/sass/base/_style.scss

@@ -8,6 +8,6 @@
 
 @import "alignment";
 @import "header";
-@import "footer";
+@import "layout";
 @import "text";
 @import "utility";

mayland-blocks/assets/theme.css

@@ -27,6 +27,10 @@ body {
 	}
 }
 
+.site-footer {
+	margin-top: auto;
+}
+
 /* Adjust heading letter spacing. */
 h1, h2, h3 {
 	letter-spacing: -0.015em;

mayland-blocks/sass/theme.scss

@@ -28,6 +28,10 @@ body {
 	}
 }
 
+.site-footer {
+	margin-top: auto;
+}
+
 /* Adjust heading letter spacing. */
 
 h1, h2, h3 {

quadrat/block-templates/404.html

@@ -15,4 +15,4 @@
 	</div>
 	<!-- /wp:group -->
 
-	<!-- wp:template-part {"slug":"footer"} /-->
+<!-- wp:template-part {"slug":"footer","className":"site-footer-container"} /-->

quadrat/block-templates/front-page.html

@@ -6,4 +6,4 @@
 
 <!-- wp:post-content {"layout":{"inherit":true}} /-->
 
-<!-- wp:template-part {"slug":"footer"} /-->
+<!-- wp:template-part {"slug":"footer","className":"site-footer-container"} /-->

quadrat/block-templates/index.html

@@ -19,4 +19,4 @@
 </main>
 <!-- /wp:query -->
 
-<!-- wp:template-part {"slug":"footer"} /-->
+<!-- wp:template-part {"slug":"footer","className":"site-footer-container"} /-->

quadrat/block-templates/page.html

@@ -16,4 +16,4 @@
 
 <!-- wp:post-content {"layout":{"inherit":true}} /-->
 
-<!-- wp:template-part {"slug":"footer"} /-->
+<!-- wp:template-part {"slug":"footer","className":"site-footer-container"} /-->

quadrat/block-templates/search.html

@@ -19,4 +19,4 @@
 	</div>
 	<!-- /wp:group -->
 
-	<!-- wp:template-part {"slug":"footer"} /-->
+<!-- wp:template-part {"slug":"footer","className":"site-footer-container"} /-->

quadrat/block-templates/single.html

@@ -57,4 +57,4 @@
 	</div>
 	<!-- /wp:group -->
 
-	<!-- wp:template-part {"slug":"footer"} /-->
+<!-- wp:template-part {"slug":"footer","className":"site-footer-container"} /-->

seedlet-blocks/block-templates/index.html

@@ -18,4 +18,4 @@
 </div>
 <!-- /wp:query -->
 
-<!-- wp:template-part {"slug":"footer","tagName":"footer","layout":{"inherit":true}} /-->
+<!-- wp:template-part {"slug":"footer","tagName":"footer","layout":{"inherit":true},"className":"site-footer-container"} /-->

seedlet-blocks/block-templates/singular.html

@@ -37,4 +37,4 @@
 <!-- /wp:columns --></div>
 <!-- /wp:group -->
 
-<!-- wp:template-part {"slug":"footer","tagName":"footer","layout":{"inherit":true}} /-->
+<!-- wp:template-part {"slug":"footer","tagName":"footer","layout":{"inherit":true},"className":"site-footer-container"} /-->