base tabler
This commit is contained in:
JACS
parent
ac2cfa9fe1
commit
0f84beacf1
1432 changed files with 28760 additions and 1 deletions
8
liquid/includes/docs/colors.html
Normal file
8
liquid/includes/docs/colors.html
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
<div class="row row-cols-4 row-cols-md-6 g-3 g-md-4">
|
||||
{%- for color in include.colors -%}
|
||||
<div class="col-2 text-center">
|
||||
<div class="p-6 rounded border" style="background-color: var({{ color[1].prop }});"></div>
|
||||
<div class="small">{{ color[1].title }}</div>
|
||||
</div>
|
||||
{% endfor -%}
|
||||
</div>
|
||||
17
liquid/includes/docs/docs-card.html
Normal file
17
liquid/includes/docs/docs-card.html
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
<div class="col-md-6">
|
||||
<a href="{{ include.href }}" class="card">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
{%- if include.icon -%}
|
||||
<div class="col-auto">
|
||||
{%- include "ui/icon.html" icon=include.icon class="text-secondary" -%}
|
||||
</div>
|
||||
{%- endif -%}
|
||||
<div class="col">
|
||||
<div class="h3">{{ include.title }}</div>
|
||||
<p class="text-secondary m-0 fs-4 lh-base">{{ include.description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
3
liquid/includes/docs/download-button.html
Normal file
3
liquid/includes/docs/download-button.html
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<div class="my-6 text-center">
|
||||
<a href="{{ include.href }}" class="btn btn btn-primary" target="_blank">{{ include.title }}</a>
|
||||
</div>
|
||||
22
liquid/includes/docs/example.html
Normal file
22
liquid/includes/docs/example.html
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!--EXAMPLE-->
|
||||
<div
|
||||
class="example fs-base border rounded my-5{% unless include.raw %} d-flex flex-wrap justify-content-center{% endunless %} overflow-{{ include.overflow | default: 'auto' }} position-relative {% if include.bg %}bg-{{ include.bg }}{% else %}bg-pattern-rectangles{% endif %}{% if include.class %} {{ include.class }}{% endif %}"{% if include.height %} style="height: {{ include.height }}"{% endif %}>
|
||||
{%- unless include.raw -%}<div class="p-6 w-full{% if include.column %} d-flex gap-3 flex-column{% elsif include.centered %} d-flex flex-fill flex-wrap gap-2 justify-content-center{% if include.vertical %} align-items-center flex-column{% else %} justify-content-center{% endif %}{% endif %}" {% if include.column %}style="max-width: 25rem;"{% endif %}>{%- endunless -%}
|
||||
{{ include.html | remove-href }}
|
||||
{%- unless include.raw -%}</div>{%- endunless -%}
|
||||
</div>
|
||||
|
||||
{% unless include.hide-code %}
|
||||
<div class="position-relative">
|
||||
<a class="btn btn-icon btn-dark position-absolute m-2 top-0 end-0 z-3" data-clipboard-text="{{ include.html | escape_attribute }}">
|
||||
{% include "ui/icon.html" icon="clipboard" %}
|
||||
{% include "ui/icon.html" icon="check" class="d-none" %}
|
||||
</a>
|
||||
|
||||
```html
|
||||
{{ include.code | default: include.html }}
|
||||
```
|
||||
|
||||
</div>
|
||||
{% endunless %}
|
||||
<!--/EXAMPLE-->
|
||||
22
liquid/includes/docs/flags.html
Normal file
22
liquid/includes/docs/flags.html
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<table class="table table-vcenter">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="w-1">Flag</th>
|
||||
<th>Name</th>
|
||||
<th class="w-1">Country code</th>
|
||||
<th>CSS class</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for flag in flags %}
|
||||
<tr>
|
||||
<td>
|
||||
<div class="flag flag-sm flag-country-{{ flag.flag }}"></div>
|
||||
</td>
|
||||
<td>{{ flag.name }}</td>
|
||||
<td><code>{{ flag.flag }}</code></td>
|
||||
<td><code>.flag-country-{{ flag.flag }}</code></td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
8
liquid/includes/docs/logo.html
Normal file
8
liquid/includes/docs/logo.html
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="120" height="32" fill="none">
|
||||
<path fill="currentColor"
|
||||
d="M78.263 10.957a5.96 5.96 0 0 1 3.158.895c.947.632 1.737 1.474 2.21 2.474.58 1.105.843 2.368.843 3.631 0 1.369-.264 2.527-.79 3.632-.474 1-1.263 1.895-2.21 2.526-.948.58-2 .895-3.106.895a5.45 5.45 0 0 1-2.263-.474c-.684-.316-1.263-.684-1.79-1.21v.158c0 .42-.157.79-.42 1.105-.263.316-.632.421-1.105.421-.79 0-1.474-.632-1.527-1.421V7.536c0-.42.158-.79.421-1.105a1.24 1.24 0 0 1 1.106-.421c.42 0 .789.158 1.105.421.263.316.42.684.42 1.105V12.8c.475-.579 1.053-1 1.685-1.315.684-.369 1.474-.527 2.263-.527ZM51.737 21.852a.82.82 0 0 1 .631.316c.21.21.316.526.316.895 0 .473-.263.842-.737 1.158-.473.315-1.052.473-1.684.473-.947.053-1.842-.21-2.631-.684-.737-.421-1.053-1.421-1.053-2.842V14.22H45.42c-.737.052-1.368-.58-1.421-1.316v-.106c0-.368.158-.736.421-1 .263-.263.632-.368 1-.368h1.158V9.799c0-.42.158-.789.421-1.105a1.24 1.24 0 0 1 1.105-.42c.421 0 .79.157 1.053.42.263.316.42.684.42 1.105v1.632h1.79c.737-.053 1.369.579 1.421 1.316v.105c0 .737-.631 1.368-1.368 1.368h-1.84v6.843c0 .368.105.631.263.79.21.157.421.262.737.262.108 0 .217-.024.359-.057.065-.015.137-.032.22-.048.21-.105.368-.158.579-.158Zm14.737-10.895c.79 0 1.473.632 1.526 1.421v10.79c0 .42-.158.79-.421 1.105-.263.316-.632.421-1.105.421a1.47 1.47 0 0 1-1.053-.42c-.263-.317-.421-.685-.421-1.106a5.664 5.664 0 0 1-1.684 1.263c-.684.316-1.474.526-2.263.526a5.959 5.959 0 0 1-3.158-.894c-.948-.632-1.737-1.474-2.21-2.474a7.842 7.842 0 0 1-.843-3.632c0-1.368.263-2.526.79-3.631.473-1 1.263-1.895 2.21-2.527.947-.579 2-.894 3.105-.894 1.527 0 2.948.526 4.053 1.579 0-.421.158-.79.421-1.106a1.144 1.144 0 0 1 1.053-.42Zm-2.421 10a4.737 4.737 0 0 0 1.052-3c0-1.21-.368-2.21-1.052-3.052a3.316 3.316 0 0 0-2.685-1.21c-1.105 0-1.947.42-2.631 1.21-.684.842-1.053 1.947-1.053 3.052 0 1.21.369 2.21 1 3 .684.79 1.684 1.264 2.684 1.21 1.106 0 2-.42 2.685-1.21Zm16.473 0c.684-.842 1.053-1.947 1.053-3.052 0-1.21-.316-2.21-1-3a3.405 3.405 0 0 0-2.684-1.21c-1.105 0-2 .42-2.684 1.21a4.842 4.842 0 0 0-1.053 3c0 1.21.316 2.21 1.052 3.052.685.79 1.685 1.264 2.685 1.21 1.105 0 1.947-.42 2.631-1.21Zm9.79 2.21c0 .422-.158.79-.421 1.106-.263.316-.684.421-1.105.421a1.47 1.47 0 0 1-1.053-.42c-.263-.317-.421-.685-.421-1.106V7.536c0-.42.158-.79.42-1.105.317-.316.685-.474 1.106-.421.421 0 .79.158 1.053.421.316.316.42.684.42 1.105v15.632Zm14.947-4.525c.316-.264.474-.58.474-1 0-2.369-1.263-4.58-3.105-5.843-1-.579-2.053-.894-3.158-.894-1.158 0-2.21.316-3.21.894a6.563 6.563 0 0 0-2.422 2.527c-.579 1.052-.895 2.316-.895 3.79a6.729 6.729 0 0 0 .843 3.526c.578 1 1.368 1.842 2.42 2.42 1.053.58 2.264.895 3.685.895.842 0 1.631-.158 2.421-.42a6.38 6.38 0 0 0 1.895-1c.473-.316.684-.738.684-1.211 0-.369-.106-.632-.369-.895a1.153 1.153 0 0 0-.894-.368 1.67 1.67 0 0 0-.843.21l-.473.263c-.316.21-.632.316-.948.421-.421.158-.947.21-1.631.21a3.805 3.805 0 0 1-3.842-3.157h8.316c.421 0 .736-.105 1.052-.368Zm-5.947-4.948c.789 0 1.526.263 2.105.737s1 1.105 1.053 1.842v.158h-6.632c.368-1.842 1.526-2.737 3.474-2.737Zm17.21-2.316c-.315-.263-.737-.42-1.263-.42-.789 0-1.579.157-2.263.526-.737.368-1.316.894-1.684 1.579v-.316c0-.421-.105-.79-.421-1.105a1.695 1.695 0 0 0-1.106-.421 1.239 1.239 0 0 0-1.105.42c-.263.316-.421.685-.421 1.106v10.368c0 .421.158.79.421 1.106.316.263.632.42 1.105.42.474 0 .843-.105 1.106-.42.263-.316.421-.685.421-1.106v-6c-.053-.684.105-1.316.368-1.947.211-.474.579-.895 1-1.21.527-.37 1.211-.474 1.842-.316l.316.105c.316.105.579.158.842.158.369.052.684-.106.948-.369.315-.263.421-.631.421-1.158 0-.368-.211-.736-.527-1Z" />
|
||||
<path fill="#066FD1"
|
||||
d="M31.288 7.107A8.833 8.833 0 0 0 24.893.712a55.899 55.899 0 0 0-17.786 0A8.833 8.833 0 0 0 .712 7.107a55.899 55.899 0 0 0 0 17.786 8.833 8.833 0 0 0 6.395 6.395c5.895.95 11.89.95 17.786 0a8.833 8.833 0 0 0 6.395-6.395c.95-5.895.95-11.89 0-17.786Z" />
|
||||
<path fill="#fff"
|
||||
d="M10.019 22.452a17.5 17.5 0 0 0 5.498-5.449 2.193 2.193 0 0 0 0-2.328c-1.436-2.18-3.27-4.013-5.498-5.4-1.09-.693-2.527-.297-3.22.793-.05 0-.05.05-.05.05a2.278 2.278 0 0 0 .842 3.12c1.14.743 2.13 1.585 3.022 2.626a11.782 11.782 0 0 1-3.022 2.625c-.743.396-1.189 1.189-1.189 2.031a2.397 2.397 0 0 0 3.617 1.932Zm7.727-.644h5.647c1.04 0 1.883-.495 1.883-1.486 0-.99-.843-1.486-1.883-1.486h-5.647c-1.04 0-1.882.495-1.882 1.486 0 .99.842 1.486 1.882 1.486Z" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.3 KiB |
30
liquid/includes/docs/menu.html
Normal file
30
liquid/includes/docs/menu.html
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
{% assign menu = collections.docs | collection-tree %}
|
||||
|
||||
<nav class="space-y space-y-5" id="menu">
|
||||
{% for level1 in menu %}
|
||||
<div>
|
||||
<div class="subheader mb-2">
|
||||
{{ level1.data.title }}
|
||||
</div>
|
||||
{% if level1.children %}
|
||||
<nav class="nav nav-vertical">
|
||||
{% for level2 in level1.children %}
|
||||
<div>
|
||||
<a class="nav-link{% if page.url contains level2.url %} active{% endif %}"{% if level2.children %} href="{{ level2.url }}" data-bs-toggle="collapse" data-bs-target="#collapse-{{ level2.url | slug }}" aria-expanded="{% if page.url contains level2.url %}true{% else %}false{% endif %}"{% endif %}>{{ level2.data.title }}{% if level2.children %} <span class="nav-link-toggle"></span>{% endif %}</a>
|
||||
|
||||
{% if level2.children %}
|
||||
<nav class="nav nav-vertical collapse{% if page.url contains level2.url %} show{% endif %}" id="collapse-{{ level2.url | slug }}">
|
||||
{% for level3 in level2.children %}
|
||||
<div>
|
||||
<a class="nav-link{% if page.url == level3.url %} active{% endif %}" href="{{ level3.url }}">{{ level3.data.title }}</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</nav>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</nav>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</nav>
|
||||
49
liquid/includes/docs/navbar.html
Normal file
49
liquid/includes/docs/navbar.html
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
<div class="navbar navbar-expand sticky-top">
|
||||
<div class="container">
|
||||
<div class="row flex-fill align-items-md-center">
|
||||
<div class="col">
|
||||
<div class="d-flex align-items-center gap-4">
|
||||
<a href="{{ page.url | relative }}" class="navbar-brand navbar-brand-autodark gap-4">
|
||||
{% include "docs/logo.html" %}
|
||||
</a>
|
||||
<div>
|
||||
<span class="badge">v{{ package.version }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-none d-md-block col">
|
||||
<div id="docsearch"></div>
|
||||
</div>
|
||||
<div class="col d-flex">
|
||||
<ul class="navbar-nav ms-auto gap-2 align-items-center">
|
||||
<div class="nav-item d-none d-md-block">
|
||||
<a href="https://preview.tabler.io" class="nav-link">Preview</a>
|
||||
</div>
|
||||
<div class="nav-item d-none d-md-block">
|
||||
<a href="https://tabler.io/changelog" class="nav-link">Changelog</a>
|
||||
</div>
|
||||
<li class="nav-item hide-theme-dark">
|
||||
<a href="?theme=dark" class="btn btn-icon">
|
||||
{% include "ui/icon.html" icon="moon" %}
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item hide-theme-light">
|
||||
<a href="?theme=light" class="btn btn-icon">
|
||||
{% include "ui/icon.html" icon="sun" %}
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="{{ site.githubUrl }}" class="btn btn-icon" target="_blank">
|
||||
{% include "ui/icon.html" icon="brand-github" %}
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="{{ site.previewUrl }}" class="btn btn-primary" target="_blank">
|
||||
{% include "ui/icon.html" icon="eye" %} Preview
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
24
liquid/includes/docs/open-source-resources.html
Normal file
24
liquid/includes/docs/open-source-resources.html
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
<table class="table">
|
||||
<tr>
|
||||
<th>
|
||||
Name
|
||||
</th>
|
||||
<th>
|
||||
Description
|
||||
</th>
|
||||
<th>
|
||||
License
|
||||
</th>
|
||||
</tr>
|
||||
{% for resource in open-source %}
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ resource.url }}" target="_blank">
|
||||
{{ resource.name }}
|
||||
</a>
|
||||
</td>
|
||||
<td>{{ resource.description | escape }}</td>
|
||||
<td>{{ resource.license }}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
46
liquid/includes/docs/pagination.html
Normal file
46
liquid/includes/docs/pagination.html
Normal file
|
|
@ -0,0 +1,46 @@
|
|||
{% assign children = collections.docs | collection-children: page %}
|
||||
{% if children.size > 0 %}
|
||||
<div class="mt-6 pt-6">
|
||||
<div class="row row-deck row-cards">
|
||||
{% for c in children %}
|
||||
{% include "docs/docs-card.html" href=c.url title=c.data.title description=c.data.description icon=c.data.icon %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% else %}
|
||||
{% assign next-prev = collections.docs | next-prev: page %}
|
||||
<div class="mt-6 pt-6">
|
||||
<ul class="pagination">
|
||||
{% if next-prev.prev %}
|
||||
<li class="page-item page-prev">
|
||||
<a class="page-link" href="{{ next-prev.prev.url }}">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-auto">
|
||||
{% include "ui/icon.html" icon="chevron-left" %}
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="page-item-subtitle">previous</div>
|
||||
<div class="page-item-title">{{ next-prev.prev.data.title }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% if next-prev.next %}
|
||||
<li class="page-item page-next">
|
||||
<a class="page-link" href="{{ next-prev.next.url }}">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<div class="page-item-subtitle">next</div>
|
||||
<div class="page-item-title">{{ next-prev.next.data.title }}</div>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
{% include "ui/icon.html" icon="chevron-right" %}
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
27
liquid/includes/docs/payments.html
Normal file
27
liquid/includes/docs/payments.html
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
<table class="table table-vcenter">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="w-1">Icon light</th>
|
||||
<th class="w-1">Icon dark</th>
|
||||
<th>Provider name</th>
|
||||
<th>CSS class</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for payment in payments %}
|
||||
<tr>
|
||||
<td>
|
||||
<div class="payment payment-sm payment-provider-{{ payment.logo }}"></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="payment payment-sm payment-provider-{{ payment.logo }}-dark"></div>
|
||||
</td>
|
||||
<td>{{ payment.name }}</td>
|
||||
<td>
|
||||
<code>.payment-provider-{{ payment.logo }}</code><br>
|
||||
<code>.payment-provider-{{ payment.logo }}-dark</code>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
22
liquid/includes/docs/socials.html
Normal file
22
liquid/includes/docs/socials.html
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<table class="table table-vcenter">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="w-1">App</th>
|
||||
<th>Name</th>
|
||||
<th>CSS class</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for social in socials %}
|
||||
<tr>
|
||||
<td>
|
||||
<div class="social social-sm social-app-{{ social.file }}"></div>
|
||||
</td>
|
||||
<td>{{ social.name }}</td>
|
||||
<td>
|
||||
<code>.social-app-{{ social.file }}</code><br>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
22
liquid/includes/docs/tabs-package.html
Normal file
22
liquid/includes/docs/tabs-package.html
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<ul class="nav nav-bordered mb-2" role="tablist">
|
||||
{%- for manager in package-managers -%}
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link{% if forloop.index == 1 %} active{% endif %}" id="{{ manager.name }}-tab" data-bs-toggle="tab" data-bs-target="#{{ manager.name }}" type="button" role="tab"
|
||||
aria-controls="home" aria-selected="{% if forloop.index == 1 %}true{% else %}false{% endif %}">
|
||||
{{ manager.icon | replace: '<svg ', '<svg class="me-2" ' }}
|
||||
{{ manager.name }}
|
||||
</button>
|
||||
</li>
|
||||
{%- endfor -%}
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
{%- for manager in package-managers -%}
|
||||
<div class="tab-pane{% if forloop.index == 1 %} show active{% endif %}" id="{{ manager.name }}" role="tabpanel" aria-labelledby="{{ manager.name }}-tab">
|
||||
|
||||
```bash
|
||||
{{ manager.command }} {{ manager.install }} {{ include.name }}
|
||||
```
|
||||
|
||||
</div>
|
||||
{%- endfor -%}
|
||||
</div>
|
||||
21
liquid/includes/docs/toc.html
Normal file
21
liquid/includes/docs/toc.html
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
{% assign toc = content | toc %}
|
||||
{% if toc.size > 0 %}
|
||||
<h3>
|
||||
Table of Contents
|
||||
</h3>
|
||||
<div class="nav nav-vertical" id="toc">
|
||||
{% for item in toc %}
|
||||
<a href="#{{ item.id }}" class="nav-link{% if item.level == 3 %} ms-3{% endif %}">
|
||||
{{ item.text }}
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<a href="https://r.tabler.io/illustrations" class="card card-sm mt-6 shadow-none" target="_blank">
|
||||
<div class="card-body">
|
||||
<img src="/img/banner-carbon.png" class="mb-3" alt="">
|
||||
|
||||
<h4>{{ illustrations | size }} sleek illustrations for your startup's visual identity.</h4>
|
||||
</div>
|
||||
</a>
|
||||
12
liquid/includes/docs/ui/icon.html
Normal file
12
liquid/includes/docs/ui/icon.html
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
{%- assign icon-name = include.icon -%}
|
||||
{%- assign replace-to = "icon" -%}
|
||||
|
||||
{%- if include.class -%}
|
||||
{%- assign replace-to = replace-to | append: ' ' | append: include.class -%}
|
||||
{%- endif -%}
|
||||
|
||||
{%- assign replace-to = 'class="' | append: replace-to | append: '"' -%}
|
||||
|
||||
{%- assign svg-icon = icons[icon-name].svg.outline | default: '' -%}
|
||||
{%- assign svg-icon = svg-icon | replace: '<path stroke="none" d="M0 0h24v24H0z" fill="none" />', '' -%}
|
||||
{{ svg-icon | replace_regex: 'class=\"[^"]+\"', replace-to }}
|
||||
Loading…
Add table
Add a link
Reference in a new issue