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

Add Progress and Table specs

Browse Source
This commit is contained in:
Jeremy Thomas
2021-11-01 09:51:24 +00:00
parent 6ec2520b1a
commit 7e989d5121
6 changed files with 134 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
docs/cyp/elements/progress.html Normal file
View File

@@ -0,0 +1,15 @@
---
layout: cypress
title: Elements/Progress
---
<div class="block">
<progress id="progress" class="progress" value="15" max="100">15%</progress>
</div>
<div class="block">
<progress id="progress-small" class="progress is-small" value="15" max="100">15%</progress>
<progress id="progress-normal" class="progress" value="15" max="100">30%</progress>
<progress id="progress-medium" class="progress is-medium" value="15" max="100">45%</progress>
<progress id="progress-large" class="progress is-large" value="15" max="100">60%</progress>
</div>

50
docs/cyp/elements/table.html Normal file
View File

@@ -0,0 +1,50 @@
---
layout: cypress
title: Elements/Table
---
{% capture table_content %}
<thead>
<tr>
{% for j in (1..10) %}
<th>{{ j }}</th>
{% endfor %}
</tr>
</thead>
<tbody>
{% for i in (1..5) %}
<tr>
{% for j in (1..10) %}
<td>{{ j | times: i }}</td>
{% endfor %}
</tr>
{% endfor %}
<tr class="is-selected">
{% for j in (1..10) %}
<td>{{ j }}</td>
{% endfor %}
</tr>
</tbody>
{% endcapture %}
<table id="table" class="table">
{{ table_content }}
</table>
<table id="table-bordered" class="table is-bordered">
{{ table_content }}
</table>
<table id="table-striped" class="table is-striped">
{{ table_content }}
</table>
<table id="table-narrow" class="table is-narrow">
{{ table_content }}
</table>
<div style="width: 800px;">
<table id="table-fullwidth" class="table is-fullwidth">
{{ table_content }}
</table>
</div>