From d6056ee99e0f4f55b24b54a147665fc1f8cf65a4 Mon Sep 17 00:00:00 2001
From: Roni Laukkarinen <roni@dude.fi>
Date: Sat, 31 Dec 2022 02:29:35 +0200
Subject: [PATCH] Fix padding for blocks

---
 air-light-demo-content.php |   4 ++
 block-demo-content.php     | 137 +------------------------------------
 2 files changed, 6 insertions(+), 135 deletions(-)

diff --git a/air-light-demo-content.php b/air-light-demo-content.php
index d306d6b..cb5d6d0 100755
--- a/air-light-demo-content.php
+++ b/air-light-demo-content.php
@@ -147,6 +147,10 @@ function demo_css() { ?>
   .site-header {
     --margin-body: 4.7rem var(--padding-container-horizontal);
   }
+
+  .site-footer {
+    margin-top: 4rem;
+  }
 }
 
 /* Get-button */
diff --git a/block-demo-content.php b/block-demo-content.php
index 0282dac..0770649 100755
--- a/block-demo-content.php
+++ b/block-demo-content.php
@@ -5,7 +5,7 @@
  * @Author: Timi Wahalahti
  * @Date:   2021-05-17 13:34:52
  * @Last Modified by:   Roni Laukkarinen
- * @Last Modified time: 2022-12-28 14:56:14
+ * @Last Modified time: 2022-12-31 02:27:46
  *
  * @package air-light
  */
@@ -231,7 +231,7 @@
 <div class="block-name-tag" aria-hidden="true"><p>content-columns</p></div>
 </section>
 
-<section class="block block-demo-centered">
+<section class="block block-demo-centered" style="margin-bottom: calc(var(--margin-body) * 2);">
   <div class="container">
     <h2 class="has-text-gradient">...and more. But still less.</h2>
     <p>Air-light light weights only under 20 KB gzipped and is accessible-ready, gutenberg-ready and multilingual-ready.</p>
@@ -244,136 +244,3 @@
 
 <div class="block-name-tag" aria-hidden="true"><p>demo-centered</p></div>
 </section>
