Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-07-26 04:54:40 +04:00
Code Issues Projects Releases Wiki Activity

Release 1.0.0-alpha.17

Browse Source
This commit is contained in:
codecalm
2020-12-08 23:04:50 +01:00
parent 7ff3549c35
commit 62b0e8a6bf
125 changed files with 10531 additions and 3960 deletions
Download Patch File Download Diff File Expand all files Collapse all files
demo/docs/skeleton.html
+21 -27
View File
@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.16
* @version 1.0.0-alpha.17
* @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -19,9 +19,6 @@
<link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style>
body { display: none; }
</style>
</head>
<body class="antialiased">
<div class="page">
@@ -30,18 +27,18 @@
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
<span class="navbar-toggler-icon"></span>
</button>
<h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
<h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
<a href="..">
<img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
</a>
</h1>
<div class="navbar-nav flex-row order-md-last">
<div class="nav-item dropdown d-none d-md-flex mr-3">
<div class="nav-item dropdown d-none d-md-flex me-3">
<a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
<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="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
<span class="badge bg-red"></span>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-card">
<div class="dropdown-menu dropdown-menu-end dropdown-menu-card">
<div class="card">
<div class="card-body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
@@ -52,12 +49,12 @@
<div class="nav-item dropdown">
<a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" aria-label="Open user menu">
<span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-xl-block pl-2">
<div class="d-none d-xl-block ps-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">UI Designer</div>
</div>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
<div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
<a href="#" class="dropdown-item">Set status</a>
<a href="#" class="dropdown-item">Profile & account</a>
<a href="#" class="dropdown-item">Feedback</a>
@@ -168,7 +165,7 @@
<a class="dropdown-item" href="../markdown.html" >
Markdown
</a>
<div class="dropright">
<div class="dropend">
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
Authentication
</a>
@@ -180,7 +177,7 @@
<a href="../auth-lock.html" class="dropdown-item">Lock screen</a>
</div>
</div>
<div class="dropright">
<div class="dropend">
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
Error pages
</a>
@@ -567,7 +564,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 ml-auto">1.0.0-alpha.16</span>
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.17</span>
</a>
</li>
</ul>
@@ -620,7 +617,7 @@
<p>You can also move the lines to right or to center:</p>
<div class="example no_toc_section">
<div class="example-content">
<div class="text-right">
<div class="text-end">
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
@@ -634,7 +631,7 @@
</div>
<div class="example-code">
<figure class="highlight">
<pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"text-right"</span><span class="nt">&gt;</span>
<pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"text-end"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">&gt;&lt;/div&gt;</span>
@@ -835,7 +832,7 @@
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
</div>
<div class="col-2 ml-auto text-right">
<div class="col-2 ms-auto text-end">
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
</div>
@@ -850,7 +847,7 @@
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
</div>
<div class="col-2 ml-auto text-right">
<div class="col-2 ms-auto text-end">
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
</div>
@@ -865,7 +862,7 @@
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
</div>
<div class="col-2 ml-auto text-right">
<div class="col-2 ms-auto text-end">
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
</div>
@@ -880,7 +877,7 @@
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
</div>
<div class="col-2 ml-auto text-right">
<div class="col-2 ms-auto text-end">
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
</div>
@@ -955,7 +952,7 @@
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">&gt;&lt;/div&gt;</span>
<span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-2 ml-auto text-right"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-2 ms-auto text-end"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">&gt;&lt;/div&gt;</span>
<span class="nt">&lt;/div&gt;</span>
@@ -970,7 +967,7 @@
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">&gt;&lt;/div&gt;</span>
<span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-2 ml-auto text-right"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-2 ms-auto text-end"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">&gt;&lt;/div&gt;</span>
<span class="nt">&lt;/div&gt;</span>
@@ -985,7 +982,7 @@
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">&gt;&lt;/div&gt;</span>
<span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-2 ml-auto text-right"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-2 ms-auto text-end"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">&gt;&lt;/div&gt;</span>
<span class="nt">&lt;/div&gt;</span>
@@ -1000,7 +997,7 @@
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">&gt;&lt;/div&gt;</span>
<span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-2 ml-auto text-right"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-2 ms-auto text-end"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">&gt;&lt;/div&gt;</span>
<span class="nt">&lt;/div&gt;</span>
@@ -1019,7 +1016,7 @@
<footer class="footer footer-transparent d-print-none">
<div class="container">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<div class="col-lg-auto ms-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
@@ -1034,7 +1031,7 @@
All rights reserved.
</li>
<li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.16</a>
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.17</a>
</li>
</ul>
</div>
@@ -1047,8 +1044,5 @@
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js"></script>
<script>
document.body.style.display = "block"
</script>
</body>
</html>