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

Do elements

Browse Source
This commit is contained in:
Jeremy Thomas
2018-04-09 14:15:31 +01:00
parent e75fd365e3
commit f0074aa339
30 changed files with 1966 additions and 1986 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,8 +1,18 @@
---
title: Delete
subtitle: "A versatile <strong>delete</strong> cross"
layout: documentation
doc-tab: elements
doc-subtab: delete
breadcrumb:
- home
- documentation
- elements
- elements-delete
meta:
colors: false
sizes: true
variables: false
---
{% capture cross_example %}
@@ -40,53 +50,33 @@ doc-subtab: delete
</article>
{% endcapture %}
{% include subnav/subnav-elements.html %}
<div class="content">
<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>
<section class="section">
<div class="container">
<h1 class="title">Delete</h1>
<h2 class="subtitle">
A versatile <strong>delete</strong> cross
</h2>
{%
include meta.html
colors=false
sizes=true
variables=false
%}
{% include snippet.html content=cross_example %}
<hr>
{% include anchor.html name="Sizes" %}
<div class="content">
<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="content">
<p>
It comes in <strong>4 sizes</strong>:
</p>
</div>
{% include snippet.html content=cross_example %}
{% include snippet.html content=cross_sizes_example %}
{% include anchor.html name="Sizes" %}
{% include anchor.html name="Combinations" %}
<div class="content">
<p>
It comes in <strong>4 sizes</strong>:
</p>
</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_sizes_example %}
{% include anchor.html name="Combinations" %}
<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>
{% include snippet.html content=cross_elements_example %}