mirror of
https://github.com/tabler/tabler.git
synced 2026-07-23 05:51:42 +04:00
Release 1.0.0-alpha.23
This commit is contained in:
codecalm
+22
-151
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.22
|
||||
* @version 1.0.0-alpha.23
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -519,17 +519,32 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.762 4.383 -2.989 5.642c-1.226 1.26 -2.011 2.598 -2.011 4.358a6 6 0 1 0 12 0c0 -1.532 -.77 -2.94 -1.714 -4c-1.786 3 -3.077 3 -4.286 2z" /></svg>
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/borders.html" class="nav-link">
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/interactions.html" class="nav-link">
|
||||
Interactions
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -572,7 +587,7 @@
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.22</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -582,8 +597,8 @@
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-0">Buttons</h1>
|
||||
<div class="d-flex mb-3">
|
||||
<h1 class="m-0">Buttons</h1>
|
||||
<p class="ms-auto">
|
||||
<a href="https://getbootstrap.com/docs/4.4/components/buttons/" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pe-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
@@ -821,30 +836,6 @@
|
||||
<a href="javascript:void(0)" class="btn btn-white btn-square">
|
||||
White
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="btn btn-primary btn-square">
|
||||
Primary
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="btn btn-secondary btn-square">
|
||||
Secondary
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="btn btn-success btn-square">
|
||||
Success
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="btn btn-warning btn-square">
|
||||
Warning
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="btn btn-danger btn-square">
|
||||
Danger
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="btn btn-info btn-square">
|
||||
Info
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="btn btn-light btn-square">
|
||||
Light
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="btn btn-dark btn-square">
|
||||
Dark
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -852,30 +843,6 @@
|
||||
<figure class="highlight">
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white btn-square"</span><span class="nt">></span>
|
||||
White
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-primary btn-square"</span><span class="nt">></span>
|
||||
Primary
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-secondary btn-square"</span><span class="nt">></span>
|
||||
Secondary
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-success btn-square"</span><span class="nt">></span>
|
||||
Success
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-warning btn-square"</span><span class="nt">></span>
|
||||
Warning
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-danger btn-square"</span><span class="nt">></span>
|
||||
Danger
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-info btn-square"</span><span class="nt">></span>
|
||||
Info
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-light btn-square"</span><span class="nt">></span>
|
||||
Light
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-dark btn-square"</span><span class="nt">></span>
|
||||
Dark
|
||||
<span class="nt"></a></span></code></pre>
|
||||
</figure>
|
||||
</div>
|
||||
@@ -887,30 +854,6 @@
|
||||
<a href="javascript:void(0)" class="btn btn-white btn-pill">
|
||||
White
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="btn btn-primary btn-pill">
|
||||
Primary
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="btn btn-secondary btn-pill">
|
||||
Secondary
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="btn btn-success btn-pill">
|
||||
Success
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="btn btn-warning btn-pill">
|
||||
Warning
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="btn btn-danger btn-pill">
|
||||
Danger
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="btn btn-info btn-pill">
|
||||
Info
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="btn btn-light btn-pill">
|
||||
Light
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="btn btn-dark btn-pill">
|
||||
Dark
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -918,30 +861,6 @@
|
||||
<figure class="highlight">
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white btn-pill"</span><span class="nt">></span>
|
||||
White
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-primary btn-pill"</span><span class="nt">></span>
|
||||
Primary
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-secondary btn-pill"</span><span class="nt">></span>
|
||||
Secondary
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-success btn-pill"</span><span class="nt">></span>
|
||||
Success
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-warning btn-pill"</span><span class="nt">></span>
|
||||
Warning
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-danger btn-pill"</span><span class="nt">></span>
|
||||
Danger
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-info btn-pill"</span><span class="nt">></span>
|
||||
Info
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-light btn-pill"</span><span class="nt">></span>
|
||||
Light
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-dark btn-pill"</span><span class="nt">></span>
|
||||
Dark
|
||||
<span class="nt"></a></span></code></pre>
|
||||
</figure>
|
||||
</div>
|
||||
@@ -950,59 +869,12 @@
|
||||
<div class="example no_toc_section example-centered">
|
||||
<div class="example-content">
|
||||
<div class="btn-list">
|
||||
<a href="javascript:void(0)" class="btn btn-outline-primary">
|
||||
Primary
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="btn btn-outline-secondary">
|
||||
Secondary
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="btn btn-outline-success">
|
||||
Success
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="btn btn-outline-warning">
|
||||
Warning
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="btn btn-outline-danger">
|
||||
Danger
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="btn btn-outline-info">
|
||||
Info
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="btn btn-outline-light">
|
||||
Light
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="btn btn-outline-dark">
|
||||
Dark
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="example-code">
|
||||
<figure class="highlight">
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-outline-primary"</span><span class="nt">></span>
|
||||
Primary
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-outline-secondary"</span><span class="nt">></span>
|
||||
Secondary
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-outline-success"</span><span class="nt">></span>
|
||||
Success
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-outline-warning"</span><span class="nt">></span>
|
||||
Warning
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-outline-danger"</span><span class="nt">></span>
|
||||
Danger
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-outline-info"</span><span class="nt">></span>
|
||||
Info
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-outline-light"</span><span class="nt">></span>
|
||||
Light
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-outline-dark"</span><span class="nt">></span>
|
||||
Dark
|
||||
<span class="nt"></a></span></code></pre>
|
||||
<pre><code class="language-html" data-lang="html"></code></pre>
|
||||
</figure>
|
||||
</div>
|
||||
<h2 id="button-size">Button size</h2>
|
||||
@@ -1683,7 +1555,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.22</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -1693,7 +1565,6 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Libs JS -->
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
</body>
|
||||
|
||||
Reference in New Issue
Block a user