Skip to content

Commit

Permalink
Fix padding for blocks
Browse files Browse the repository at this point in the history
  • Loading branch information
ronilaukkarinen committed Dec 31, 2022
1 parent a602ddb commit d6056ee
Show file tree
Hide file tree
Showing 2 changed files with 6 additions and 135 deletions.
4 changes: 4 additions & 0 deletions air-light-demo-content.php
Original file line number Diff line number Diff line change
Expand Up @@ -147,6 +147,10 @@ function demo_css() { ?>
.site-header {
--margin-body: 4.7rem var(--padding-container-horizontal);
}

.site-footer {
margin-top: 4rem;
}
}

/* Get-button */
Expand Down
137 changes: 2 additions & 135 deletions block-demo-content.php
Original file line number Diff line number Diff line change
Expand Up @@ -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
*/
Expand Down Expand Up @@ -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>
Expand All @@ -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>

0 comments on commit d6056ee

Please sign in to comment.