Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-26 11:16:12 +04:00
Code Issues Projects Releases Wiki Activity

Merge branch 'dev' of https://github.com/tabler/tabler into dev

Browse Source
This commit is contained in:
codecalm
2022-10-26 16:34:24 +02:00
parent ab0587cfed 457383298e
commit ff199c3043
11 changed files with 233 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/_data/menu.yml
View File

@@ -17,6 +17,10 @@ base:
blank:
title: Blank page
url: blank.html
badges:
url: badges.html
title: Badges
badge: New
buttons:
url: buttons.html
title: Buttons

4
src/pages/_includes/layout/navbar-menu.html
View File

@@ -57,7 +57,7 @@
{{ level-2[1].title }}
{% if level-2[1].badge %}
<span class="badge badge-sm bg-green text-uppercase ms-2">{{ level-2[1].badge }}</span>
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">{{ level-2[1].badge }}</span>
{% endif %}
</a>
@@ -68,7 +68,7 @@
{{ level-3[1].title }}
{% if level-3[1].badge %}
<span class="badge badge-sm bg-green text-uppercase ms-2">{{ level-3[1].badge }}</span>
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">{{ level-3[1].badge }}</span>
{% endif %}
</a>
{% endfor %}

97
src/pages/badges.html Normal file
View File

@@ -0,0 +1,97 @@
---
title: Badges
page-header: Badges
menu: base.badges
---
<div class="row row-cards">
<div class="col-4">
<div class="card">
<div class="card-body">
<h1>Example heading <span class="badge">New</span></h1>
<h2>Example heading <span class="badge">New</span></h2>
<h3>Example heading <span class="badge">New</span></h3>
<h4>Example heading <span class="badge">New</span></h4>
<h5>Example heading <span class="badge">New</span></h5>
<h6>Example heading <span class="badge">New</span></h6>
</div>
</div>
</div>
<div class="col-8">
<div class="row row-cards">
<div class="col-12">
<div class="card">
<div class="card-body">
<div class="badges-list">
{% for color in site.colors %}
<span class="badge bg-{{ color[0] }}">{{ color[1].title }}</span>
{% endfor %}
</div>
</div>
</div>
</div>
<div class="col-12">
<div class="card">
<div class="card-body">
<div class="badges-list">
{% for color in site.colors %}
<span class="badge bg-{{ color[0] }}-lt">{{ color[1].title }}</span>
{% endfor %}
</div>
</div>
</div>
</div>
<div class="col-12">
<div class="card">
<div class="card-body">
<div class="badges-list">
{% for color in site.colors %}
<span class="badge badge-outline text-{{ color[0] }}">{{ color[1].title }}</span>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3">
{% include ui/dropdown-menu.html show=true badge=true arrow=true %}
</div>
<div class="col-sm-6 col-lg-9">
<div class="row row-cards">
<div class="col-12">
<div class="card">
<div class="card-body">
<div class="btn-list">
{% for color in site.colors %}
<button class="btn">{{ color[1].title }} badge <span class="badge bg-{{ color[0] }} ms-2">{{ forloop.index }}</span></button>
{% endfor %}
</div>
</div>
</div>
</div>
<div class="col-12">
<div class="card">
<div class="card-body">
<div class="btn-list">
{% for color in site.colors %}
<button class="btn position-relative">{{ color[1].title }} badge <span class="badge bg-{{ color[0] }} badge-notification badge-pill">{{ forloop.index }}</span></button>
{% endfor %}
</div>
</div>
</div>
</div>
<div class="col-12">
<div class="card">
<div class="card-body">
<div class="btn-list">
{% for color in site.colors %}
<button class="btn position-relative">{{ color[1].title }} badge <span class="badge bg-{{ color[0] }} badge-notification badge-blink"></span></button>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>