mirror of
https://github.com/jgthms/bulma
synced 2026-03-19 20:04:30 -07:00
Create snippet component
This commit is contained in:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user