Create snippet component

This commit is contained in:
Jeremy Thomas
2017-08-30 20:44:39 +01:00
parent 1776d601da
commit 9b06974cd1
15 changed files with 180 additions and 216 deletions

View File

@@ -24,9 +24,8 @@ doc-subtab: tiles
</div>
{% endhighlight %}
<hr>
{% include anchor.html name="Example" %}
<h3 class="title">Example</h3>
<div class="tile is-ancestor">
<div class="tile is-vertical is-8">
<div class="tile">
@@ -123,9 +122,8 @@ doc-subtab: tiles
</div>
{% endhighlight %}
<hr>
{% include anchor.html name="Modifiers" %}
<h3 class="title">Modifiers</h3>
<div class="content">
<p>The <code>tile</code> element has <strong>16 modifiers</strong>:</p>
@@ -154,9 +152,8 @@ doc-subtab: tiles
</ul>
</div>
<hr>
{% include anchor.html name="How it works: Nesting" %}
<h3 class="title">How it works: Nesting</h3>
<div class="content">
<p>Everything is a tile! To create a grid of tiles, you only need to <strong>nest</strong> <code>tile</code> elements.</p>
</div>
@@ -313,9 +310,8 @@ doc-subtab: tiles
</div>
{% endhighlight %}
<hr>
{% include anchor.html name="Nesting requirements" %}
<h3 class="title">Nesting requirements</h3>
<article class="message is-danger">
<div class="message-header">
@@ -446,9 +442,8 @@ tile is-ancestor
</div>
{% endhighlight %}
<hr>
{% include anchor.html name="3 columns" %}
<h3 class="title">3 columns</h3>
<div class="tile is-ancestor">
<div class="tile is-parent">
@@ -636,9 +631,8 @@ tile is-ancestor
</div>
{% endhighlight %}
<hr>
{% include anchor.html name="4 columns" %}
<h3 class="title">4 columns</h3>
<div class="tile is-ancestor">
<div class="tile is-parent">