From fd2e637e92dc3099413517f1fa87998d5c83a28a Mon Sep 17 00:00:00 2001
From: desmukh <desmukh@users.noreply.github.com>
Date: Fri, 3 Feb 2023 17:30:51 +0500
Subject: [PATCH] make footer expand to fill empty vertical space

---
 parts/footer.html       |  6 +++---
 style.css               | 18 ++++++++++++++++++
 templates/about.html    |  2 +-
 templates/blog.html     |  2 +-
 templates/index.html    |  2 +-
 templates/our-work.html |  2 +-
 templates/services.html |  2 +-
 templates/single.html   |  2 +-
 8 files changed, 27 insertions(+), 9 deletions(-)

diff --git a/parts/footer.html b/parts/footer.html
index 37cc985..1332790 100644
--- a/parts/footer.html
+++ b/parts/footer.html
@@ -1,7 +1,7 @@
-<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"},"margin":{"top":"var:preset|spacing|80"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"secondary","textColor":"background","layout":{"type":"constrained"},"fontSize":"small"} -->
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"},"margin":{"top":"var:preset|spacing|70"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"secondary","textColor":"background","className":"footer","layout":{"type":"constrained"},"fontSize":"small"} -->
 <div
-  class="wp-block-group has-background-color has-secondary-background-color has-text-color has-background has-link-color has-small-font-size"
-  style="margin-top:var(--wp--preset--spacing--80);padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)">
+  class="wp-block-group footer has-background-color has-secondary-background-color has-text-color has-background has-link-color has-small-font-size"
+  style="margin-top:var(--wp--preset--spacing--70);padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)">
   <!-- wp:columns -->
   <div class="wp-block-columns"><!-- wp:column {"width":"15%"} -->
     <div class="wp-block-column" style="flex-basis:15%"></div>
diff --git a/style.css b/style.css
index 3555e0d..d609c27 100644
--- a/style.css
+++ b/style.css
@@ -21,6 +21,16 @@ Use it to make something cool, have fun, and share what you've learned
 with others.
 */
 
+html, body {
+  height: 100%;
+}
+
+.wp-site-blocks{
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
 .wp-site-blocks h2 {
   display: flex;
   height: 36px;
@@ -69,4 +79,12 @@ with others.
   margin-bottom: -90px;
   z-index: -20;
   position: relative;
+}
+
+.wp-site-blocks footer {
+  flex-grow: 1;
+}
+
+.wp-site-blocks .footer {
+  height: 100%;
 }
\ No newline at end of file
diff --git a/templates/about.html b/templates/about.html
index c4a1a6c..044a6a4 100644
--- a/templates/about.html
+++ b/templates/about.html
@@ -50,4 +50,4 @@
 </div>
 <!-- /wp:group -->
 
-<!-- wp:template-part {"slug":"footer","theme":"autonomic-block-theme"} /-->
\ No newline at end of file
+<!-- wp:template-part {"slug":"footer","theme":"autonomic-block-theme","tagName":"footer"} /-->
\ No newline at end of file
diff --git a/templates/blog.html b/templates/blog.html
index 41477ac..a9eaa7d 100644
--- a/templates/blog.html
+++ b/templates/blog.html
@@ -41,4 +41,4 @@
 </div>
 <!-- /wp:group -->
 
-<!-- wp:template-part {"slug":"footer","theme":"autonomic-block-theme"} /-->
\ No newline at end of file
+<!-- wp:template-part {"slug":"footer","theme":"autonomic-block-theme","tagName":"footer"} /-->
\ No newline at end of file
diff --git a/templates/index.html b/templates/index.html
index 2f5a157..9f5f95c 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -25,4 +25,4 @@
   <!-- /wp:columns -->
 </div>
 <!-- /wp:group -->
-<!-- wp:template-part {"slug":"footer","theme":"autonomic-block-theme"} /-->
\ No newline at end of file
+<!-- wp:template-part {"slug":"footer","theme":"autonomic-block-theme","tagName":"footer"} /-->
\ No newline at end of file
diff --git a/templates/our-work.html b/templates/our-work.html
index b0f9097..268ce12 100644
--- a/templates/our-work.html
+++ b/templates/our-work.html
@@ -35,4 +35,4 @@
 </div>
 <!-- /wp:group -->
 
-<!-- wp:template-part {"slug":"footer","theme":"autonomic-block-theme"} /-->
\ No newline at end of file
+<!-- wp:template-part {"slug":"footer","theme":"autonomic-block-theme","tagName":"footer"} /-->
\ No newline at end of file
diff --git a/templates/services.html b/templates/services.html
index 9a2e255..69307d1 100644
--- a/templates/services.html
+++ b/templates/services.html
@@ -24,4 +24,4 @@
 </div>
 <!-- /wp:group -->
 
-<!-- wp:template-part {"slug":"footer","theme":"autonomic-block-theme"} /-->
\ No newline at end of file
+<!-- wp:template-part {"slug":"footer","theme":"autonomic-block-theme","tagName":"footer"} /-->
\ No newline at end of file
diff --git a/templates/single.html b/templates/single.html
index d40b426..78e6cea 100644
--- a/templates/single.html
+++ b/templates/single.html
@@ -26,4 +26,4 @@
 </div>
 <!-- /wp:group -->
 
-<!-- wp:template-part {"slug":"footer","theme":"autonomic-block-theme"} /-->
\ No newline at end of file
+<!-- wp:template-part {"slug":"footer","theme":"autonomic-block-theme","tagName":"footer"} /-->
\ No newline at end of file