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

Add elements CSS variables

Browse Source
This commit is contained in:
Jeremy Thomas
2022-12-06 10:46:03 +00:00
parent 8508af010a
commit 89a8b8f208
15 changed files with 868 additions and 487 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
docs/cyp/elements/progress.html
View File

@@ -8,8 +8,41 @@ title: Elements/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>
<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>
<div class="block">
{% for color in site.data.colors.justColors %}
<progress
id="progress-{{ color }}"
class="progress is-{{ color }}"
value="15"
max="100"
>
15%
</progress>
<progress
id="progress-{{ color }}-indeterminate"
class="progress is-{{ color }}"
max="100"
>
15%
</progress>
{% endfor %}
</div>