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

Add more snippets

Browse Source
This commit is contained in:
Jeremy Thomas
2017-08-30 21:13:17 +01:00
parent 9b06974cd1
commit 08e082ae07
10 changed files with 56 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
docs/documentation/elements/delete.html
View File

@@ -61,57 +61,32 @@ doc-subtab: delete
<p>
The <code>.delete</code> element is a stand-alone element that can be used in different contexts.
</p>
<p>
On its own, it's a simple circle with a cross:
</p>
</div>
<div class="columns">
<div class="column">
<div class="content">
<p>
On its own, it's a simple circle with a cross:
</p>
</div>
{{cross_example}}
</div>
<div class="column">
{% highlight html %}{{cross_example}}{% endhighlight %}
</div>
</div>
{% include snippet.html content=cross_example %}
{% include anchor.html name="Sizes" %}
<div class="columns">
<div class="column">
<div class="content">
<p>
It comes in <strong>4 sizes</strong>:
</p>
</div>
{{cross_sizes_example}}
</div>
<div class="column">
{% highlight html %}{{cross_sizes_example}}{% endhighlight %}
</div>
<div class="content">
<p>
It comes in <strong>4 sizes</strong>:
</p>
</div>
<hr style="margin-bottom: 0;">
{% include snippet.html content=cross_sizes_example %}
<h3 id="combinations" class="title" style="padding-top: 1.5rem;">
Combinations
</h3>
{% include anchor.html name="Combinations" %}
<div class="columns">
<div class="column">
<div class="content">
<p>
Bulma uses it for the <a href="/documentation/elements/tag/">tags</a>, the <a href="/documentation/elements/notification/">notifications</a>, and the <a href="/documentation/components/message/">messages</a>:
</p>
</div>
{{cross_elements_example}}
</div>
<div class="column">
{% highlight html %}{{cross_elements_example}}{% endhighlight %}
</div>
<div class="content">
<p>
Bulma uses it for the <a href="/documentation/elements/tag/">tags</a>, the <a href="/documentation/elements/notification/">notifications</a>, and the <a href="/documentation/components/message/">messages</a>:
</p>
</div>
{% include snippet.html content=cross_elements_example %}
</div>
</section>