-
-<!-- Old demo -->
-<section class="block has-light-bg" style="display: none;">
-  <article class="container article-content">
-
-    <!-- wp:paragraph -->
-    <p>You are viewing the demo of <a href="https://www.dude.fi">Digitoimisto Dude Oy's</a> starter theme called <b>Air-light</b> (or air in short). Please go to <a href="https://github.com/digitoimistodude">Dude's GitHub</a> to learn more or <a href="https://github.com/digitoimistodude/air">download the theme</a>.</p>
-    <!-- /wp:paragraph -->
-
-    <!-- wp:heading {"level":1} -->
-    <h1 class="heading-hero">This is a heading (Hero)</h1>
-    <h1>This is a heading (H1)</h1>
-    <!-- /wp:heading -->
-
-    <!-- wp:heading {"level":2} -->
-    <h2>This is a heading (H2)</h2>
-    <!-- /wp:heading -->
-
-    <!-- wp:heading {"level":3} -->
-    <h3>This is a heading (H3)</h3>
-    <!-- /wp:heading -->
-
-    <!-- wp:heading {"level":4} -->
-    <h4>This is a heading (H4)</h4>
-    <!-- /wp:heading -->
-
-    <!-- wp:heading {"level":5} -->
-    <h5>This is a heading (H5)</h5>
-    <!-- /wp:heading -->
-
-    <!-- wp:heading {"level":6} -->
-    <h6>This is a heading (H6)</h6>
-    <!-- /wp:heading -->
-
-    <!-- wp:heading {"level":2} -->
-    <h2 class="heading-demo">Link components</h2>
-    <!-- /wp:heading -->
-
-    <div class="components">
-      <div class="component">
-        <span class="component-label">_link.scss</span>
-        <p class="has-align-left"><a href="#" class="link-demo">Link style</a></p>
-      </div>
-    </div>
-
-    <!-- wp:heading {"level":2} -->
-    <h2 class="heading-demo">Paragraph block</h2>
-    <!-- /wp:heading -->
-
-    <!-- wp:paragraph -->
-    <p>This is a <strong>regular</strong> paragraph block. Professionally productize highly efficient results with world-class core competencies. Objectively matrix leveraged architectures vis-a-vis error-free applications. Completely maximize customized portals via fully researched metrics. Enthusiastically generate premier action items through web-enabled e-markets. Efficiently parallel task holistic intellectual capital and client-centric markets.</p>
-    <!-- /wp:paragraph -->
-
-    <!-- wp:heading -->
-    <h2 class="heading-demo">Lists in between of text</h2>
-    <!-- /wp:heading -->
-
-    <!-- wp:paragraph -->
-    <p>This is a <strong>regular</strong> paragraph block. Professionally productize highly efficient results with world-class core competencies. Objectively matrix leveraged architectures vis-a-vis error-free applications. Completely maximize customized portals via fully researched metrics. Enthusiastically generate premier action items through web-enabled e-markets. Efficiently parallel task holistic intellectual capital and client-centric markets.</p>
-    <!-- /wp:paragraph -->
-
-    <!-- wp:list -->
-    <ul>
-    <li>This is ul list item</li>
-    <li>This is a long ul list item. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis fringilla purus, sed feugiat mauris tincidunt ut. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Morbi mauris risus, auctor vel congue et, euismod non mauris.</li>
-    <li>This is even longer list item with links in it. <a href="https://www.google.com">External link</a> lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis fringilla purus, sed feugiat mauris tincidunt ut. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Morbi mauris risus, <a href="https://airwptheme.com/demo">internal link</a> vel congue et, euismod non mauris.</li>
-    </ul>
-    <!-- /wp:list -->
-
-    <!-- wp:paragraph -->
-    <p>This is a <strong>regular</strong> paragraph block. Professionally productize highly efficient results with world-class core competencies. Objectively matrix leveraged architectures vis-a-vis error-free applications. Completely maximize customized portals via fully researched metrics. Enthusiastically generate premier action items through web-enabled e-markets. Efficiently parallel task holistic intellectual capital and client-centric markets.</p>
-    <!-- /wp:paragraph -->
-
-    <!-- wp:list {"ordered":true} -->
-    <ol>
-    <li>This is ol list item</li>
-    <li>This is ol list item</li>
-    <li>This is ol list item</li>
-    </ol>
-    <!-- /wp:list -->
-
-    <!-- wp:heading -->
-    <h2 class="heading-demo">Traditional items</h2>
-    <!-- /wp:heading -->
-
-    <!-- wp:paragraph -->
-    <p>This is a <kbd>kbd</kbd> keyboard tag. Like <kbd>alt</kbd> + F4. This is <del>del-tag</del>.</p>
-    <!-- /wp:paragraph -->
-
-    <!-- wp:heading -->
-    <h2 class="heading-demo">Tables</h2>
-    <!-- /wp:heading -->
-
-    <!-- wp:table -->
-    <table class="wp-block-table">
-      <thead style="display: block; max-width: 315px;">
-        <tr>
-          <th style="width: 140px;">Name</th>
-          <th style="width: 140px;">Age</th>
-        </tr>
-      </thead>
-
-    <tbody style="display: block; max-width: 315px;">
-      <tr>
-        <td style="width: 140px;">Antero</td>
-        <td style=" width: 140px;">34</td>
-      </tr>
-      <tr>
-        <td style="width: 140px;">Jorma</td>
-        <td style="width: 140px;">23</td>
-      </tr>
-      <tr>
-        <td style="width: 140px;">Mikko</td>
-        <td style="width: 140px;">19</td>
-      </tr>
-      <tr>
-        <td style="width: 140px;">Päivi</td>
-        <td style="width: 140px;">25</td>
-      </tr>
-      <tr>
-        <td style="width: 140px;">Leila</td>
-        <td style="width: 140px;">27</td>
-      </tr>
-      <tr>
-        <td style="width: 140px;">Tomi</td>
-        <td style="width: 140px;">27</td>
-      </tr>
-      </tbody>
-    </table>
-    <!-- /wp:table -->
-
-  </article>
-</section>