Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-07-29 14:34:37 +04:00
Code Issues Projects Releases Wiki Activity

ubpdate jekyll to v4.0, build time fixes

Browse Source
This commit is contained in:
codecalm
2019-11-29 16:57:13 +01:00
parent d54053ff0a
commit 6f42a761c7
55 changed files with 291 additions and 265 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/_data/menu.yml
+6
View File
@@ -13,6 +13,12 @@ cards:
title: Cards
icon: file
theme:
title: Theme
icon: edit-3
pages:
charts:
url: charts.html
title: Charts
pages/_data/people.json
+2 -2
View File
@@ -1,6 +1,6 @@
[
{
"id": 1,
"id": "1",
"first_name": "Paweł",
"last_name": "Kuna",
"full_name": "Paweł Kuna",
@@ -26,7 +26,7 @@
"photo": "img/avatars/000m.jpg"
},
{
"id": 2,
"id": "2",
"first_name": "Jeffie",
"last_name": "Lewzey",
"full_name": "Jeffie Lewzey",
pages/_docs/buttons.md
+12 -12
View File
@@ -33,7 +33,7 @@ Use any of the available button classes to quickly create a styled button . We p
Make buttons look inactive by adding the disabled boolean attribute to any `.btn` element. `<a>`s don’t support the disabled attribute, so you must add the `.disabled` class to make it visually appear disabled.
{% example html wrapper=btn-list %}
{% for button in site.button_variants %}
{% include ui/button.html color=button.name text=button.title disabled="true" %}
{% include_cached ui/button.html color=button.name text=button.title disabled="true" %}
{% endfor %}
{% endexample %}
@@ -55,7 +55,7 @@ Add `.btn-square` to button to remove border-radius.
{% example html wrapper=btn-list %}
{% for button in site.button_variants %}
{% include ui/button.html text=button.title color=button.name square=true %}
{% include_cached ui/button.html text=button.title color=button.name square=true %}
{% endfor %}
{% endexample %}
@@ -65,7 +65,7 @@ Add `.btn-pill` class to any button to make them more rounded.
{% example html wrapper=btn-list %}
{% for button in site.button_variants %}
{% include ui/button.html text=button.title color=button.name pill=true %}
{% include_cached ui/button.html text=button.title color=button.name pill=true %}
{% endfor %}
{% endexample %}
@@ -75,7 +75,7 @@ In need of a button, but not the hefty background colors they bring? Replace the
{% example html wrapper=btn-list %}
{% for button in site.button_variants %}
{% include ui/button.html text=button.title color=button.name outline=true %}
{% include_cached ui/button.html text=button.title color=button.name outline=true %}
{% endfor %}
{% endexample %}
@@ -83,7 +83,7 @@ In need of a button, but not the hefty background colors they bring? Replace the
{% example html %}
{% for button in site.button_variants %}
{% include ui/button.html text="Button" label="star" color=button.name class="mr-2" %}
{% include_cached ui/button.html text="Button" label="star" color=button.name class="mr-2" %}
{% endfor %}
{% endexample %}
@@ -127,7 +127,7 @@ A button can be formatted to link to a social website
{% example html wrapper=btn-list %}
{% for button in site.socials %}
{% include ui/button.html color=button.name icon=button.icon text=button.title %}
{% include_cached ui/button.html color=button.name icon=button.icon text=button.title %}
{% endfor %}
{% endexample %}
@@ -135,7 +135,7 @@ You can use only icons.
{% example html wrapper=btn-list %}
{% for button in site.socials %}
{% include ui/button.html color=button.name icon=button.icon %}
{% include_cached ui/button.html color=button.name icon=button.icon %}
{% endfor %}
{% endexample %}
@@ -196,11 +196,11 @@ Add `.btn-loading` to use a loading state on a button. The width of the button d
Since the loading spinner is implemented using the `:after` pseudo-element, it is not supported by the `<input type="submit">` element.
{% example html wrapper=btn-list %}
{% include ui/button.html spinner=true text="Button" color="primary" %}
{% include ui/button.html spinner=true text="Button" color="danger" %}
{% include ui/button.html spinner=true text="Button" color="warning" %}
{% include ui/button.html spinner=true color="success" %}
{% include ui/button.html spinner=true color="secondary" %}
{% include_cached ui/button.html spinner=true text="Button" color="primary" %}
{% include_cached ui/button.html spinner=true text="Button" color="danger" %}
{% include_cached ui/button.html spinner=true text="Button" color="warning" %}
{% include_cached ui/button.html spinner=true color="success" %}
{% include_cached ui/button.html spinner=true color="secondary" %}
{% endexample %}
### List of buttons
pages/_docs/form-elements.md
+1 -1
View File
@@ -197,7 +197,7 @@ title: Form Elements
<input type="text" class="form-control" placeholder="Search for&hellip;">
</div>
<span class="col-auto">
<button class="btn btn-secondary" type="button">{% include ui/icon.html icon="search" %}</button>
<button class="btn btn-secondary" type="button">{% include_cached ui/icon.html icon="search" %}</button>
</span>
</div>
</div>{% endexample %}
pages/_docs/spinners.md
+5 -5
View File
@@ -43,9 +43,9 @@ done: true
### Buttons
{% example html wrapper=btn-list %}
{% include ui/button.html spinner=true text="Button" color="primary" %}
{% include ui/button.html spinner=true text="Button" color="danger" %}
{% include ui/button.html spinner=true text="Button" color="warning" %}
{% include ui/button.html spinner=true color="success" %}
{% include ui/button.html spinner=true color="secondary" %}
{% include_cached ui/button.html spinner=true text="Button" color="primary" %}
{% include_cached ui/button.html spinner=true text="Button" color="danger" %}
{% include_cached ui/button.html spinner=true text="Button" color="warning" %}
{% include_cached ui/button.html spinner=true color="success" %}
{% include_cached ui/button.html spinner=true color="secondary" %}
{% endexample %}
pages/_includes/cards/blog-single.html
+1 -1
View File
@@ -18,7 +18,7 @@
</div>
<div class="ml-auto">
<a href="#" class="icon d-none d-md-inline-block ml-3 {% if liked %}text-red{% else %}text-muted{% endif %}">
{% include ui/icon.html icon="heart" use-svg=true %}
{% include_cached ui/icon.html icon="heart" use-svg=true %}
</a>
</div>
</div>
pages/_includes/cards/comments.html
+2 -2
View File
@@ -21,9 +21,9 @@
</p>
<div class="small">
<span class="text-success mr-1">+{{ forloop.index | random_number: 20, 50 }}</span>
<a href="#" data-toggle="tooltip" data-placement="top" title="Vote Up">{% include ui/icon.html icon="chevron-up" %}</a>
<a href="#" data-toggle="tooltip" data-placement="top" title="Vote Up">{% include_cached ui/icon.html icon="chevron-up" %}</a>
<a href="#" class="mr-1" data-toggle="tooltip" data-placement="top" title="Vote Down">
{% include ui/icon.html icon="chevron-down" %}
{% include_cached ui/icon.html icon="chevron-down" %}
</a>
<span class="mr-1">·</span>
<a href="#" class="mr-1 text-muted">Reply</a>
pages/_includes/cards/company-employees.html
+1 -1
View File
@@ -21,7 +21,7 @@
<div class="progress-bar bg-{{ forloop.index | random_number: 30, 90 | number_color }}" role="progressbar" style="width: {{ forloop.index | random_number: 30, 90 }}%"></div>
</div>
</td>
<td><a href="" class="text-muted">{% include ui/icon.html icon="more-horizontal" %}</a></td>
<td><a href="" class="text-muted">{% include_cached ui/icon.html icon="more-horizontal" %}</a></td>
</tr>
{% endfor %}
pages/_includes/cards/feed-card.html
+7 -7
View File
@@ -176,13 +176,13 @@
<div class="card-footer">
<div class="toolbar toolbar-mx">
<a href="#" class="text-muted">
{% include ui/icon.html icon="thumbs-up" %} 321 Likes
{% include_cached ui/icon.html icon="thumbs-up" %} 321 Likes
</a>
<a href="#feed-form-{{ id }}" class="text-muted" data-toggle="collapse">
{% include ui/icon.html icon="message-square" %} 56 Comments
{% include_cached ui/icon.html icon="message-square" %} 56 Comments
</a>
<a href="#" class="text-muted">
{% include ui/icon.html icon="share-2" %}
{% include_cached ui/icon.html icon="share-2" %}
Share
</a>
</div>
@@ -192,10 +192,10 @@
<textarea class="form-control" rows="3"></textarea>
<div class="d-flex pt-2">
<div class="toolbar mt-1">
<a href="#" class="text-muted">{% include ui/icon.html icon="image" %}</a>
<a href="#" class="text-muted">{% include ui/icon.html icon="video" %}</a>
<a href="#" class="text-muted">{% include ui/icon.html icon="map-pin" %}</a>
<a href="#" class="text-muted">{% include ui/icon.html icon="paperclip" %}</a>
<a href="#" class="text-muted">{% include_cached ui/icon.html icon="image" %}</a>
<a href="#" class="text-muted">{% include_cached ui/icon.html icon="video" %}</a>
<a href="#" class="text-muted">{% include_cached ui/icon.html icon="map-pin" %}</a>
<a href="#" class="text-muted">{% include_cached ui/icon.html icon="paperclip" %}</a>
</div>
<button class="btn btn-sm btn-primary ml-auto">Post</button>
</div>
pages/_includes/cards/most-visited-pages.html
+1 -1
View File
@@ -14,7 +14,7 @@
{% for page in site.data.pages %}
<tr>
<td>{{ page.uri }}</td>
<td><a href="#" class="text-muted">{% include ui/icon.html icon="link" %}</a></td>
<td><a href="#" class="text-muted">{% include_cached ui/icon.html icon="link" %}</a></td>
<td>{{ page.visitors | format_number }}</td>
<td>{{ page.unique | format_number }}</td>
<td>{{ page.bounce-rate }}</td>
pages/_includes/cards/pricing-card.html
+2 -2
View File
@@ -14,9 +14,9 @@
{% for feature in features %}
<li>
{% if available-features[forloop.index0] == '1' %}
{% include ui/icon.html icon="check" class="mr-1 text-success" %}
{% include_cached ui/icon.html icon="check" class="mr-1 text-success" %}
{% else %}
{% include ui/icon.html icon="x" class="mr-1 text-danger" %}
{% include_cached ui/icon.html icon="x" class="mr-1 text-danger" %}
{% endif %}
{{ feature }}
</li>
pages/_includes/cards/profile-2.html
+3 -3
View File
@@ -9,17 +9,17 @@
<ul class="social-links list-inline mb-0 mt-2">
<li class="list-inline-item">
<a href="#" title="Facebook" data-toggle="tooltip">
{% include ui/icon.html icon="facebook" %}
{% include_cached ui/icon.html icon="facebook" %}
</a>
</li>
<li class="list-inline-item">
<a href="#" title="Twitter" data-toggle="tooltip">
{% include ui/icon.html icon="twitter" %}
{% include_cached ui/icon.html icon="twitter" %}
</a>
</li>
<li class="list-inline-item">
<a href="#" title="1234567890" data-toggle="tooltip">
{% include ui/icon.html icon="phone" %}
{% include_cached ui/icon.html icon="phone" %}
</a>
</li>
</ul>
pages/_includes/cards/profile.html
+1 -1
View File
@@ -10,7 +10,7 @@
</p>
<button class="btn btn-outline-primary btn-sm">
{% include ui/icon.html icon="twitter" %}
{% include_cached ui/icon.html icon="twitter" %}
Follow
</button>
</div>
pages/_includes/cards/project-kanban.html
+2 -2
View File
@@ -8,7 +8,7 @@
<div class="card-body">
<div class="dropdown card-options">
<button class="btn-options" type="button" data-toggle="dropdown">
{% include ui/icon.html icon="more-vertical" %}
{% include_cached ui/icon.html icon="more-vertical" %}
</button>
{% include ui/dropdown-menu.html right=true %}
</div>
@@ -20,7 +20,7 @@
<div class="card-meta d-flex justify-content-between">
<div class="d-flex align-items-center">
{% include ui/icon.html icon="check-square" class="mr-2" %}
{% include_cached ui/icon.html icon="check-square" class="mr-2" %}
<span>5/10</span>
</div>
<span>Due {{ due }}</span>
pages/_includes/cards/ribbon.html
+1 -1
View File
@@ -9,5 +9,5 @@
{% endif %}
</div>
<div class="ribbon{% if include.top %} ribbon-top{% endif %}{% if include.left %} ribbon-left{% endif %}{% if include.bottom %} ribbon-bottom{% endif %}{% if include.bookmark %} ribbon-bookmark{% endif %}{% if include.color %} bg-{{ include.color }}{% endif %}">{% if include.text %}{{ include.text }}{% else %}{% include ui/icon.html icon="star" class="icon-filled" use-svg=true %}{% endif %}</div>
<div class="ribbon{% if include.top %} ribbon-top{% endif %}{% if include.left %} ribbon-left{% endif %}{% if include.bottom %} ribbon-bottom{% endif %}{% if include.bookmark %} ribbon-bookmark{% endif %}{% if include.color %} bg-{{ include.color }}{% endif %}">{% if include.text %}{{ include.text }}{% else %}{% include_cached ui/icon.html icon="star" class="icon-filled" use-svg=true %}{% endif %}</div>
</div>
pages/_includes/cards/small-stats-2.html
+1 -1
View File
@@ -14,7 +14,7 @@
<div class="card" data-color={{color}}>
<div class="card-body">
<div class="float-right stamp{% if include.color %} bg-{{ include.color }}{% if include.light %}-lt{% else %} text-white{% endif %}{% endif %}">
{% include ui/icon.html icon=icon %}
{% include_cached ui/icon.html icon=icon %}
</div>
<div class="text-muted font-weight-normal mt-0">{{ include.title | default: 'Customers' }}</div>
<h3 class="h2 mt-2 mb-3">{{ include.count | default: "1,850" }}</h3>
pages/_includes/cards/small-stats.html
+3 -3
View File
@@ -3,7 +3,7 @@
<div class="card">
<div class="card-body p-3 d-flex align-items-center">
{% if include.icon %}
<span class="{% if include.color %}bg-{{ include.color }} text-white{% endif %} stamp mr-3">{% include ui/icon.html icon=include.icon %}</span>
<span class="{% if include.color %}bg-{{ include.color }} text-white{% endif %} stamp mr-3">{% include_cached ui/icon.html icon=include.icon %}</span>
{% elsif include.person-id %}
{% include ui/avatar.html person-id=include.person-id class="mr-3 rounded" %}
{% endif %}
@@ -18,7 +18,7 @@
<div>
<strong>{{ include.count | default: 1700 | format_number }}</strong> {{ include.subtitle }}
{% if include.small-icon %}
{% include ui/icon.html icon=include.small-icon color=include.color class="icon-sm ml-1" %}
{% include_cached ui/icon.html icon=include.small-icon color=include.color class="icon-sm ml-1" %}
{% endif %}
</div>
<div class="text-muted text-h5">{{ include.description | default: "Users" }}</div>
@@ -26,7 +26,7 @@
{% if include.second-icon %}
<div class="ml-auto">
{% include ui/icon.html icon=include.second-icon color=include.color class="icon-lg icon-thin" %}
{% include_cached ui/icon.html icon=include.second-icon color=include.color class="icon-lg icon-thin" %}
</div>
{% endif %}
pages/_includes/cards/store-product.html
+1 -1
View File
@@ -13,7 +13,7 @@
<strong>{{ product.price }}</strong>
</div>
<div class="ml-auto">
<a href="#" class="btn btn-primary">{% include ui/icon.html icon='plus' %} Add to cart</a>
<a href="#" class="btn btn-primary">{% include_cached ui/icon.html icon='plus' %} Add to cart</a>
</div>
</div>
</div>
pages/_includes/cards/subscribe.html
+1 -1
View File
@@ -25,7 +25,7 @@
<div class="col-auto">
<div class="dropdown">
<button class="btn-options" type="button" data-toggle="dropdown">
{% include ui/icon.html icon="more-vertical" %}
{% include_cached ui/icon.html icon="more-vertical" %}
</button>
{% include ui/dropdown-menu.html right=true %}
</div>
pages/_includes/cards/tabs.html
+8 -5
View File
@@ -11,21 +11,24 @@
<div class="card">
<ul class="nav nav-tabs{% if include.alternative %} nav-tabs-alt{% endif %}{% if reverse %} flex-row-reverse{% endif %}{% if include.justified %} nav-fill{% endif %}" data-toggle="tabs">
<li class="nav-item">
<a href="#tabs-home-{{ id }}" class="nav-link active" data-toggle="tab">{% if include.icons %}{% include ui/icon.html icon="home" class=icon-class %}{% endif %}{% unless include.hide-text %}Home{% endunless %}</a>
<a href="#tabs-home-{{ id }}" class="nav-link active" data-toggle="tab">{% if include.icons %}{% include_cached ui/icon.html icon="home" class=icon-class %}{% endif %}{% unless include.hide-text %}Home{% endunless %}</a>
</li>
<li class="nav-item">
<a href="#tabs-profile-{{ id }}" class="nav-link" data-toggle="tab">{% if include.icons %}{% include ui/icon.html icon="user" class=icon-class %}{% endif %}{% unless include.hide-text %}Profile{% endunless %}</a>
<a href="#tabs-profile-{{ id }}" class="nav-link" data-toggle="tab">{% if include.icons %}{% include_cached ui/icon.html icon="user" class=icon-class %}{% endif %}{% unless include.hide-text %}Profile{% endunless %}</a>
</li>
{% if include.activity %}
<li class="nav-item">
<a href="#tabs-activity-{{ id }}" class="nav-link" data-toggle="tab">{% if include.icons %}{% include ui/icon.html icon="activity" class=icon-class %}{% endif %}{% unless include.hide-text %}Activity{% endunless %}</a>
<a href="#tabs-activity-{{ id }}" class="nav-link" data-toggle="tab">{% if include.icons %}{% include_cached ui/icon.html icon="activity" class=icon-class %}{% endif %}{% unless include.hide-text %}Activity{% endunless %}</a>
</li>
{% endif %}
{% if include.disabled %}
<li class="nav-item">
<a href="#tabs-activity-{{ id }}" class="nav-link disabled" data-toggle="tab">{% if include.icons %}{% include ui/icon.html icon="x" class=icon-class %}{% endif %}{% unless include.hide-text %}Disabled{% endunless %}</a>
<a href="#tabs-activity-{{ id }}" class="nav-link disabled" data-toggle="tab">{% if include.icons %}{% include_cached ui/icon.html icon="x" class=icon-class %}{% endif %}{% unless include.hide-text %}Disabled{% endunless %}</a>
</li>
{% endif %}
{% if include.dropdown %}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
@@ -40,7 +43,7 @@
{% endif %}
{% if include.settings %}
<li class="nav-item {% if reverse %}mr-auto{% else %}ml-auto{% endif %}">
<a href="#tabs-settings-{{ id }}" class="nav-link" title="Settings" data-toggle="tab">{% include ui/icon.html icon="settings" %}</a>
<a href="#tabs-settings-{{ id }}" class="nav-link" title="Settings" data-toggle="tab">{% include_cached ui/icon.html icon="settings" %}</a>
</li>
{% endif %}
</ul>
pages/_includes/cards/tasks.html
+3 -3
View File
@@ -16,14 +16,14 @@
<a href="#" class="text-reset">{{ task.name }}</a>
</td>
<td class="text-nowrap text-muted">
{% include ui/icon.html icon="calendar" %}
{% include_cached ui/icon.html icon="calendar" %}
{{ forloop.index | random_date: "2019-01-01", "2018-01-01" | date: '%B %d, %Y' }}
</td>
<td class="text-nowrap">
<a href="#" class="text-muted">{% include ui/icon.html icon="check" %} {{ forloop.index | random_number: 0, 6 }}/{{ forloop.index | random_number: 5, 10 }}</a>
<a href="#" class="text-muted">{% include_cached ui/icon.html icon="check" %} {{ forloop.index | random_number: 0, 6 }}/{{ forloop.index | random_number: 5, 10 }}</a>
</td>
<td class="text-nowrap">
<a href="#" class="text-muted">{% include ui/icon.html icon="message-square" %} {{ forloop.index | random_number: 0, 12 }}</a>
<a href="#" class="text-muted">{% include_cached ui/icon.html icon="message-square" %} {{ forloop.index | random_number: 0, 12 }}</a>
</td>
<td>
{% include ui/avatar.html person-id=forloop.index size="sm" %}
pages/_includes/cards/timeline.html
+7 -7
View File
@@ -5,7 +5,7 @@
<div class="card-body">
<ul class="list list-timeline{% if include.simple %} list-timeline-simple{% endif %}">
<li>
<div class="list-timeline-icon bg-twitter">{% include ui/icon.html icon="twitter" %}</div>
<div class="list-timeline-icon bg-twitter">{% include_cached ui/icon.html icon="twitter" %}</div>
<div class="list-timeline-content">
<div class="list-timeline-time">10 hrs ago</div>
<p class="list-timeline-title">+1150 Followers</p>
@@ -13,7 +13,7 @@
</div>
</li>
<li>
<div class="list-timeline-icon bg-red">{% include ui/icon.html icon="briefcase" %}</div>
<div class="list-timeline-icon bg-red">{% include_cached ui/icon.html icon="briefcase" %}</div>
<div class="list-timeline-content">
<div class="list-timeline-time">2 hrs ago</div>
<p class="list-timeline-title">+3 New Products were added!</p>
@@ -21,7 +21,7 @@
</div>
</li>
<li>
<div class="list-timeline-icon bg-success">{% include ui/icon.html icon="check" %}</div>
<div class="list-timeline-icon bg-success">{% include_cached ui/icon.html icon="check" %}</div>
<div class="list-timeline-content">
<div class="list-timeline-time">1 day ago</div>
<p class="list-timeline-title">Database backup completed!</p>
@@ -29,7 +29,7 @@
</div>
</li>
<li>
<div class="list-timeline-icon bg-facebook">{% include ui/icon.html icon="facebook" %}</div>
<div class="list-timeline-icon bg-facebook">{% include_cached ui/icon.html icon="facebook" %}</div>
<div class="list-timeline-content">
<div class="list-timeline-time">1 day ago</div>
<p class="list-timeline-title">+290 Page Likes</p>
@@ -37,7 +37,7 @@
</div>
</li>
<li>
<div class="list-timeline-icon bg-teal">{% include ui/icon.html icon="user-plus" %}</div>
<div class="list-timeline-icon bg-teal">{% include_cached ui/icon.html icon="user-plus" %}</div>
<div class="list-timeline-content">
<div class="list-timeline-time">2 days ago</div>
<p class="list-timeline-title">+3 Friend Requests</p>
@@ -49,7 +49,7 @@
</div>
</li>
<li>
<div class="list-timeline-icon bg-yellow">{% include ui/icon.html icon="image" %}</div>
<div class="list-timeline-icon bg-yellow">{% include_cached ui/icon.html icon="image" %}</div>
<div class="list-timeline-content">
<div class="list-timeline-time">3 days ago</div>
<p class="list-timeline-title">+2 New photos</p>
@@ -70,7 +70,7 @@
</div>
</li>
<li>
<div class="list-timeline-icon">{% include ui/icon.html icon="settings" %}</div>
<div class="list-timeline-icon">{% include_cached ui/icon.html icon="settings" %}</div>
<div class="list-timeline-content">
<div class="list-timeline-time">2 weeks ago</div>
<p class="list-timeline-title">System updated to v2.02</p>
pages/_includes/cards/user-info.html
+14 -15
View File
@@ -1,33 +1,32 @@
{% assign person-id = include.person-id | default: 25 %}
{% assign person = site.data.people | where: "id", person-id %}
{% assign p = person[0] %}
{% assign person-id = include.person-id | default: 25 | minus: 1 %}
{% assign person = site.data.people[person-id] %}
<div class="card">
<div class="card-body">
<div class="card-title">{{ include.title | default: 'Basic info' }}</div>
<div class="mb-2">
{% include ui/icon.html icon="book" class="mr-2 text-muted" %}
Went to: <strong>{{ p.university }}</strong>
{% include_cached ui/icon.html icon="book" class="mr-2 text-muted" %}
Went to: <strong>{{ person.university }}</strong>
</div>
<div class="mb-2">
{% include ui/icon.html icon="briefcase" class="mr-2 text-muted" %}
Worked at: <strong>{{ p.company }}</strong>
{% include_cached ui/icon.html icon="briefcase" class="mr-2 text-muted" %}
Worked at: <strong>{{ person.company }}</strong>
</div>
<div class="mb-2">
{% include ui/icon.html icon="home" class="mr-2 text-muted" %}
Lives in: <strong>{{ p.city }}, {{ p.country }}</strong>
{% include_cached ui/icon.html icon="home" class="mr-2 text-muted" %}
Lives in: <strong>{{ person.city }}, {{ person.country }}</strong>
</div>
<div class="mb-2">
{% include ui/icon.html icon="map-pin" class="mr-2 text-muted" %}
From: <strong>{% include ui/flag.html flag=p.country_code %} {{ p.country }}</strong>
{% include_cached ui/icon.html icon="map-pin" class="mr-2 text-muted" %}
From: <strong>{% include ui/flag.html flag=person.country_code %} {{ person.country }}</strong>
</div>
<div class="mb-2">
{% include ui/icon.html icon="calendar" class="mr-2 text-muted" %}
Birth date: <strong>{{ p.birth_date }}</strong>
{% include_cached ui/icon.html icon="calendar" class="mr-2 text-muted" %}
Birth date: <strong>{{ person.birth_date }}</strong>
</div>
<div>
{% include ui/icon.html icon="clock" class="mr-2 text-muted" %}
Time zone: <strong>{{ p.time_zone }}</strong>
{% include_cached ui/icon.html icon="clock" class="mr-2 text-muted" %}
Time zone: <strong>{{ person.time_zone }}</strong>
</div>
</div>
</div>
pages/_includes/cards/users-list.html
+1 -1
View File
@@ -30,7 +30,7 @@
{% else %}
{% assign star-color = 'text-muted' %}
{% endif %}
<a href="#" class="list-item-actions{% if checked-ids contains forloop.index %} show{% endif %}">{% include ui/icon.html icon="star" class=star-color %}</a>
<a href="#" class="list-item-actions{% if checked-ids contains forloop.index %} show{% endif %}">{% include_cached ui/icon.html icon="star" class=star-color %}</a>
{% endif %}
</div>
{% endfor %}
pages/_includes/forms/form-elements-1.html
+1 -1
View File
@@ -69,7 +69,7 @@
<input type="text" class="form-control" placeholder="Search for&hellip;">
</div>
<div class="col-auto">
<button class="btn btn-secondary" type="button">{% include ui/icon.html icon="search" %}</button>
<button class="btn btn-secondary" type="button">{% include_cached ui/icon.html icon="search" %}</button>
</div>
</div>
</div>
pages/_includes/layout/banner.html
+8
View File
@@ -0,0 +1,8 @@
<!--
* {{ site.title }} - {{ site.description }}
* @version {{ site.version }}
* @link {{ site.github_url }}
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
* Licensed under MIT (https://tabler.io/license)
-->
pages/_includes/layout/menu.html
+1 -1
View File
@@ -13,7 +13,7 @@
%}href="{{ level-1[1].url }}" data-toggle="{{ level-1[1].toggle }}" {% else
%}href="{{ site.base }}/{{ level-1[1].url }}" {% endif %}>
<span class="nav-icon">
{% include ui/icon.html icon=icon %}
{% include_cached ui/icon.html icon=icon %}
</span>
<span class="nav-text">
{{ level-1[1].title }}
pages/_includes/layout/page-title.html
+4 -4
View File
@@ -27,17 +27,17 @@
{% if page.page-title-actions == 'users' %}
<div class="d-flex">
<input type="search" class="form-control d-inline-block w-9 mr-3" placeholder="Search user&hellip;" />
{% include ui/button.html text="New user" color="primary" icon="plus" %}
{% include_cached ui/button.html text="New user" color="primary" icon="plus" %}
</div>
{% elsif page.page-title-actions == 'calendar' %}
<div class="d-flex">
{% include ui/button.html text="Add event" color="primary" icon="plus" %}
{% include_cached ui/button.html text="Add event" color="primary" icon="plus" %}
</div>
{% else %}
<span class="d-none d-sm-inline">
{% include ui/button.html text="New view" color="secondary" icon="plus" %}
{% include_cached ui/button.html text="New view" color="secondary" icon="plus" %}
</span>
{% include ui/button.html text="Create new report" color="primary" class="ml-3" %}
{% include_cached ui/button.html text="Create new report" color="primary" class="ml-3" %}
{% endif %}
</div>
{% endif %}
pages/_includes/layout/topnav.html
+1 -1
View File
@@ -1,6 +1,6 @@
<header class="layout-area-topnav navbar navbar-expand-lg {% if include.dark %}navbar-dark bg-dark text-white{% else %}navbar-light{% endif %}{% if include.sticky %} navbar-sticky{% endif %}">
<div class="container{% if include.fluid %} container-fluid{% endif %}">
{% include parts/navbar.html logo=true search=true user-menu=1 person=1 dark=include.dark notifications=true %}
{% include parts/navbar.html logo=true search=true user-menu=1 person-id=1 dark=include.dark notifications=true %}
</div>
</header>
pages/_includes/parts/calendar.html
+2 -2
View File
@@ -10,11 +10,11 @@
<div class="calendar{% if include.class %} {{ include.class }}{% endif %}">
<div class="calendar-nav">
<button class="btn btn-action btn-link btn-lg">
{% include ui/icon.html icon="chevron-left" %}
{% include_cached ui/icon.html icon="chevron-left" %}
</button>
<div class="calendar-title">{{ include.title | default: 'March 2017' }}</div>
<button class="btn btn-action btn-link btn-lg">
{% include ui/icon.html icon="chevron-right" %}
{% include_cached ui/icon.html icon="chevron-right" %}
</button>
</div>
<div class="calendar-container">
pages/_includes/parts/input-color.html
+1 -1
View File
@@ -1,7 +1,7 @@
<div class="mb-3">
<label class="form-label">Color Input</label>
<div class="row row-xs">
{% for color in site.colors limit: 9 offset: 1 %}
{% for color in site.colors limit: 10 %}
<div class="col-auto">
<label class="colorinput">
<input name="color" type="checkbox" value="{{ color[0] }}" class="colorinput-input" {% if forloop.index== 2 %} checked{% endif %}/>
pages/_includes/parts/input-icon.html
+2 -2
View File
@@ -3,12 +3,12 @@
<div class="input-icon mb-3">
<input type="text" class="form-control" placeholder="Search for&hellip;">
<span class="input-icon-addon">
{% include ui/icon.html icon="search" %}
{% include_cached ui/icon.html icon="search" %}
</span>
</div>
<div class="input-icon">
<span class="input-icon-addon">
{% include ui/icon.html icon="user" %}
{% include_cached ui/icon.html icon="user" %}
</span>
<input type="text" class="form-control" placeholder="Username">
</div>
pages/_includes/parts/navbar.html
+102 -103
View File
@@ -1,117 +1,116 @@
{% assign person = include.person | default: 12 %}
{% assign person = site.data.people | where: "id", include.person %}
{% assign person = person[0] %}
{% assign person-id = include.person-id | default: 12 | minus: 1 %}
{% assign person = site.data.people[person-id] %}
<a class="navbar-toggler" data-toggle="modal" data-target="#aside">
<span class="navbar-toggler-icon"></span>
</a>
<a class="navbar-toggler" data-toggle="modal" data-target="#aside">
<span class="navbar-toggler-icon"></span>
</a>
<a href="{{ site.base }}" class="navbar-brand text-reset mr-md-3">
{% if include.icon %}<span class="text-green">{% include ui/icon.html icon=include.icon %}</span>{% endif %}
{% if include.stamp %}<span class="stamp bg-primary text-white">UI</span>{% endif %}
{% if include.logo %}
<img src="{{ site.base }}/img/logo{% if include.dark %}-white{% endif %}.svg" alt="{{ site.title }}" class="d-none d-md-block navbar-brand-logo">
<img src="{{ site.base }}/img/logo-small{% if include.dark %}-white{% endif %}.svg" alt="{{ site.title }}" class="d-md-none navbar-brand-logo">
{% endif %}
{% if include.title %}<span class="d-inline">{{ include.title }}</span>{% endif %}
</a>
<a href="{{ site.base }}" class="navbar-brand text-reset mr-md-3">
{% if include.icon %}<span class="text-green">{% include_cached ui/icon.html icon=include.icon %}</span>{% endif %}
{% if include.stamp %}<span class="stamp bg-primary text-white">UI</span>{% endif %}
{% if include.logo %}
<img src="{{ site.base }}/img/logo{% if include.dark %}-white{% endif %}.svg" alt="{{ site.title }}" class="d-none d-md-block navbar-brand-logo">
<img src="{{ site.base }}/img/logo-small{% if include.dark %}-white{% endif %}.svg" alt="{{ site.title }}" class="d-md-none navbar-brand-logo">
{% endif %}
{% if include.title %}<span class="d-inline">{{ include.title }}</span>{% endif %}
</a>
<ul class="nav navbar-menu align-items-center order-1 order-lg-2">
<ul class="nav navbar-menu align-items-center order-1 order-lg-2">
{% if include.notifications %}
<li class="nav-item dropdown mr-3">
<a class="nav-link text-reset px-2" data-toggle="dropdown">
{% include ui/icon.html icon="bell" %}
<span class="badge badge-pill badge-up bg-primary">4</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right mt-3 p-0">
<div class="scrollable">
<div class="list list-row">
</div>
</div>
<div class="d-flex px-3 py-2 b-t">
<div class="flex">
<span>6 Notifications</span>
</div>
<a href="#">See all <i class="fa fa-angle-right text-muted"></i></a>
{% if include.notifications %}
<li class="nav-item dropdown mr-3">
<a class="nav-link text-reset px-2" data-toggle="dropdown">
{% include_cached ui/icon.html icon="bell" %}
<span class="badge badge-pill badge-up bg-primary">4</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right mt-3 p-0">
<div class="scrollable">
<div class="list list-row">
</div>
</div>
</li>
{% endif %}
<li class="nav-item d-none d-lg-flex mr-3">
<a href="{{ site.github_url }}" class="btn btn-sm btn-success" target="_blank">Source code</a>
</li>
{% if include.user-menu %}
<li class="nav-item dropdown">
<a href="#" data-toggle="dropdown"
class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
{% include ui/avatar.html src=person.photo %}
<span class="ml-2 d-none d-lg-block leading-none">
{{ person.full_name }}
<span class="text-muted d-block mt-1 text-h6">Administrator</span>
</span>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
<a class="dropdown-item" href="#">
{% include ui/icon.html icon="user" class="dropdown-icon" %} Profile
</a>
<a class="dropdown-item" href="#">
{% include ui/icon.html icon="settings" class="dropdown-icon" %} Settings
</a>
<a class="dropdown-item" href="#">
{% include ui/icon.html icon="mail" class="dropdown-icon" %} Inbox
<span class="badge bg-primary ml-auto">6</span>
</a>
<a class="dropdown-item" href="#">
{% include ui/icon.html icon="send" class="dropdown-icon" %} Message
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">
{% include ui/icon.html icon="help-circle" class="dropdown-icon" %} Need help?
</a>
<a class="dropdown-item" href="#">
{% include ui/icon.html icon="log-out" class="dropdown-icon" %} Sign out
</a>
<div class="d-flex px-3 py-2 b-t">
<div class="flex">
<span>6 Notifications</span>
</div>
<a href="#">See all <i class="fa fa-angle-right text-muted"></i></a>
</div>
</li>
{% endif %}
</div>
</li>
{% endif %}
{% if include.manage %}
<li class="nav-item">
<a href="#" class="btn btn-secondary">Manage Widgets</a>
</li>
{% endif %}
<li class="nav-item d-none d-lg-flex mr-3">
<a href="{{ site.github_url }}" class="btn btn-sm btn-success" target="_blank">Source code</a>
</li>
{% if include.register %}
<li class="nav-item ">
<a href="#" class="nav-link">
Sign in
{% if include.user-menu %}
<li class="nav-item dropdown">
<a href="#" data-toggle="dropdown"
class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
{% include ui/avatar.html src=person.photo %}
<span class="ml-2 d-none d-lg-block leading-none">
{{ person.full_name }}
<span class="text-muted d-block mt-1 text-h6">Administrator</span>
</span>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
<a class="dropdown-item" href="#">
{% include_cached ui/icon.html icon="user" class="dropdown-icon" %} Profile
</a>
</li>
<li class="d-flex align-items-center">
<a href="#" class="btn btn-pill btn-sm btn-primary d-none d-lg-block">
Register
<a class="dropdown-item" href="#">
{% include_cached ui/icon.html icon="settings" class="dropdown-icon" %} Settings
</a>
</li>
{% endif %}
<a class="dropdown-item" href="#">
{% include_cached ui/icon.html icon="mail" class="dropdown-icon" %} Inbox
<span class="badge bg-primary ml-auto">6</span>
</a>
<a class="dropdown-item" href="#">
{% include_cached ui/icon.html icon="send" class="dropdown-icon" %} Message
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">
{% include_cached ui/icon.html icon="help-circle" class="dropdown-icon" %} Need help?
</a>
<a class="dropdown-item" href="#">
{% include_cached ui/icon.html icon="log-out" class="dropdown-icon" %} Sign out
</a>
</div>
</li>
{% endif %}
{% if include.plus %}
<li class="nav-item">
<a href="#" class="btn btn-primary btn-icon">{% include ui/icon.html icon="plus" %}</a>
</li>
{% endif %}
{% if include.manage %}
<li class="nav-item">
<a href="#" class="btn btn-secondary">Manage Widgets</a>
</li>
{% endif %}
{% if include.premium %}
<li class="nav-item">
<a href="#" class="btn btn-success">Go Premium</a>
</li>
{% endif %}
{% if include.register %}
<li class="nav-item ">
<a href="#" class="nav-link">
Sign in
</a>
</li>
<li class="d-flex align-items-center">
<a href="#" class="btn btn-pill btn-sm btn-primary d-none d-lg-block">
Register
</a>
</li>
{% endif %}
{% if include.sync %}
<li class="nav-item">
<a href="#" class="btn btn-secondary">{% include ui/icon.html icon="rotate-cw" class="mr-2" %}Sync</a>
</li>
{% endif %}
</ul>
{% if include.plus %}
<li class="nav-item">
<a href="#" class="btn btn-primary btn-icon">{% include_cached ui/icon.html icon="plus" %}</a>
</li>
{% endif %}
{% if include.premium %}
<li class="nav-item">
<a href="#" class="btn btn-success">Go Premium</a>
</li>
{% endif %}
{% if include.sync %}
<li class="nav-item">
<a href="#" class="btn btn-secondary">{% include_cached ui/icon.html icon="rotate-cw" class="mr-2" %}Sync</a>
</li>
{% endif %}
</ul>
pages/_includes/parts/pagination.html
+2 -2
View File
@@ -7,7 +7,7 @@
<div class="page-item-subtitle">Previous</div>
<div class="page-item-title">{{ include.prev-description }}</div>
{% else %}
{% if include.icons %}{% include ui/icon.html icon="chevron-left" %}{% else %}{% include ui/icon.html icon="chevron-left" %} Prev{% endif %}
{% if include.icons %}{% include_cached ui/icon.html icon="chevron-left" %}{% else %}{% include_cached ui/icon.html icon="chevron-left" %} Prev{% endif %}
{% endif %}
</a>
</li>
@@ -23,7 +23,7 @@
<div class="page-item-subtitle">Next</div>
<div class="page-item-title">{{ include.next-description }}</div>
{% else %}
{% if include.icons %}{% include ui/icon.html icon="chevron-right" %}{% else %}Next {% include ui/icon.html icon="chevron-right" %}{% endif %}
{% if include.icons %}{% include_cached ui/icon.html icon="chevron-right" %}{% else %}Next {% include_cached ui/icon.html icon="chevron-right" %}{% endif %}
{% endif %}
</a>
</li>
pages/_includes/ui/alert.html
+1 -1
View File
@@ -1,7 +1,7 @@
{% assign person = include.person %}
<div class="alert alert-{{ include.type | default: 'primary'}}{%if include.close %} alert-dismissible{% endif %}{% if include.avatar %} alert-avatar{% endif %}" role="alert">
{% if include.avatar %}{% include ui/avatar.html person=person %}{% endif %}
{% if include.icon %}{% include ui/icon.html icon=include.icon class="mr-1" %}{% endif %} {{ include.text | default:
{% if include.icon %}{% include_cached ui/icon.html icon=include.icon class="mr-1" %}{% endif %} {{ include.text | default:
"This is a custom alert box!" }}
{% if include.buttons %}
<div class="btn-list">
pages/_includes/ui/avatar.html
+13 -12
View File
@@ -2,22 +2,23 @@
{% assign src = include.src %}
{% assign placeholder = include.placeholder %}
{% if include.person-id %}
{% assign person = site.data.people | where: "id", include.person-id %}
{% assign src = person[0].photo %}
{% unless src %}
{% assign placeholder = person[0].full_name | first_letters %}
{% endunless %}
{% assign person-id = include.person-id | minus: 1 %}
{% assign person = site.data.people[person-id] %}
{% assign src = person.photo %}
{% unless src %}
{% assign placeholder = person.full_name | first_letters %}
{% endunless %}
{% elsif include.person %}
{% assign person = include.person %}
{% assign src = person.photo %}
{% unless src %}
{% assign placeholder = person.full_name | first_letters %}
{% endunless %}
{% assign person = include.person %}
{% assign src = person.photo %}
{% unless src %}
{% assign placeholder = person.full_name | first_letters %}
{% endunless %}
{% endif %}
{% assign link = include.link | default: false %}
{% assign el = 'span' %}
{% if link %}{% assign el = 'a' %}{% endif %}
<{{ el }} class="avatar{% if include['size'] %} avatar-{{ include['size'] }}{% endif %}{% if include.thumb %} avatar-thumb{% endif %}{% if include.class %} {{ include.class }}{% endif %}{% if include.shape %} {{ include.shape }}{% endif %}{% if include.color %} bg-{{ include.color }}-lt{% endif %}"{% if src %} style="background-image: url({{ site.base }}/{{ src }})"{% endif %}>{% if include.status %}
<span class="badge bg-{{ include.status }}">{% if include.status-text %}{{ include.status-text }}{% elsif include.status-icon %}{% include ui/icon.html icon=include.status-icon class="avatar-status-icon" %}{% endif %}</span>
{% endif %}{% if placeholder %}{{ placeholder }}{% elsif include.icon %} {% include ui/icon.html icon=include.icon class="avatar-icon" %}{% endif %}</{{ el }}>
<span class="badge bg-{{ include.status }}">{% if include.status-text %}{{ include.status-text }}{% elsif include.status-icon %}{% include_cached ui/icon.html icon=include.status-icon class="avatar-status-icon" %}{% endif %}</span>
{% endif %}{% if placeholder %}{{ placeholder }}{% elsif include.icon %} {% include_cached ui/icon.html icon=include.icon class="avatar-icon" %}{% endif %}</{{ el }}>
{% endremoveemptylines %}
pages/_includes/ui/button.html
+2 -2
View File
@@ -6,10 +6,10 @@
<{{ e }}{% if e == 'a' %} href="{{ include.href | default: '#' }}"{% endif %}{% if include.type %} type="{{ include.type }}"{% endif %} class="btn{% if include.height %} btn-{{ include.height }}{% endif %}{% if include.color %} btn-{% if include.outline %}outline-{% endif %}{{ include.color }}{% endif %}{% if include.disabled %} disabled{% endif %}{% if include.square %} btn-square{% endif %}{% if include.pill %} btn-pill{% endif %}{% if include['size'] %} btn-{{ include['size'] }}{% endif %}{% if include.class %} {{ include.class }}{% endif %}{% if include.block %} btn-block{% endif %}{% if include.link %} btn-link{% endif %}{% if include.label %} btn-label{% endif %}{% if include.icon-only %} btn-icon{% endif %}">
{% if include.spinner %}
{% include ui/spinner.html color=false size="sm" class=spinner-class element="span" %}{% endif %}
{% if include.icon %}{% include ui/icon.html icon=include.icon use-svg=true %}{% endif %}
{% if include.icon %}{% include_cached ui/icon.html icon=include.icon use-svg=true %}{% endif %}
{% unless include.icon-only %}
{{ include.text | default: "Button" }}
{% if include.icon-right %}{% include ui/icon.html icon=include.icon-right use-svg=true right=true %}{% endif %}
{% if include.icon-right %}{% include_cached ui/icon.html icon=include.icon-right use-svg=true right=true %}{% endif %}
{% endunless %}
</{{ e }}>
{% endremoveemptylines %}
pages/_includes/ui/dropdown-menu.html
+5 -5
View File
@@ -8,18 +8,18 @@
{% else %}
{% if include.header %}<span class="dropdown-header">Dropdown header</span>{% endif %}
<a class="dropdown-item" href="#">
{% if include.icons %}{% include ui/icon.html icon="settings" %} {% endif %}
{% if include.icons %}{% include_cached ui/icon.html icon="settings" %} {% endif %}
Action
{% if include.badge %}<span class="badge bg-primary ml-auto">12</span>{% endif %}
</a>
<a class="dropdown-item" href="#">
{% if include.icons %}{% include ui/icon.html icon="edit" %} {% endif %}Another action
{% if include.icons %}{% include_cached ui/icon.html icon="edit" %} {% endif %}Another action
</a>
{% if include.active %}<a class="dropdown-item active" href="#">{% if include.icons %}{% include ui/icon.html icon="activity" %} {% endif %}Active action</a>{% endif %}
{% if include.disabled %}<a class="dropdown-item disabled" href="#">{% if include.icons %}{% include ui/icon.html icon="user-x" %} {% endif %}Disabled action</a>{% endif %}
{% if include.active %}<a class="dropdown-item active" href="#">{% if include.icons %}{% include_cached ui/icon.html icon="activity" %} {% endif %}Active action</a>{% endif %}
{% if include.disabled %}<a class="dropdown-item disabled" href="#">{% if include.icons %}{% include_cached ui/icon.html icon="user-x" %} {% endif %}Disabled action</a>{% endif %}
{% if include.separated %}
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">{% if include.icons %}{% include ui/icon.html icon="plus" class="dropdown-icon" %} {% endif %}Separated link</a>
<a class="dropdown-item" href="#">{% if include.icons %}{% include_cached ui/icon.html icon="plus" class="dropdown-icon" %} {% endif %}Separated link</a>
{% endif %}
{% endif %}
</div>
pages/_includes/ui/empty.html
+2 -2
View File
@@ -7,7 +7,7 @@
{% elsif include.icon-text %}
<div class="display-4">{{ include.icon-text }}</div>
{% else %}
{% include ui/icon.html icon=icon %}
{% include_cached ui/icon.html icon=icon %}
{% endif %}
</div>
@@ -17,6 +17,6 @@
</p>
<div class="empty-action">
{% assign button-text = include.button-text | default: "Search again" %}
{% include ui/button.html text=button-text color="primary" icon=include.button-icon %}
{% include_cached ui/button.html text=button-text color="primary" icon=include.button-icon %}
</div>
</div>
pages/_includes/ui/input-selectgroup.html
+1 -1
View File
@@ -7,7 +7,7 @@
<label class="selectgroup-item">
{% assign s = value | split: "i:" %}
<input type="{{ type }}" name="{{ name }}" value="{% if s.size == 2 %}{{ s[1] }}{% else %}{{ value }}{% endif %}" class="selectgroup-input"{% if value == default %}{% if type == "radio" %} checked{% else %} checked{% endif %}{% endif %}>
<span class="selectgroup-button">{% if s.size == 2 %}{% assign icon = s[1] %}{% include ui/icon.html icon=icon use-svg=true %}{% else %}{{ value }}{% endif %}</span>
<span class="selectgroup-button">{% if s.size == 2 %}{% assign icon = s[1] %}{% include_cached ui/icon.html icon=icon use-svg=true %}{% else %}{{ value }}{% endif %}</span>
</label>
{% endfor %}
</div>
pages/_includes/ui/nav.html
+2 -2
View File
@@ -6,7 +6,7 @@
</li>
<li class="nav-item">
<a class="nav-link" href="#">
{% include ui/icon.html icon="star" class="mr-1" %}
{% include_cached ui/icon.html icon="star" class="mr-1" %}
Link
</a>
</li>
@@ -17,7 +17,7 @@
</li>
<li class="nav-item ml-auto">
<a class="nav-link" href="#">
{% include ui/icon.html icon="settings" %}
{% include_cached ui/icon.html icon="settings" %}
</a>
</li>
</ul>
pages/_includes/ui/sparkline.html
+1 -1
View File
@@ -12,7 +12,7 @@
{% endif %}
{% if include.label-icon %}
<div class="sparkline-label">
{% include ui/icon.html icon=include.label-icon color=include.color %}
{% include_cached ui/icon.html icon=include.label-icon color=include.color %}
</div>
{% endif %}
</div>
pages/_includes/ui/stars.html
+2 -2
View File
@@ -8,9 +8,9 @@
{% for i in (1..5) %}
<span class="star {% if forloop.index <= rate %}{{ class }}{% endif %}">
{% if forloop.index <= rate and filled %}
{% include ui/icon.html icon=icon class="icon-filled" %}
{% include_cached ui/icon.html icon=icon class="icon-filled" %}
{% else %}
{% include ui/icon.html icon=icon %}
{% include_cached ui/icon.html icon=icon %}
{% endif %}
</span>
{% endfor %}
pages/_includes/ui/trending.html
+1 -1
View File
@@ -11,5 +11,5 @@
{% endif %}
<span class="text-{{ color }} d-inline-flex align-items-center leading-none{% if include.class %} {{ include.class }}{% endif %}">
{{ value }}% {% include ui/icon.html icon=icon class="icon-thin" %}
{{ value }}% {% include_cached ui/icon.html icon=icon class="icon-thin" %}
</span>
pages/_layouts/base.html
+2 -2
View File
@@ -1,4 +1,5 @@
<!doctype html>
{% include_cached layout/banner.html %}
<html lang="en" {% if page.rtl %} dir="rtl" {% endif %}>
<head>
<meta charset="utf-8"/>
@@ -19,8 +20,7 @@
<link rel="icon" href="{{ site.base }}/favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="{{ site.base }}/favicon.ico" type="image/x-icon"/>
<title>{% if page.title %}{{ page.title }} - {% endif %}{% if layout.title %}{{ layout.title }} - {% endif %}{% if
site.title %}{{ site.title }} - {% endif %}{{ site.description }}</title>
<title>{% if page.title %}{{ page.title }} - {% endif %}{% if layout.title %}{{ layout.title }} - {% endif %}{% if site.title %}{{ site.title }} - {% endif %}{{ site.description }}</title>
{% if page.description %}
<meta name="description" content="{{ page.description | escape }}"/>
pages/_layouts/component.html
+2 -2
View File
@@ -55,11 +55,11 @@ og-component: true
</div>
<div class="row">
<div class="col">{% include ui/button.html icon="clipboard" text="Copy code" color="secondary" block=true class="mt-4" %}</div>
<div class="col">{% include_cached ui/button.html icon="clipboard" text="Copy code" color="secondary" block=true class="mt-4" %}</div>
<div class="col">
<form action="https://codepen.io/pen/define" method="post" target="_blank">
<input type="hidden" name="data" value='{"title":"{{ page.title | escape }}","css_external":"https://preview-dev.tabler.io/dist/css/tabler.css","html":"{{ demo-html | tidy: 'html' | replace_regex: "\n", "\\n" | replace_regex: "\t", "\\t" | replace_regex: '"', '\"' | replace_regex: "'", "\'" }}","css":"{{ demo-css | replace_regex: "\n", "\\n" | replace_regex: "\t", "\\t" | replace_regex: '"', '\"' }}", "editors":"100"}'>
{% include ui/button.html icon="codesandbox" text="Edit in CodePen" color="primary" block=true class="mt-4" element="button" type="submit" %}
{% include_cached ui/button.html icon="codesandbox" text="Edit in CodePen" color="primary" block=true class="mt-4" element="button" type="submit" %}
</form>
</div>
</div>
pages/_layouts/docs.html
+3 -3
View File
@@ -9,14 +9,14 @@ page-title: Documentation
<div class="row justify-content-center">
<div class="col-lg-3 order-lg-1 mb-4">
<a href="{{ site.github_url }}" class="btn btn-block btn-primary mb-4" target="_blank">
{% include ui/icon.html icon="github" class="mr-2" %}Browse source code
{% include_cached ui/icon.html icon="github" class="mr-2" %}Browse source code
</a>
<div class="list-group list-group-transparent mb-0">
{% for p in site.data.docs %}
{% assign doc = site.docs | where: "slug", p.page | first %}
<a href="{{ site.base }}{{ doc.url | relative_url }}" class="list-group-item list-group-item-action{% if page.url == doc.url %} active{% endif %}">
{{ doc.title }}{% if doc.done %} {% include ui/icon.html icon="check" color="green" %}{% endif %}
{{ doc.title }}{% if doc.done %} {% include_cached ui/icon.html icon="check" color="green" %}{% endif %}
</a>
{% endfor %}
</div>
@@ -26,7 +26,7 @@ page-title: Documentation
<div class="card-body p-lg-7">
<div class="markdown">
<h2 class="h1 mt-0 mb-4">{{ page.title }}{% if page.done %} {% include ui/icon.html icon="check" color="green" %}{% endif %}</h2>
<h2 class="h1 mt-0 mb-4">{{ page.title }}{% if page.done %} {% include_cached ui/icon.html icon="check" color="green" %}{% endif %}</h2>
{% if page.plugin %}
<div class="alert alert-info">This module is available in <code>tabler-{{ page.plugin }}</code> plugin.</div>
pages/all.html
+1 -1
View File
@@ -20,7 +20,7 @@ menu: index
<li>
<a href="{{ page.url }}">
{% if page.done %}
{% include ui/icon.html icon="check" color="success" %}
{% include_cached ui/icon.html icon="check" color="success" %}
{% endif %}
{{ page.title | default: page.name }}
</a>
pages/buttons.html
+5 -5
View File
@@ -12,7 +12,7 @@ done: true
<div class="btn-list">
{% for color in site.colors %}
{% assign c = color[0] %}
{% include ui/button.html text="Button" color=c %}
{% include_cached ui/button.html text="Button" color=c %}
{% endfor %}
</div>
</div>
@@ -27,7 +27,7 @@ done: true
<div class="btn-list">
{% for color in site.colors %}
{% assign c = color[0] %}
{% include ui/button.html text="Button" outline=true color=c %}
{% include_cached ui/button.html text="Button" outline=true color=c %}
{% endfor %}
</div>
</div>
@@ -42,7 +42,7 @@ done: true
<div class="btn-list">
{% for color in site.colors %}
{% assign c = color[0] %}
{% include ui/button.html text="Button" color=c icon="star" %}
{% include_cached ui/button.html text="Button" color=c icon="star" %}
{% endfor %}
</div>
</div>
@@ -57,7 +57,7 @@ done: true
<div class="btn-list">
{% for color in site.colors %}
{% assign c = color[0] %}
{% include ui/button.html text="Button" outline=true color=c icon-right="star" %}
{% include_cached ui/button.html text="Button" outline=true color=c icon-right="star" %}
{% endfor %}
</div>
</div>
@@ -71,7 +71,7 @@ done: true
<div class="btn-list">
{% for social in site.socials %}
{% include ui/button.html text=social.title color=social.name icon=social.icon %}
{% include_cached ui/button.html text=social.title color=social.name icon=social.icon %}
{% endfor %}
</div>
</div>
pages/email.html
+7 -7
View File
@@ -11,25 +11,25 @@ page-title: Crypto currencies
<div>
<div class="list-group list-group-transparent mb-0">
<a href="#" class="list-group-item list-group-item-action d-flex align-items-center active">
<span class="icon mr-3">{% include ui/icon.html icon="inbox" %}</span>Inbox <span class="ml-auto badge bg-blue">14</span>
<span class="icon mr-3">{% include_cached ui/icon.html icon="inbox" %}</span>Inbox <span class="ml-auto badge bg-blue">14</span>
</a>
<a href="#" class="list-group-item list-group-item-action d-flex align-items-center">
<span class="icon mr-3">{% include ui/icon.html icon="send" %}</span>Sent Mail
<span class="icon mr-3">{% include_cached ui/icon.html icon="send" %}</span>Sent Mail
</a>
<a href="#" class="list-group-item list-group-item-action d-flex align-items-center">
<span class="icon mr-3">{% include ui/icon.html icon="alert-circle" %}</span>Important <span class="ml-auto badge bg-gray">3</span>
<span class="icon mr-3">{% include_cached ui/icon.html icon="alert-circle" %}</span>Important <span class="ml-auto badge bg-gray">3</span>
</a>
<a href="#" class="list-group-item list-group-item-action d-flex align-items-center">
<span class="icon mr-3">{% include ui/icon.html icon="star" %}</span>Starred
<span class="icon mr-3">{% include_cached ui/icon.html icon="star" %}</span>Starred
</a>
<a href="#" class="list-group-item list-group-item-action d-flex align-items-center">
<span class="icon mr-3">{% include ui/icon.html icon="file" %}</span>Drafts
<span class="icon mr-3">{% include_cached ui/icon.html icon="file" %}</span>Drafts
</a>
<a href="#" class="list-group-item list-group-item-action d-flex align-items-center">
<span class="icon mr-3">{% include ui/icon.html icon="tag" %}</span>Tags
<span class="icon mr-3">{% include_cached ui/icon.html icon="tag" %}</span>Tags
</a>
<a href="#" class="list-group-item list-group-item-action d-flex align-items-center">
<span class="icon mr-3">{% include ui/icon.html icon="trash" %}</span>Trash
<span class="icon mr-3">{% include_cached ui/icon.html icon="trash" %}</span>Trash
</a>
</div>
pages/gallery.html
+2 -2
View File
@@ -22,11 +22,11 @@ menu: gallery
</div>
<div class="ml-auto">
<a href="#" class="text-muted">
{% include ui/icon.html icon="eye" %}
{% include_cached ui/icon.html icon="eye" %}
{{ forloop.index | random_number: 300, 600 }}
</a>
<a href="#" class="ml-3 text-muted">
{% include ui/icon.html icon="heart" %}
{% include_cached ui/icon.html icon="heart" %}
{{ forloop.index | random_number: 20, 100 }}
</a>
</div>
pages/text.html
+7 -7
View File
@@ -8,7 +8,7 @@
<h1>Lorem ipsum dolor sit amet</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos dolor incidunt nisi optio provident quod recusandae repellendus repudiandae tenetur. Cupiditate dignissimos esse expedita fugiat impedit modi nostrum omnis quaerat quo.
{% include ui/button.html color="blue" size="sm" %}
{% include_cached ui/button.html color="blue" size="sm" %}
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos dolor incidunt nisi optio provident quod recusandae repellendus repudiandae tenetur. Cupiditate dignissimos esse expedita fugiat impedit modi nostrum omnis quaerat quo.
</p>
@@ -25,19 +25,19 @@
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos dolor incidunt nisi optio provident quod recusandae repellendus repudiandae tenetur. Cupiditate dignissimos esse expedita fugiat impedit modi nostrum omnis quaerat quo.</p>
</div>
<div class="mb-3">
{% include ui/button.html color="blue" %}
{% include ui/button.html color="danger" %}
{% include ui/button.html color="green" %}
{% include_cached ui/button.html color="blue" %}
{% include_cached ui/button.html color="danger" %}
{% include_cached ui/button.html color="green" %}
</div>
<div class="mb-3">
<input type="text" class="form-control d-inline-block w-auto" size="10">
{% include ui/button.html color="blue" %}
{% include_cached ui/button.html color="blue" %}
<input type="text" class="form-control form-control-sm d-inline-block w-auto" size="10">
{% include ui/button.html color="blue" size="sm" %}
{% include_cached ui/button.html color="blue" size="sm" %}
<input type="text" class="form-control form-control-lg d-inline-block w-auto" size="10">
{% include ui/button.html color="blue" size="lg" %}
{% include_cached ui/button.html color="blue" size="lg" %}
</div>
</div>
pages/users.html
+4 -4
View File
@@ -26,8 +26,8 @@ menu: users
{% comment %}
<div class="col-auto">
<!-- todo: better buttons -->
{% include ui/button.html color="twitter" icon="brand/twitter" icon-only=true outline=true %}
{% include ui/button.html color="facebook" icon="brand/facebook" icon-only=true outline=true %}
{% include_cached ui/button.html color="twitter" icon="brand/twitter" icon-only=true outline=true %}
{% include_cached ui/button.html color="facebook" icon="brand/facebook" icon-only=true outline=true %}
</div>
{% endcomment %}
@@ -47,8 +47,8 @@ menu: users
</div>
<div class="col-auto">
<div class="btn-list">
{% include ui/button.html text="Chat" color="secondary" size="sm" %}
{% include ui/button.html text="Profile" color="secondary" size="sm" %}
{% include_cached ui/button.html text="Chat" color="secondary" size="sm" %}
{% include_cached ui/button.html text="Profile" color="secondary" size="sm" %}
</div>
</div>
</div>