Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-15 02:04:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Fix tiles

Browse Source
This commit is contained in:
Jeremy Thomas
2018-04-09 16:33:44 +01:00
parent 25d0ea1136
commit 03c13488a6
10 changed files with 646 additions and 665 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
docs/documentation/layout/section.html
View File

@@ -1,26 +1,12 @@
---
title: Section
subtitle: "A simple container to divide your page into <strong>sections</strong>, like the one you're currently reading"
layout: documentation
doc-tab: layout
doc-subtab: section
---
{% include subnav/subnav-layout.html %}
<section class="section">
<div class="container">
<h1 class="title">Section</h1>
<h2 class="subtitle">
A simple container to divide your page into <strong>sections</strong>, like the one you're currently reading
</h2>
<hr>
<div class="content">
<p>Use sections as <strong>direct</strong> children of <code>body</code>.</p>
</div>
{% highlight html %}
{% capture section_example %}
<body>
<section class="section">
<div class="container">
@@ -31,13 +17,16 @@ doc-subtab: section
</div>
</section>
</body>
{% endhighlight %}
{% endcapture %}
<div class="content">
<p>You can use the modifiers <code>is-medium</code> and <code>is-large</code> to change the <strong>spacing</strong>.</p>
</div>
<div class="content">
<p>Use sections as <strong>direct</strong> children of <code>body</code>.</p>
</div>
{% include variables.html %}
{% highlight html %}{{ section_example }}{% endhighlight %}
</div>
</section>
<div class="content">
<p>You can use the modifiers <code>is-medium</code> and <code>is-large</code> to change the <strong>spacing</strong>.</p>
</div>
{% include variables.html %}