Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-21 17:34:25 +04:00
Code Issues Projects Releases Wiki Activity

Release 1.0.0-alpha.15

Browse Source
This commit is contained in:
codecalm
2020-11-29 15:32:43 +01:00
parent 5c97599ca0
commit d2e8d39ad1
466 changed files with 9376 additions and 2949 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
demo/404.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased border-top-wide border-primary d-flex flex-column"> <body class="antialiased border-top-wide border-primary d-flex flex-column">

6
demo/500.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased border-top-wide border-primary d-flex flex-column"> <body class="antialiased border-top-wide border-primary d-flex flex-column">

21
demo/activity.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -591,7 +598,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -602,7 +609,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

96
demo/all.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -338,19 +345,9 @@
<div class="card-body"> <div class="card-body">
<ul> <ul>
<li> <li>
<a href="/layout-horizontal.html"> <a href="/robots.txt">
layout-horizontal.html
</a>
</li>
<li>
<a href="/redirects.json">
<svg xmlns="http://www.w3.org/2000/svg" class="icon mr-1 text-red" 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"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg> <svg xmlns="http://www.w3.org/2000/svg" class="icon mr-1 text-red" 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"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
redirects.json robots.txt
</a>
</li>
<li>
<a href="/layout-navbar-overlap.html">
layout-navbar-overlap.html
</a> </a>
</li> </li>
<li> <li>
@@ -383,25 +380,49 @@
layout-fluid.html layout-fluid.html
</a> </a>
</li> </li>
<li>
<a href="/layout-horizontal.html">
layout-horizontal.html
</a>
</li>
<li> <li>
<a href="/layout-navbar-dark.html"> <a href="/layout-navbar-dark.html">
layout-navbar-dark.html layout-navbar-dark.html
</a> </a>
</li> </li>
<li> <li>
<a href="/docs.html"> <a href="/layout-navbar-overlap.html">
<svg xmlns="http://www.w3.org/2000/svg" class="icon mr-1 text-red" 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"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg> layout-navbar-overlap.html
redirect.html
</a> </a>
</li> </li>
<li> <li>
<a href="/tables.html"> <a href="/layout-navbar-sticky.html">
tables.html layout-navbar-sticky.html
</a> </a>
</li> </li>
<li> <li>
<a href="/skeleton.html"> <a href="/layout-vertical-right.html">
skeleton.html layout-vertical-right.html
</a>
</li>
<li>
<a href="/layout-vertical-transparent.html">
layout-vertical-transparent.html
</a>
</li>
<li>
<a href="/layout-vertical.html">
layout-vertical.html
</a>
</li>
<li>
<a href="/map-fullsize.html">
map-fullsize.html
</a>
</li>
<li>
<a href="/search-results.html">
search-results.html
</a> </a>
</li> </li>
<li> <li>
@@ -411,24 +432,25 @@
</a> </a>
</li> </li>
<li> <li>
<a href="/search-results.html"> <a href="/skeleton.html">
search-results.html skeleton.html
</a> </a>
</li> </li>
<li> <li>
<a href="/robots.txt"> <a href="/tables.html">
tables.html
</a>
</li>
<li>
<a href="/docs.html">
<svg xmlns="http://www.w3.org/2000/svg" class="icon mr-1 text-red" 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"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg> <svg xmlns="http://www.w3.org/2000/svg" class="icon mr-1 text-red" 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"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
robots.txt redirect.html
</a> </a>
</li> </li>
<li> <li>
<a href="/layout-vertical.html"> <a href="/redirects.json">
layout-vertical.html <svg xmlns="http://www.w3.org/2000/svg" class="icon mr-1 text-red" 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"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
</a> redirects.json
</li>
<li>
<a href="/layout-vertical-right.html">
layout-vertical-right.html
</a> </a>
</li> </li>
<li> <li>
@@ -656,7 +678,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -667,7 +689,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

6
demo/auth-lock.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased border-top-wide border-primary d-flex flex-column"> <body class="antialiased border-top-wide border-primary d-flex flex-column">

21
demo/blank.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -339,7 +346,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -350,7 +357,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

21
demo/buttons.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -1110,7 +1117,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -1121,7 +1128,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

21
demo/cards-masonry.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -582,7 +589,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -593,7 +600,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

21
demo/cards.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -870,7 +877,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -881,7 +888,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

21
demo/carousel.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -497,7 +504,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -508,7 +515,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/changelog.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false"> <a href="#menu-base" class="nav-link" data-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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-base"> <ul class="nav nav-pills collapse" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="./docs/index.html" class="nav-link"> <a href="./docs/index.html" class="nav-link">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-components"> <ul class="nav nav-pills collapse" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="./docs/alerts.html" class="nav-link"> <a href="./docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="./docs/cursors.html" class="nav-link"> <a href="./docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="./docs/autosize.html" class="nav-link"> <a href="./docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Changelog</h1> <h1 class="mt-0">Changelog</h1>
</div> </div>
</div> </div>
@@ -582,7 +589,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -593,7 +600,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

21
demo/charts-heatmap.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -369,7 +376,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -380,7 +387,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

21
demo/charts.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -518,7 +525,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -529,7 +536,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

4
demo/dist/css/demo.css vendored
View File

@@ -1,6 +1,6 @@
/*! /*!
* Tabler v1.0.0-alpha.14 (https://tabler.io) * Tabler v1.0.0-alpha.15 (https://tabler.io)
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna

4
demo/dist/css/demo.min.css vendored
View File

@@ -1,6 +1,6 @@
/*! /*!
* Tabler v1.0.0-alpha.14 (https://tabler.io) * Tabler v1.0.0-alpha.15 (https://tabler.io)
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna

4
demo/dist/css/tabler-flags.css vendored
View File

@@ -1,6 +1,6 @@
/*! /*!
* Tabler v1.0.0-alpha.14 (https://tabler.io) * Tabler v1.0.0-alpha.15 (https://tabler.io)
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna

4
demo/dist/css/tabler-flags.min.css vendored
View File

@@ -1,6 +1,6 @@
/*! /*!
* Tabler v1.0.0-alpha.14 (https://tabler.io) * Tabler v1.0.0-alpha.15 (https://tabler.io)
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna

4
demo/dist/css/tabler-payments.css vendored
View File

@@ -1,6 +1,6 @@
/*! /*!
* Tabler v1.0.0-alpha.14 (https://tabler.io) * Tabler v1.0.0-alpha.15 (https://tabler.io)
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna

4
demo/dist/css/tabler-payments.min.css vendored
View File

@@ -1,6 +1,6 @@
/*! /*!
* Tabler v1.0.0-alpha.14 (https://tabler.io) * Tabler v1.0.0-alpha.15 (https://tabler.io)
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna

4
demo/dist/css/tabler-vendors.css vendored
View File

@@ -1,6 +1,6 @@
/*! /*!
* Tabler v1.0.0-alpha.14 (https://tabler.io) * Tabler v1.0.0-alpha.15 (https://tabler.io)
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna

4
demo/dist/css/tabler-vendors.min.css vendored
View File

@@ -1,6 +1,6 @@
/*! /*!
* Tabler v1.0.0-alpha.14 (https://tabler.io) * Tabler v1.0.0-alpha.15 (https://tabler.io)
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna

208
demo/dist/css/tabler.css vendored
View File

@@ -1,6 +1,6 @@
/*! /*!
* Tabler v1.0.0-alpha.14 (https://tabler.io) * Tabler v1.0.0-alpha.15 (https://tabler.io)
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -7487,6 +7487,7 @@ Navbar
margin: 0; margin: 0;
padding: 0; } padding: 0; }
@media (max-width: 575.98px) {
.navbar-expand-sm .navbar-collapse { .navbar-expand-sm .navbar-collapse {
flex-direction: column; } flex-direction: column; }
.navbar-expand-sm .navbar-collapse [class^="container"] { .navbar-expand-sm .navbar-collapse [class^="container"] {
@@ -7507,12 +7508,17 @@ Navbar
color: inherit; color: inherit;
box-shadow: none; box-shadow: none;
border: none; border: none;
min-width: 0; } min-width: 0;
margin: 0; }
.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item { .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item {
min-width: 0; min-width: 0;
display: flex; display: flex;
width: auto; width: auto;
padding-left: 3rem; } padding-left: 3.25rem; }
.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
padding-left: 4.75rem; }
.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
padding-left: 6.25rem; }
.navbar-expand-sm .navbar-collapse .dropdown-toggle:after { .navbar-expand-sm .navbar-collapse .dropdown-toggle:after {
-webkit-margin-start: auto; -webkit-margin-start: auto;
margin-inline-start: auto; } margin-inline-start: auto; }
@@ -7521,7 +7527,7 @@ Navbar
border-left-width: 2px; border-left-width: 2px;
right: auto; right: auto;
top: 0; top: 0;
bottom: 0; } bottom: 0; } }
@media (min-width: 576px) { @media (min-width: 576px) {
.navbar-expand-sm .navbar-collapse { .navbar-expand-sm .navbar-collapse {
@@ -7541,9 +7547,19 @@ Navbar
right: 0; right: 0;
bottom: -.25rem; bottom: -.25rem;
border: 0 solid #206bc4; border: 0 solid #206bc4;
border-bottom-width: 2px; } } border-bottom-width: 2px; }
.navbar-expand-sm.navbar-light.navbar-vertical,
.navbar-expand-sm .navbar-light.navbar-vertical {
box-shadow: inset -1px 0 0 0 rgba(101, 109, 119, 0.16); }
.navbar-expand-sm.navbar-light.navbar-vertical.navbar-right,
.navbar-expand-sm .navbar-light.navbar-vertical.navbar-right {
box-shadow: inset 1px 0 0 0 rgba(101, 109, 119, 0.16); }
.navbar-expand-sm.navbar-vertical ~ .navbar,
.navbar-expand-sm.navbar-vertical ~ .content {
-webkit-margin-start: 15rem;
margin-inline-start: 15rem; } }
@media (max-width: 575.98px) { @media (max-width: 767.98px) {
.navbar-expand-md .navbar-collapse { .navbar-expand-md .navbar-collapse {
flex-direction: column; } flex-direction: column; }
.navbar-expand-md .navbar-collapse [class^="container"] { .navbar-expand-md .navbar-collapse [class^="container"] {
@@ -7564,12 +7580,17 @@ Navbar
color: inherit; color: inherit;
box-shadow: none; box-shadow: none;
border: none; border: none;
min-width: 0; } min-width: 0;
margin: 0; }
.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item { .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item {
min-width: 0; min-width: 0;
display: flex; display: flex;
width: auto; width: auto;
padding-left: 3rem; } padding-left: 3.25rem; }
.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
padding-left: 4.75rem; }
.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
padding-left: 6.25rem; }
.navbar-expand-md .navbar-collapse .dropdown-toggle:after { .navbar-expand-md .navbar-collapse .dropdown-toggle:after {
-webkit-margin-start: auto; -webkit-margin-start: auto;
margin-inline-start: auto; } margin-inline-start: auto; }
@@ -7598,9 +7619,19 @@ Navbar
right: 0; right: 0;
bottom: -.25rem; bottom: -.25rem;
border: 0 solid #206bc4; border: 0 solid #206bc4;
border-bottom-width: 2px; } } border-bottom-width: 2px; }
.navbar-expand-md.navbar-light.navbar-vertical,
.navbar-expand-md .navbar-light.navbar-vertical {
box-shadow: inset -1px 0 0 0 rgba(101, 109, 119, 0.16); }
.navbar-expand-md.navbar-light.navbar-vertical.navbar-right,
.navbar-expand-md .navbar-light.navbar-vertical.navbar-right {
box-shadow: inset 1px 0 0 0 rgba(101, 109, 119, 0.16); }
.navbar-expand-md.navbar-vertical ~ .navbar,
.navbar-expand-md.navbar-vertical ~ .content {
-webkit-margin-start: 15rem;
margin-inline-start: 15rem; } }
@media (max-width: 767.98px) { @media (max-width: 991.98px) {
.navbar-expand-lg .navbar-collapse { .navbar-expand-lg .navbar-collapse {
flex-direction: column; } flex-direction: column; }
.navbar-expand-lg .navbar-collapse [class^="container"] { .navbar-expand-lg .navbar-collapse [class^="container"] {
@@ -7621,12 +7652,17 @@ Navbar
color: inherit; color: inherit;
box-shadow: none; box-shadow: none;
border: none; border: none;
min-width: 0; } min-width: 0;
margin: 0; }
.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item { .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item {
min-width: 0; min-width: 0;
display: flex; display: flex;
width: auto; width: auto;
padding-left: 3rem; } padding-left: 3.25rem; }
.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
padding-left: 4.75rem; }
.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
padding-left: 6.25rem; }
.navbar-expand-lg .navbar-collapse .dropdown-toggle:after { .navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
-webkit-margin-start: auto; -webkit-margin-start: auto;
margin-inline-start: auto; } margin-inline-start: auto; }
@@ -7655,9 +7691,19 @@ Navbar
right: 0; right: 0;
bottom: -.25rem; bottom: -.25rem;
border: 0 solid #206bc4; border: 0 solid #206bc4;
border-bottom-width: 2px; } } border-bottom-width: 2px; }
.navbar-expand-lg.navbar-light.navbar-vertical,
.navbar-expand-lg .navbar-light.navbar-vertical {
box-shadow: inset -1px 0 0 0 rgba(101, 109, 119, 0.16); }
.navbar-expand-lg.navbar-light.navbar-vertical.navbar-right,
.navbar-expand-lg .navbar-light.navbar-vertical.navbar-right {
box-shadow: inset 1px 0 0 0 rgba(101, 109, 119, 0.16); }
.navbar-expand-lg.navbar-vertical ~ .navbar,
.navbar-expand-lg.navbar-vertical ~ .content {
-webkit-margin-start: 15rem;
margin-inline-start: 15rem; } }
@media (max-width: 991.98px) { @media (max-width: 1199.98px) {
.navbar-expand-xl .navbar-collapse { .navbar-expand-xl .navbar-collapse {
flex-direction: column; } flex-direction: column; }
.navbar-expand-xl .navbar-collapse [class^="container"] { .navbar-expand-xl .navbar-collapse [class^="container"] {
@@ -7678,12 +7724,17 @@ Navbar
color: inherit; color: inherit;
box-shadow: none; box-shadow: none;
border: none; border: none;
min-width: 0; } min-width: 0;
margin: 0; }
.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item { .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item {
min-width: 0; min-width: 0;
display: flex; display: flex;
width: auto; width: auto;
padding-left: 3rem; } padding-left: 3.25rem; }
.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
padding-left: 4.75rem; }
.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
padding-left: 6.25rem; }
.navbar-expand-xl .navbar-collapse .dropdown-toggle:after { .navbar-expand-xl .navbar-collapse .dropdown-toggle:after {
-webkit-margin-start: auto; -webkit-margin-start: auto;
margin-inline-start: auto; } margin-inline-start: auto; }
@@ -7712,9 +7763,19 @@ Navbar
right: 0; right: 0;
bottom: -.25rem; bottom: -.25rem;
border: 0 solid #206bc4; border: 0 solid #206bc4;
border-bottom-width: 2px; } } border-bottom-width: 2px; }
.navbar-expand-xl.navbar-light.navbar-vertical,
.navbar-expand-xl .navbar-light.navbar-vertical {
box-shadow: inset -1px 0 0 0 rgba(101, 109, 119, 0.16); }
.navbar-expand-xl.navbar-light.navbar-vertical.navbar-right,
.navbar-expand-xl .navbar-light.navbar-vertical.navbar-right {
box-shadow: inset 1px 0 0 0 rgba(101, 109, 119, 0.16); }
.navbar-expand-xl.navbar-vertical ~ .navbar,
.navbar-expand-xl.navbar-vertical ~ .content {
-webkit-margin-start: 15rem;
margin-inline-start: 15rem; } }
@media (max-width: 1199.98px) { @media (max-width: 1399.98px) {
.navbar-expand-xxl .navbar-collapse { .navbar-expand-xxl .navbar-collapse {
flex-direction: column; } flex-direction: column; }
.navbar-expand-xxl .navbar-collapse [class^="container"] { .navbar-expand-xxl .navbar-collapse [class^="container"] {
@@ -7735,12 +7796,17 @@ Navbar
color: inherit; color: inherit;
box-shadow: none; box-shadow: none;
border: none; border: none;
min-width: 0; } min-width: 0;
margin: 0; }
.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item { .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item {
min-width: 0; min-width: 0;
display: flex; display: flex;
width: auto; width: auto;
padding-left: 3rem; } padding-left: 3.25rem; }
.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
padding-left: 4.75rem; }
.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
padding-left: 6.25rem; }
.navbar-expand-xxl .navbar-collapse .dropdown-toggle:after { .navbar-expand-xxl .navbar-collapse .dropdown-toggle:after {
-webkit-margin-start: auto; -webkit-margin-start: auto;
margin-inline-start: auto; } margin-inline-start: auto; }
@@ -7769,9 +7835,18 @@ Navbar
right: 0; right: 0;
bottom: -.25rem; bottom: -.25rem;
border: 0 solid #206bc4; border: 0 solid #206bc4;
border-bottom-width: 2px; } } border-bottom-width: 2px; }
.navbar-expand-xxl.navbar-light.navbar-vertical,
.navbar-expand-xxl .navbar-light.navbar-vertical {
box-shadow: inset -1px 0 0 0 rgba(101, 109, 119, 0.16); }
.navbar-expand-xxl.navbar-light.navbar-vertical.navbar-right,
.navbar-expand-xxl .navbar-light.navbar-vertical.navbar-right {
box-shadow: inset 1px 0 0 0 rgba(101, 109, 119, 0.16); }
.navbar-expand-xxl.navbar-vertical ~ .navbar,
.navbar-expand-xxl.navbar-vertical ~ .content {
-webkit-margin-start: 15rem;
margin-inline-start: 15rem; } }
@media (max-width: 1399.98px) {
.navbar-expand .navbar-collapse { .navbar-expand .navbar-collapse {
flex-direction: column; } flex-direction: column; }
.navbar-expand .navbar-collapse [class^="container"] { .navbar-expand .navbar-collapse [class^="container"] {
@@ -7792,12 +7867,17 @@ Navbar
color: inherit; color: inherit;
box-shadow: none; box-shadow: none;
border: none; border: none;
min-width: 0; } min-width: 0;
margin: 0; }
.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item { .navbar-expand .navbar-collapse .dropdown-menu .dropdown-item {
min-width: 0; min-width: 0;
display: flex; display: flex;
width: auto; width: auto;
padding-left: 3rem; } padding-left: 3.25rem; }
.navbar-expand .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
padding-left: 4.75rem; }
.navbar-expand .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
padding-left: 6.25rem; }
.navbar-expand .navbar-collapse .dropdown-toggle:after { .navbar-expand .navbar-collapse .dropdown-toggle:after {
-webkit-margin-start: auto; -webkit-margin-start: auto;
margin-inline-start: auto; } margin-inline-start: auto; }
@@ -7806,7 +7886,7 @@ Navbar
border-left-width: 2px; border-left-width: 2px;
right: auto; right: auto;
top: 0; top: 0;
bottom: 0; } } bottom: 0; }
.navbar-expand .navbar-collapse { .navbar-expand .navbar-collapse {
width: auto; width: auto;
@@ -7829,6 +7909,18 @@ Navbar
border: 0 solid #206bc4; border: 0 solid #206bc4;
border-bottom-width: 2px; } border-bottom-width: 2px; }
.navbar-expand.navbar-light.navbar-vertical,
.navbar-expand .navbar-light.navbar-vertical {
box-shadow: inset -1px 0 0 0 rgba(101, 109, 119, 0.16); }
.navbar-expand.navbar-light.navbar-vertical.navbar-right,
.navbar-expand .navbar-light.navbar-vertical.navbar-right {
box-shadow: inset 1px 0 0 0 rgba(101, 109, 119, 0.16); }
.navbar-expand.navbar-vertical ~ .navbar,
.navbar-expand.navbar-vertical ~ .content {
-webkit-margin-start: 15rem;
margin-inline-start: 15rem; }
/** /**
Navbar brand Navbar brand
*/ */
@@ -8048,12 +8140,17 @@ Navbar vertical
color: inherit; color: inherit;
box-shadow: none; box-shadow: none;
border: none; border: none;
min-width: 0; } min-width: 0;
margin: 0; }
.navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item { .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item {
min-width: 0; min-width: 0;
display: flex; display: flex;
width: auto; width: auto;
padding-left: 3rem; } padding-left: 3.25rem; }
.navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
padding-left: 4.75rem; }
.navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
padding-left: 6.25rem; }
.navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-toggle:after { .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-toggle:after {
-webkit-margin-start: auto; -webkit-margin-start: auto;
margin-inline-start: auto; } margin-inline-start: auto; }
@@ -8123,12 +8220,17 @@ Navbar vertical
color: inherit; color: inherit;
box-shadow: none; box-shadow: none;
border: none; border: none;
min-width: 0; } min-width: 0;
margin: 0; }
.navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item { .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item {
min-width: 0; min-width: 0;
display: flex; display: flex;
width: auto; width: auto;
padding-left: 3rem; } padding-left: 3.25rem; }
.navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
padding-left: 4.75rem; }
.navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
padding-left: 6.25rem; }
.navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-toggle:after { .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-toggle:after {
-webkit-margin-start: auto; -webkit-margin-start: auto;
margin-inline-start: auto; } margin-inline-start: auto; }
@@ -8198,12 +8300,17 @@ Navbar vertical
color: inherit; color: inherit;
box-shadow: none; box-shadow: none;
border: none; border: none;
min-width: 0; } min-width: 0;
margin: 0; }
.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item { .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item {
min-width: 0; min-width: 0;
display: flex; display: flex;
width: auto; width: auto;
padding-left: 3rem; } padding-left: 3.25rem; }
.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
padding-left: 4.75rem; }
.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
padding-left: 6.25rem; }
.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-toggle:after { .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
-webkit-margin-start: auto; -webkit-margin-start: auto;
margin-inline-start: auto; } margin-inline-start: auto; }
@@ -8273,12 +8380,17 @@ Navbar vertical
color: inherit; color: inherit;
box-shadow: none; box-shadow: none;
border: none; border: none;
min-width: 0; } min-width: 0;
margin: 0; }
.navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item { .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item {
min-width: 0; min-width: 0;
display: flex; display: flex;
width: auto; width: auto;
padding-left: 3rem; } padding-left: 3.25rem; }
.navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
padding-left: 4.75rem; }
.navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
padding-left: 6.25rem; }
.navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-toggle:after { .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-toggle:after {
-webkit-margin-start: auto; -webkit-margin-start: auto;
margin-inline-start: auto; } margin-inline-start: auto; }
@@ -8348,12 +8460,17 @@ Navbar vertical
color: inherit; color: inherit;
box-shadow: none; box-shadow: none;
border: none; border: none;
min-width: 0; } min-width: 0;
margin: 0; }
.navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item { .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item {
min-width: 0; min-width: 0;
display: flex; display: flex;
width: auto; width: auto;
padding-left: 3rem; } padding-left: 3.25rem; }
.navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
padding-left: 4.75rem; }
.navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
padding-left: 6.25rem; }
.navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-toggle:after { .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-toggle:after {
-webkit-margin-start: auto; -webkit-margin-start: auto;
margin-inline-start: auto; } margin-inline-start: auto; }
@@ -8422,12 +8539,17 @@ Navbar vertical
color: inherit; color: inherit;
box-shadow: none; box-shadow: none;
border: none; border: none;
min-width: 0; } min-width: 0;
margin: 0; }
.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item { .navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item {
min-width: 0; min-width: 0;
display: flex; display: flex;
width: auto; width: auto;
padding-left: 3rem; } padding-left: 3.25rem; }
.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
padding-left: 4.75rem; }
.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
padding-left: 6.25rem; }
.navbar-vertical.navbar-expand .navbar-collapse .dropdown-toggle:after { .navbar-vertical.navbar-expand .navbar-collapse .dropdown-toggle:after {
-webkit-margin-start: auto; -webkit-margin-start: auto;
margin-inline-start: auto; } margin-inline-start: auto; }
@@ -8467,6 +8589,9 @@ Navbar vertical
.content { .content {
margin: 0 !important; } } margin: 0 !important; } }
.content-full {
margin: 0; }
.page-header { .page-header {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@@ -10700,14 +10825,13 @@ Dimmer
transform: rotate(180deg); } transform: rotate(180deg); }
.nav-link-icon { .nav-link-icon {
width: 1.25rem; width: 1.5rem;
height: 1.25rem; height: 1.25rem;
-webkit-margin-end: .5rem; -webkit-margin-end: .25rem;
margin-inline-end: .5rem; margin-inline-end: .25rem;
opacity: 0.7; } opacity: 0.7; }
.nav-link-icon svg { .nav-link-icon svg {
display: block; display: block;
width: 100%;
height: 100%; } height: 100%; }
.stars { .stars {

6
demo/dist/css/tabler.min.css vendored
View File

File diff suppressed because one or more lines are too long

4
demo/dist/js/tabler.js vendored
View File

@@ -1,6 +1,6 @@
/*! /*!
* Tabler v1.0.0-alpha.14 (https://tabler.io) * Tabler v1.0.0-alpha.15 (https://tabler.io)
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna

4
demo/dist/js/tabler.min.js vendored
View File

@@ -1,6 +1,6 @@
/*! /*!
* Tabler v1.0.0-alpha.14 (https://tabler.io) * Tabler v1.0.0-alpha.15 (https://tabler.io)
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna

2
demo/dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
demo/dist/libs/nouislider/distribute/nouislider.min.css vendored
View File

@@ -1,2 +1,2 @@
/*! nouislider - 14.6.2 - 9/16/2020 */ /*! nouislider - 14.6.3 - 11/19/2020 */
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-connect{height:100%;width:100%}.noUi-origin{height:10%;width:10%}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;top:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px} .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-connect{height:100%;width:100%}.noUi-origin{height:10%;width:10%}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;top:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}

4
demo/dist/libs/nouislider/distribute/nouislider.min.js vendored
View File

File diff suppressed because one or more lines are too long

39
demo/docs/alerts.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false"> <a href="#menu-base" class="nav-link" data-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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-base"> <ul class="nav nav-pills collapse" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-components"> <ul class="nav nav-pills collapse show" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link active"> <a href="../docs/alerts.html" class="nav-link active">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Alerts</h1> <h1 class="mt-0">Alerts</h1>
<p class="ml-auto"> <p class="ml-auto">
<a href="https://getbootstrap.com/docs/4.4/components/alerts/" target="_blank"> <a href="https://getbootstrap.com/docs/4.4/components/alerts/" target="_blank">
@@ -811,7 +818,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -822,7 +829,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/autosize.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false"> <a href="#menu-base" class="nav-link" data-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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-base"> <ul class="nav nav-pills collapse" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-components"> <ul class="nav nav-pills collapse" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-plugins"> <ul class="nav nav-pills collapse show" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link active"> <a href="../docs/autosize.html" class="nav-link active">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Autosize</h1> <h1 class="mt-0">Autosize</h1>
</div> </div>
<p>The autosize element will automatically adjust the textarea height and make it easier for users to follow as they type.</p> <p>The autosize element will automatically adjust the textarea height and make it easier for users to follow as they type.</p>
@@ -597,7 +604,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -608,7 +615,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/avatars.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false"> <a href="#menu-base" class="nav-link" data-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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-base"> <ul class="nav nav-pills collapse" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-components"> <ul class="nav nav-pills collapse show" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Avatars</h1> <h1 class="mt-0">Avatars</h1>
</div> </div>
<p>Avatars help customise various elements of a user interface and make the product experience more personalised. They are often used in communication apps, collaboration tools and social media.</p> <p>Avatars help customise various elements of a user interface and make the product experience more personalised. They are often used in communication apps, collaboration tools and social media.</p>
@@ -801,7 +808,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -812,7 +819,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/badges.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false"> <a href="#menu-base" class="nav-link" data-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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-base"> <ul class="nav nav-pills collapse" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-components"> <ul class="nav nav-pills collapse show" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Badges</h1> <h1 class="mt-0">Badges</h1>
<p class="ml-auto"> <p class="ml-auto">
<a href="https://getbootstrap.com/docs/4.4/components/badge/" target="_blank"> <a href="https://getbootstrap.com/docs/4.4/components/badge/" target="_blank">
@@ -833,7 +840,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -844,7 +851,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/breadcrumb.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false"> <a href="#menu-base" class="nav-link" data-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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-base"> <ul class="nav nav-pills collapse" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-components"> <ul class="nav nav-pills collapse show" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Breadcrumb</h1> <h1 class="mt-0">Breadcrumb</h1>
<p class="ml-auto"> <p class="ml-auto">
<a href="https://getbootstrap.com/docs/4.4/components/breadcrumb/" target="_blank"> <a href="https://getbootstrap.com/docs/4.4/components/breadcrumb/" target="_blank">
@@ -685,7 +692,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -696,7 +703,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/buttons.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false"> <a href="#menu-base" class="nav-link" data-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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-base"> <ul class="nav nav-pills collapse" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-components"> <ul class="nav nav-pills collapse show" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Buttons</h1> <h1 class="mt-0">Buttons</h1>
<p class="ml-auto"> <p class="ml-auto">
<a href="https://getbootstrap.com/docs/4.4/components/buttons/" target="_blank"> <a href="https://getbootstrap.com/docs/4.4/components/buttons/" target="_blank">
@@ -1655,7 +1662,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -1666,7 +1673,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/cards.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false"> <a href="#menu-base" class="nav-link" data-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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-base"> <ul class="nav nav-pills collapse" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-components"> <ul class="nav nav-pills collapse show" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Cards</h1> <h1 class="mt-0">Cards</h1>
<p class="ml-auto"> <p class="ml-auto">
<a href="https://getbootstrap.com/docs/4.4/components/card/" target="_blank"> <a href="https://getbootstrap.com/docs/4.4/components/card/" target="_blank">
@@ -1092,7 +1099,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -1103,7 +1110,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/carousel.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false"> <a href="#menu-base" class="nav-link" data-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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-base"> <ul class="nav nav-pills collapse" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-components"> <ul class="nav nav-pills collapse show" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Carousel</h1> <h1 class="mt-0">Carousel</h1>
<p class="ml-auto"> <p class="ml-auto">
<a href="https://getbootstrap.com/docs/4.4/components/carousel/" target="_blank"> <a href="https://getbootstrap.com/docs/4.4/components/carousel/" target="_blank">
@@ -669,7 +676,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -680,7 +687,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/charts.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false"> <a href="#menu-base" class="nav-link" data-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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-base"> <ul class="nav nav-pills collapse" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-components"> <ul class="nav nav-pills collapse show" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Charts</h1> <h1 class="mt-0">Charts</h1>
</div> </div>
</div> </div>
@@ -583,7 +590,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -594,7 +601,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/colors.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="true"> <a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="true">
<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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-base"> <ul class="nav nav-pills collapse show" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-components"> <ul class="nav nav-pills collapse" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Colors</h1> <h1 class="mt-0">Colors</h1>
<p class="ml-auto"> <p class="ml-auto">
<a href="https://getbootstrap.com/docs/4.4/utilities/colors/" target="_blank"> <a href="https://getbootstrap.com/docs/4.4/utilities/colors/" target="_blank">
@@ -817,7 +824,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -828,7 +835,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/countup.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false"> <a href="#menu-base" class="nav-link" data-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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-base"> <ul class="nav nav-pills collapse" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-components"> <ul class="nav nav-pills collapse show" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Countup</h1> <h1 class="mt-0">Countup</h1>
</div> </div>
<p>A countup element is used to display numerical data in an interesting way and make the interface more interactive. All the available options can be found [here](https://inorganik.github.io/countUp.js/)</p> <p>A countup element is used to display numerical data in an interesting way and make the interface more interactive. All the available options can be found [here](https://inorganik.github.io/countUp.js/)</p>
@@ -752,7 +759,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -763,7 +770,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/cursors.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false"> <a href="#menu-base" class="nav-link" data-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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-base"> <ul class="nav nav-pills collapse" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-components"> <ul class="nav nav-pills collapse" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-utils"> <ul class="nav nav-pills collapse show" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link active"> <a href="../docs/cursors.html" class="nav-link active">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Cursors</h1> <h1 class="mt-0">Cursors</h1>
</div> </div>
<p>You can use different cursors to reflect the intended user interaction with particular elements of an interface. The cursor will change when a user hovers over a given element to indicate the action which can be performed.</p> <p>You can use different cursors to reflect the intended user interaction with particular elements of an interface. The cursor will change when a user hovers over a given element to indicate the action which can be performed.</p>
@@ -641,7 +648,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -652,7 +659,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/divider.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false"> <a href="#menu-base" class="nav-link" data-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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-base"> <ul class="nav nav-pills collapse" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-components"> <ul class="nav nav-pills collapse show" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Divider</h1> <h1 class="mt-0">Divider</h1>
<p class="ml-auto"> <p class="ml-auto">
<a href="https://getbootstrap.com/docs/4.4/components/dropdowns/#dividers" target="_blank"> <a href="https://getbootstrap.com/docs/4.4/components/dropdowns/#dividers" target="_blank">
@@ -699,7 +706,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -710,7 +717,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/dropdowns.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false"> <a href="#menu-base" class="nav-link" data-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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-base"> <ul class="nav nav-pills collapse" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-components"> <ul class="nav nav-pills collapse show" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Dropdowns</h1> <h1 class="mt-0">Dropdowns</h1>
<p class="ml-auto"> <p class="ml-auto">
<a href="https://getbootstrap.com/docs/4.4/components/dropdowns" target="_blank"> <a href="https://getbootstrap.com/docs/4.4/components/dropdowns" target="_blank">
@@ -957,7 +964,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -968,7 +975,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/empty.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false"> <a href="#menu-base" class="nav-link" data-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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-base"> <ul class="nav nav-pills collapse" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-components"> <ul class="nav nav-pills collapse show" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Empty states</h1> <h1 class="mt-0">Empty states</h1>
</div> </div>
<p>Empty states or blank pages are commonly used as placeholders for first-use, empty data or error screens. Their aim is to engage users when there is no content to display and that is why their design is extremely important from the point of view of the user experience of your website or app.</p> <p>Empty states or blank pages are commonly used as placeholders for first-use, empty data or error screens. Their aim is to engage users when there is no content to display and that is why their design is extremely important from the point of view of the user experience of your website or app.</p>
@@ -695,7 +702,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -706,7 +713,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/flags.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false"> <a href="#menu-base" class="nav-link" data-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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-base"> <ul class="nav nav-pills collapse" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-components"> <ul class="nav nav-pills collapse show" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Flags</h1> <h1 class="mt-0">Flags</h1>
</div> </div>
<div class="alert alert-info">This module is available in <code>tabler-flags</code> <div class="alert alert-info">This module is available in <code>tabler-flags</code>
@@ -2132,7 +2139,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -2143,7 +2150,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/form-elements.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -21,9 +21,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -89,7 +87,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -122,6 +120,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -256,6 +257,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -273,6 +277,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -328,9 +335,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false"> <a href="#menu-base" class="nav-link" data-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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -338,7 +345,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-base"> <ul class="nav nav-pills collapse" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -373,7 +380,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-components"> <ul class="nav nav-pills collapse show" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -513,7 +520,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -528,7 +535,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -556,7 +563,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -565,8 +572,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Form elements</h1> <h1 class="mt-0">Form elements</h1>
<p class="ml-auto"> <p class="ml-auto">
<a href="https://getbootstrap.com/docs/4.4/components/forms/" target="_blank"> <a href="https://getbootstrap.com/docs/4.4/components/forms/" target="_blank">
@@ -2207,7 +2214,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -2218,7 +2225,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/form-helpers.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false"> <a href="#menu-base" class="nav-link" data-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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-base"> <ul class="nav nav-pills collapse" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-components"> <ul class="nav nav-pills collapse show" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Form helpers</h1> <h1 class="mt-0">Form helpers</h1>
</div> </div>
<p>A form helper can be used to provide users with additional information about the elements of a form that may be unclear.</p> <p>A form helper can be used to provide users with additional information about the elements of a form that may be unclear.</p>
@@ -597,7 +604,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -608,7 +615,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/icons.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="true"> <a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="true">
<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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-base"> <ul class="nav nav-pills collapse show" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-components"> <ul class="nav nav-pills collapse" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Icons</h1> <h1 class="mt-0">Icons</h1>
</div> </div>
</div> </div>
@@ -649,7 +656,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -660,7 +667,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/index.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="true"> <a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="true">
<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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-base"> <ul class="nav nav-pills collapse show" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link active"> <a href="../docs/index.html" class="nav-link active">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-components"> <ul class="nav nav-pills collapse" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Introduction</h1> <h1 class="mt-0">Introduction</h1>
</div> </div>
</div> </div>
@@ -610,7 +617,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -621,7 +628,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/input-mask.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false"> <a href="#menu-base" class="nav-link" data-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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-base"> <ul class="nav nav-pills collapse" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-components"> <ul class="nav nav-pills collapse" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-plugins"> <ul class="nav nav-pills collapse show" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Input mask</h1> <h1 class="mt-0">Input mask</h1>
</div> </div>
<p>An input mask is a used to clarify the input format required in a given field and is helpful for users, removing confusion and reducing the number of validation errors.</p> <p>An input mask is a used to clarify the input format required in a given field and is helpful for users, removing confusion and reducing the number of validation errors.</p>
@@ -597,7 +604,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -608,7 +615,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/modals.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false"> <a href="#menu-base" class="nav-link" data-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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-base"> <ul class="nav nav-pills collapse" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-components"> <ul class="nav nav-pills collapse show" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Modals</h1> <h1 class="mt-0">Modals</h1>
</div> </div>
<p>Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.</p> <p>Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.</p>
@@ -865,7 +872,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -876,7 +883,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/payments.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false"> <a href="#menu-base" class="nav-link" data-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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-base"> <ul class="nav nav-pills collapse" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-components"> <ul class="nav nav-pills collapse show" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Payments</h1> <h1 class="mt-0">Payments</h1>
</div> </div>
<div class="alert alert-info">This module is available in <code>tabler-payments</code> <div class="alert alert-info">This module is available in <code>tabler-payments</code>
@@ -1096,7 +1103,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -1107,7 +1114,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/progress.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false"> <a href="#menu-base" class="nav-link" data-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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-base"> <ul class="nav nav-pills collapse" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-components"> <ul class="nav nav-pills collapse show" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Progress bars</h1> <h1 class="mt-0">Progress bars</h1>
<p class="ml-auto"> <p class="ml-auto">
<a href="https://getbootstrap.com/docs/4.4/components/progress" target="_blank"> <a href="https://getbootstrap.com/docs/4.4/components/progress" target="_blank">
@@ -727,7 +734,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -738,7 +745,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/range-slider.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -21,9 +21,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -89,7 +87,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -122,6 +120,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -256,6 +257,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -273,6 +277,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -328,9 +335,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false"> <a href="#menu-base" class="nav-link" data-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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -338,7 +345,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-base"> <ul class="nav nav-pills collapse" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -373,7 +380,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-components"> <ul class="nav nav-pills collapse show" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -513,7 +520,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -528,7 +535,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -556,7 +563,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -565,8 +572,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Range slider</h1> <h1 class="mt-0">Range slider</h1>
</div> </div>
</div> </div>
@@ -784,7 +791,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -795,7 +802,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/ribbons.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false"> <a href="#menu-base" class="nav-link" data-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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-base"> <ul class="nav nav-pills collapse" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-components"> <ul class="nav nav-pills collapse show" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Ribbons</h1> <h1 class="mt-0">Ribbons</h1>
</div> </div>
<p>Ribbons are graphical elements which attract users' attention to a given element of an interface and make it stand out.</p> <p>Ribbons are graphical elements which attract users' attention to a given element of an interface and make it stand out.</p>
@@ -720,7 +727,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -731,7 +738,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/skeleton.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false"> <a href="#menu-base" class="nav-link" data-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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-base"> <ul class="nav nav-pills collapse" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-components"> <ul class="nav nav-pills collapse show" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Skeleton</h1> <h1 class="mt-0">Skeleton</h1>
</div> </div>
<p>Skeleton is used to reserve space for content that soon will appear in a layout.</p> <p>Skeleton is used to reserve space for content that soon will appear in a layout.</p>
@@ -1011,7 +1018,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -1022,7 +1029,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/spinners.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false"> <a href="#menu-base" class="nav-link" data-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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-base"> <ul class="nav nav-pills collapse" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-components"> <ul class="nav nav-pills collapse show" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Spinners</h1> <h1 class="mt-0">Spinners</h1>
<p class="ml-auto"> <p class="ml-auto">
<a href="https://getbootstrap.com/docs/4.4/components/spinners/" target="_blank"> <a href="https://getbootstrap.com/docs/4.4/components/spinners/" target="_blank">
@@ -744,7 +751,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -755,7 +762,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/steps.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false"> <a href="#menu-base" class="nav-link" data-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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-base"> <ul class="nav nav-pills collapse" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-components"> <ul class="nav nav-pills collapse show" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Steps</h1> <h1 class="mt-0">Steps</h1>
</div> </div>
<p>Steps are used to guide users through complex processes, making them easier and more intuitive. Breaking a multi-step process into smaller parts and tracking progress along the way helps users complete it successfully.</p> <p>Steps are used to guide users through complex processes, making them easier and more intuitive. Breaking a multi-step process into smaller parts and tracking progress along the way helps users complete it successfully.</p>
@@ -772,7 +779,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -783,7 +790,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/switch-icon.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false"> <a href="#menu-base" class="nav-link" data-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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-base"> <ul class="nav nav-pills collapse" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-components"> <ul class="nav nav-pills collapse show" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Switch icon</h1> <h1 class="mt-0">Switch icon</h1>
</div> </div>
<p>The Switch Icon component is used to create a transition between two icons. You can use any icon, both line and filled version.</p> <p>The Switch Icon component is used to create a transition between two icons. You can use any icon, both line and filled version.</p>
@@ -751,7 +758,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -762,7 +769,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/tables.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false"> <a href="#menu-base" class="nav-link" data-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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-base"> <ul class="nav nav-pills collapse" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-components"> <ul class="nav nav-pills collapse show" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Tables</h1> <h1 class="mt-0">Tables</h1>
<p class="ml-auto"> <p class="ml-auto">
<a href="https://getbootstrap.com/docs/4.4/content/tables/" target="_blank"> <a href="https://getbootstrap.com/docs/4.4/content/tables/" target="_blank">
@@ -1074,7 +1081,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -1085,7 +1092,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/tabs.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false"> <a href="#menu-base" class="nav-link" data-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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-base"> <ul class="nav nav-pills collapse" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-components"> <ul class="nav nav-pills collapse show" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Tabs</h1> <h1 class="mt-0">Tabs</h1>
<p class="ml-auto"> <p class="ml-auto">
<a href="https://getbootstrap.com/docs/4.4/components/navs/" target="_blank"> <a href="https://getbootstrap.com/docs/4.4/components/navs/" target="_blank">
@@ -995,7 +1002,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -1006,7 +1013,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/timelines.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false"> <a href="#menu-base" class="nav-link" data-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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-base"> <ul class="nav nav-pills collapse" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-components"> <ul class="nav nav-pills collapse show" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Timelines</h1> <h1 class="mt-0">Timelines</h1>
</div> </div>
<p>A timeline is a perfect way to visualize processes and projects, as it's easy to read and attractive for users. You can use it to give an overview of events, present an agenda or point out important points in time.</p> <p>A timeline is a perfect way to visualize processes and projects, as it's easy to read and attractive for users. You can use it to give an overview of events, present an agenda or point out important points in time.</p>
@@ -979,7 +986,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -990,7 +997,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/toasts.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false"> <a href="#menu-base" class="nav-link" data-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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-base"> <ul class="nav nav-pills collapse" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-components"> <ul class="nav nav-pills collapse show" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Toasts</h1> <h1 class="mt-0">Toasts</h1>
<p class="ml-auto"> <p class="ml-auto">
<a href="https://getbootstrap.com/docs/4.4/components/toasts/" target="_blank"> <a href="https://getbootstrap.com/docs/4.4/components/toasts/" target="_blank">
@@ -707,7 +714,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -718,7 +725,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/tooltips.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false"> <a href="#menu-base" class="nav-link" data-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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-base"> <ul class="nav nav-pills collapse" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-components"> <ul class="nav nav-pills collapse show" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Tooltips</h1> <h1 class="mt-0">Tooltips</h1>
<p class="ml-auto"> <p class="ml-auto">
<a href="https://getbootstrap.com/docs/4.4/components/tooltips/" target="_blank"> <a href="https://getbootstrap.com/docs/4.4/components/tooltips/" target="_blank">
@@ -639,7 +646,7 @@ Tooltip with HTML
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -650,7 +657,7 @@ Tooltip with HTML
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/typography.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="true"> <a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="true">
<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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-base"> <ul class="nav nav-pills collapse show" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-components"> <ul class="nav nav-pills collapse" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Typography</h1> <h1 class="mt-0">Typography</h1>
<p class="ml-auto"> <p class="ml-auto">
<a href="https://getbootstrap.com/docs/4.4/content/typography/" target="_blank"> <a href="https://getbootstrap.com/docs/4.4/content/typography/" target="_blank">
@@ -890,7 +897,7 @@ Text <span class="nt">&lt;sup&gt;</span>Superscripted<span class="nt">&lt;/sup&g
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -901,7 +908,7 @@ Text <span class="nt">&lt;sup&gt;</span>Superscripted<span class="nt">&lt;/sup&g
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

39
demo/docs/usage.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/> <link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="../maps.html" > <a class="dropdown-item" href="../maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="../map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="../maps-vector.html" > <a class="dropdown-item" href="../maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="../layout-vertical.html" > <a class="dropdown-item" href="../layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="../layout-vertical-right.html" > <a class="dropdown-item" href="../layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="../layout-navbar-dark.html" > <a class="dropdown-item" href="../layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="../layout-navbar-overlap.html" > <a class="dropdown-item" href="../layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -327,9 +334,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row g-5"> <div class="row">
<div class="d-none d-lg-block col-lg-3"> <div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical"> <ul class="nav nav-vertical">
<li class="nav-item"> <li class="nav-item">
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="true"> <a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="true">
<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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></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="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
@@ -337,7 +344,7 @@
Getting started Getting started
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse show" id="menu-base"> <ul class="nav nav-pills collapse show" id="menu-base">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/index.html" class="nav-link"> <a href="../docs/index.html" class="nav-link">
Introduction Introduction
@@ -372,7 +379,7 @@
Components Components
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-components"> <ul class="nav nav-pills collapse" id="menu-components">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/alerts.html" class="nav-link"> <a href="../docs/alerts.html" class="nav-link">
Alerts Alerts
@@ -512,7 +519,7 @@
Utilities Utilities
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-utils"> <ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/cursors.html" class="nav-link"> <a href="../docs/cursors.html" class="nav-link">
Cursors Cursors
@@ -527,7 +534,7 @@
Plugins Plugins
<span class="nav-link-toggle"></span> <span class="nav-link-toggle"></span>
</a> </a>
<ul class="nav collapse" id="menu-plugins"> <ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item"> <li class="nav-item">
<a href="../docs/autosize.html" class="nav-link"> <a href="../docs/autosize.html" class="nav-link">
Autosize Autosize
@@ -555,7 +562,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 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> </span>
Changelog Changelog
<span class="badge bg-blue-lt ml-auto">1.0.0-alpha.14</span> <span class="badge bg-blue-lt ml-auto">1.0.0-alpha.15</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -564,8 +571,8 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body"> <div class="card-body">
<div class="markdown"> <div class="markdown">
<div class="mb-5"> <div>
<div class="d-flex mb-3"> <div class="d-flex mb-4">
<h1 class="mt-0">Usage</h1> <h1 class="mt-0">Usage</h1>
</div> </div>
<p>Tabler distributions are available on npm. Add tabler as a dependency in your npm project or use a specific version directly in your HTML files via CDN includes.</p> <p>Tabler distributions are available on npm. Add tabler as a dependency in your npm project or use a specific version directly in your HTML files via CDN includes.</p>
@@ -629,7 +636,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -640,7 +647,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

21
demo/dropdowns.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -564,7 +571,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -575,7 +582,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

21
demo/empty.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -336,7 +343,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -347,7 +354,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

6
demo/forgot-password.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased border-top-wide border-primary d-flex flex-column"> <body class="antialiased border-top-wide border-primary d-flex flex-column">

21
demo/form-elements.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -23,9 +23,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -91,7 +89,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -124,6 +122,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -258,6 +259,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -275,6 +279,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -1769,7 +1776,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -1780,7 +1787,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

21
demo/gallery.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -663,7 +670,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -674,7 +681,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

21
demo/icons.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -4271,7 +4278,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -4282,7 +4289,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

93
demo/index.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -21,9 +21,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -89,7 +87,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -122,6 +120,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -256,6 +257,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -273,6 +277,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -966,70 +973,100 @@
<div class="row row-cards"> <div class="row row-cards">
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-blue text-white avatar mr-3"><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="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-blue text-white avatar"><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="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
132 Sales 132 Sales
</div> </div>
<div class="text-muted">12 waiting payments</div> <div class="text-muted">
12 waiting payments
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-green text-white avatar mr-3"><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="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-green text-white avatar"><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="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
78 Orders 78 Orders
</div> </div>
<div class="text-muted">32 shipped</div> <div class="text-muted">
32 shipped
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-yellow text-white avatar mr-3"><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="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-yellow text-white avatar"><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="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
1,352 Members 1352 Members
</div>
<div class="text-muted">
163 registered today
</div>
</div> </div>
<div class="text-muted">163 registered today</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-twitter text-white avatar mr-3"><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="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-twitter text-white avatar"><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="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
623 Shares 623 Shares
</div> </div>
<div class="text-muted">16 today</div> <div class="text-muted">
16 today
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-facebook text-white avatar mr-3"><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="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-facebook text-white avatar"><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="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
132 Likes 132 Likes
</div> </div>
<div class="text-muted">21 today</div> <div class="text-muted">
21 today
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -1703,7 +1740,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -1714,7 +1751,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

21
demo/invoice.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -434,7 +441,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -445,7 +452,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

95
demo/layout-combo.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -21,14 +21,13 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
<div class="page">
<aside class="navbar navbar-vertical navbar-expand-lg navbar-dark"> <aside class="navbar navbar-vertical navbar-expand-lg navbar-dark">
<div class="container"> <div class="container-fluid">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-menu"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-menu">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
@@ -116,6 +115,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -250,6 +252,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -267,6 +272,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -299,7 +307,6 @@
</div> </div>
</div> </div>
</aside> </aside>
<div class="page">
<header class="navbar navbar-expand-md navbar-light d-none d-lg-flex d-print-none"> <header class="navbar navbar-expand-md navbar-light d-none d-lg-flex d-print-none">
<div class="container-xl"> <div class="container-xl">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-menu"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-menu">
@@ -1001,70 +1008,100 @@
<div class="row row-cards"> <div class="row row-cards">
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-blue text-white avatar mr-3"><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="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-blue text-white avatar"><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="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
132 Sales 132 Sales
</div> </div>
<div class="text-muted">12 waiting payments</div> <div class="text-muted">
12 waiting payments
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-green text-white avatar mr-3"><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="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-green text-white avatar"><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="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
78 Orders 78 Orders
</div> </div>
<div class="text-muted">32 shipped</div> <div class="text-muted">
32 shipped
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-yellow text-white avatar mr-3"><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="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-yellow text-white avatar"><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="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
1,352 Members 1352 Members
</div>
<div class="text-muted">
163 registered today
</div>
</div> </div>
<div class="text-muted">163 registered today</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-twitter text-white avatar mr-3"><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="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-twitter text-white avatar"><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="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
623 Shares 623 Shares
</div> </div>
<div class="text-muted">16 today</div> <div class="text-muted">
16 today
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-facebook text-white avatar mr-3"><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="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-facebook text-white avatar"><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="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
132 Likes 132 Likes
</div> </div>
<div class="text-muted">21 today</div> <div class="text-muted">
21 today
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -1738,7 +1775,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -1749,7 +1786,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

91
demo/layout-condensed-dark.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -21,9 +21,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -118,6 +116,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -252,6 +253,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -269,6 +273,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -962,70 +969,100 @@
<div class="row row-cards"> <div class="row row-cards">
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-blue text-white avatar mr-3"><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="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-blue text-white avatar"><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="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
132 Sales 132 Sales
</div> </div>
<div class="text-muted">12 waiting payments</div> <div class="text-muted">
12 waiting payments
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-green text-white avatar mr-3"><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="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-green text-white avatar"><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="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
78 Orders 78 Orders
</div> </div>
<div class="text-muted">32 shipped</div> <div class="text-muted">
32 shipped
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-yellow text-white avatar mr-3"><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="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-yellow text-white avatar"><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="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
1,352 Members 1352 Members
</div>
<div class="text-muted">
163 registered today
</div>
</div> </div>
<div class="text-muted">163 registered today</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-twitter text-white avatar mr-3"><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="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-twitter text-white avatar"><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="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
623 Shares 623 Shares
</div> </div>
<div class="text-muted">16 today</div> <div class="text-muted">
16 today
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-facebook text-white avatar mr-3"><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="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-facebook text-white avatar"><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="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
132 Likes 132 Likes
</div> </div>
<div class="text-muted">21 today</div> <div class="text-muted">
21 today
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -1699,7 +1736,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -1710,7 +1747,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

91
demo/layout-condensed.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -21,9 +21,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -118,6 +116,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -252,6 +253,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -269,6 +273,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -962,70 +969,100 @@
<div class="row row-cards"> <div class="row row-cards">
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-blue text-white avatar mr-3"><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="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-blue text-white avatar"><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="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
132 Sales 132 Sales
</div> </div>
<div class="text-muted">12 waiting payments</div> <div class="text-muted">
12 waiting payments
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-green text-white avatar mr-3"><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="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-green text-white avatar"><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="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
78 Orders 78 Orders
</div> </div>
<div class="text-muted">32 shipped</div> <div class="text-muted">
32 shipped
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-yellow text-white avatar mr-3"><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="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-yellow text-white avatar"><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="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
1,352 Members 1352 Members
</div>
<div class="text-muted">
163 registered today
</div>
</div> </div>
<div class="text-muted">163 registered today</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-twitter text-white avatar mr-3"><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="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-twitter text-white avatar"><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="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
623 Shares 623 Shares
</div> </div>
<div class="text-muted">16 today</div> <div class="text-muted">
16 today
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-facebook text-white avatar mr-3"><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="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-facebook text-white avatar"><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="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
132 Likes 132 Likes
</div> </div>
<div class="text-muted">21 today</div> <div class="text-muted">
21 today
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -1699,7 +1736,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -1710,7 +1747,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

93
demo/layout-dark.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -21,9 +21,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased theme-dark"> <body class="antialiased theme-dark">
@@ -89,7 +87,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -122,6 +120,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -256,6 +257,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -273,6 +277,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -966,70 +973,100 @@
<div class="row row-cards"> <div class="row row-cards">
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-blue text-white avatar mr-3"><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="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-blue text-white avatar"><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="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
132 Sales 132 Sales
</div> </div>
<div class="text-muted">12 waiting payments</div> <div class="text-muted">
12 waiting payments
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-green text-white avatar mr-3"><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="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-green text-white avatar"><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="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
78 Orders 78 Orders
</div> </div>
<div class="text-muted">32 shipped</div> <div class="text-muted">
32 shipped
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-yellow text-white avatar mr-3"><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="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-yellow text-white avatar"><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="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
1,352 Members 1352 Members
</div>
<div class="text-muted">
163 registered today
</div>
</div> </div>
<div class="text-muted">163 registered today</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-twitter text-white avatar mr-3"><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="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-twitter text-white avatar"><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="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
623 Shares 623 Shares
</div> </div>
<div class="text-muted">16 today</div> <div class="text-muted">
16 today
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-facebook text-white avatar mr-3"><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="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-facebook text-white avatar"><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="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
132 Likes 132 Likes
</div> </div>
<div class="text-muted">21 today</div> <div class="text-muted">
21 today
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -1703,7 +1740,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -1714,7 +1751,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

95
demo/layout-fluid-vertical.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -21,14 +21,13 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
<div class="page">
<aside class="navbar navbar-vertical navbar-expand-lg navbar-dark"> <aside class="navbar navbar-vertical navbar-expand-lg navbar-dark">
<div class="container"> <div class="container-fluid">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-menu"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-menu">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
@@ -116,6 +115,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -250,6 +252,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -267,6 +272,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -299,7 +307,6 @@
</div> </div>
</div> </div>
</aside> </aside>
<div class="page">
<div class="content"> <div class="content">
<div class="container-fluid"> <div class="container-fluid">
<!-- Page title --> <!-- Page title -->
@@ -950,70 +957,100 @@
<div class="row row-cards"> <div class="row row-cards">
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-blue text-white avatar mr-3"><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="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-blue text-white avatar"><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="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
132 Sales 132 Sales
</div> </div>
<div class="text-muted">12 waiting payments</div> <div class="text-muted">
12 waiting payments
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-green text-white avatar mr-3"><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="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-green text-white avatar"><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="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
78 Orders 78 Orders
</div> </div>
<div class="text-muted">32 shipped</div> <div class="text-muted">
32 shipped
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-yellow text-white avatar mr-3"><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="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-yellow text-white avatar"><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="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
1,352 Members 1352 Members
</div>
<div class="text-muted">
163 registered today
</div>
</div> </div>
<div class="text-muted">163 registered today</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-twitter text-white avatar mr-3"><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="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-twitter text-white avatar"><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="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
623 Shares 623 Shares
</div> </div>
<div class="text-muted">16 today</div> <div class="text-muted">
16 today
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-facebook text-white avatar mr-3"><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="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-facebook text-white avatar"><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="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
132 Likes 132 Likes
</div> </div>
<div class="text-muted">21 today</div> <div class="text-muted">
21 today
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -1687,7 +1724,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -1698,7 +1735,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

93
demo/layout-fluid.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -21,9 +21,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -89,7 +87,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -122,6 +120,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -256,6 +257,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -273,6 +277,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -966,70 +973,100 @@
<div class="row row-cards"> <div class="row row-cards">
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-blue text-white avatar mr-3"><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="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-blue text-white avatar"><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="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
132 Sales 132 Sales
</div> </div>
<div class="text-muted">12 waiting payments</div> <div class="text-muted">
12 waiting payments
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-green text-white avatar mr-3"><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="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-green text-white avatar"><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="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
78 Orders 78 Orders
</div> </div>
<div class="text-muted">32 shipped</div> <div class="text-muted">
32 shipped
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-yellow text-white avatar mr-3"><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="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-yellow text-white avatar"><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="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
1,352 Members 1352 Members
</div>
<div class="text-muted">
163 registered today
</div>
</div> </div>
<div class="text-muted">163 registered today</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-twitter text-white avatar mr-3"><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="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-twitter text-white avatar"><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="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
623 Shares 623 Shares
</div> </div>
<div class="text-muted">16 today</div> <div class="text-muted">
16 today
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-facebook text-white avatar mr-3"><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="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-facebook text-white avatar"><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="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
132 Likes 132 Likes
</div> </div>
<div class="text-muted">21 today</div> <div class="text-muted">
21 today
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -1703,7 +1740,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -1714,7 +1751,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

93
demo/layout-horizontal.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -21,9 +21,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -89,7 +87,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -122,6 +120,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -256,6 +257,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -273,6 +277,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -966,70 +973,100 @@
<div class="row row-cards"> <div class="row row-cards">
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-blue text-white avatar mr-3"><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="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-blue text-white avatar"><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="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
132 Sales 132 Sales
</div> </div>
<div class="text-muted">12 waiting payments</div> <div class="text-muted">
12 waiting payments
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-green text-white avatar mr-3"><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="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-green text-white avatar"><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="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
78 Orders 78 Orders
</div> </div>
<div class="text-muted">32 shipped</div> <div class="text-muted">
32 shipped
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-yellow text-white avatar mr-3"><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="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-yellow text-white avatar"><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="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
1,352 Members 1352 Members
</div>
<div class="text-muted">
163 registered today
</div>
</div> </div>
<div class="text-muted">163 registered today</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-twitter text-white avatar mr-3"><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="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-twitter text-white avatar"><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="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
623 Shares 623 Shares
</div> </div>
<div class="text-muted">16 today</div> <div class="text-muted">
16 today
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-facebook text-white avatar mr-3"><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="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-facebook text-white avatar"><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="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
132 Likes 132 Likes
</div> </div>
<div class="text-muted">21 today</div> <div class="text-muted">
21 today
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -1703,7 +1740,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -1714,7 +1751,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

93
demo/layout-navbar-dark.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -21,9 +21,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -89,7 +87,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -122,6 +120,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -256,6 +257,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -273,6 +277,9 @@
<a class="dropdown-item active" href="./layout-navbar-dark.html" > <a class="dropdown-item active" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -966,70 +973,100 @@
<div class="row row-cards"> <div class="row row-cards">
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-blue text-white avatar mr-3"><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="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-blue text-white avatar"><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="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
132 Sales 132 Sales
</div> </div>
<div class="text-muted">12 waiting payments</div> <div class="text-muted">
12 waiting payments
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-green text-white avatar mr-3"><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="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-green text-white avatar"><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="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
78 Orders 78 Orders
</div> </div>
<div class="text-muted">32 shipped</div> <div class="text-muted">
32 shipped
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-yellow text-white avatar mr-3"><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="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-yellow text-white avatar"><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="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
1,352 Members 1352 Members
</div>
<div class="text-muted">
163 registered today
</div>
</div> </div>
<div class="text-muted">163 registered today</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-twitter text-white avatar mr-3"><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="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-twitter text-white avatar"><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="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
623 Shares 623 Shares
</div> </div>
<div class="text-muted">16 today</div> <div class="text-muted">
16 today
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-facebook text-white avatar mr-3"><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="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-facebook text-white avatar"><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="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
132 Likes 132 Likes
</div> </div>
<div class="text-muted">21 today</div> <div class="text-muted">
21 today
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -1703,7 +1740,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -1714,7 +1751,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

91
demo/layout-navbar-overlap.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -21,9 +21,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -118,6 +116,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -252,6 +253,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -269,6 +273,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item active" href="./layout-navbar-overlap.html" > <a class="dropdown-item active" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -962,70 +969,100 @@
<div class="row row-cards"> <div class="row row-cards">
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-blue text-white avatar mr-3"><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="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-blue text-white avatar"><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="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
132 Sales 132 Sales
</div> </div>
<div class="text-muted">12 waiting payments</div> <div class="text-muted">
12 waiting payments
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-green text-white avatar mr-3"><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="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-green text-white avatar"><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="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
78 Orders 78 Orders
</div> </div>
<div class="text-muted">32 shipped</div> <div class="text-muted">
32 shipped
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-yellow text-white avatar mr-3"><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="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-yellow text-white avatar"><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="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
1,352 Members 1352 Members
</div>
<div class="text-muted">
163 registered today
</div>
</div> </div>
<div class="text-muted">163 registered today</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-twitter text-white avatar mr-3"><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="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-twitter text-white avatar"><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="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
623 Shares 623 Shares
</div> </div>
<div class="text-muted">16 today</div> <div class="text-muted">
16 today
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-facebook text-white avatar mr-3"><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="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-facebook text-white avatar"><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="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
132 Likes 132 Likes
</div> </div>
<div class="text-muted">21 today</div> <div class="text-muted">
21 today
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -1699,7 +1736,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -1710,7 +1747,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

2275
demo/layout-navbar-sticky.html Normal file
View File

File diff suppressed because it is too large Load Diff

93
demo/layout-rtl.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -21,9 +21,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -89,7 +87,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -122,6 +120,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -256,6 +257,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -273,6 +277,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -966,70 +973,100 @@
<div class="row row-cards"> <div class="row row-cards">
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-blue text-white avatar mr-3"><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="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-blue text-white avatar"><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="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
132 Sales 132 Sales
</div> </div>
<div class="text-muted">12 waiting payments</div> <div class="text-muted">
12 waiting payments
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-green text-white avatar mr-3"><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="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-green text-white avatar"><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="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
78 Orders 78 Orders
</div> </div>
<div class="text-muted">32 shipped</div> <div class="text-muted">
32 shipped
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-yellow text-white avatar mr-3"><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="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-yellow text-white avatar"><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="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
1,352 Members 1352 Members
</div>
<div class="text-muted">
163 registered today
</div>
</div> </div>
<div class="text-muted">163 registered today</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-twitter text-white avatar mr-3"><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="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-twitter text-white avatar"><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="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
623 Shares 623 Shares
</div> </div>
<div class="text-muted">16 today</div> <div class="text-muted">
16 today
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-facebook text-white avatar mr-3"><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="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-facebook text-white avatar"><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="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
132 Likes 132 Likes
</div> </div>
<div class="text-muted">21 today</div> <div class="text-muted">
21 today
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -1703,7 +1740,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -1714,7 +1751,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

95
demo/layout-vertical-right.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -21,14 +21,13 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
<div class="page">
<aside class="navbar navbar-vertical navbar-right navbar-expand-lg navbar-light"> <aside class="navbar navbar-vertical navbar-right navbar-expand-lg navbar-light">
<div class="container"> <div class="container-fluid">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-menu"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-menu">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
@@ -116,6 +115,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -250,6 +252,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item active" href="./layout-vertical-right.html" > <a class="dropdown-item active" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -267,6 +272,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -299,7 +307,6 @@
</div> </div>
</div> </div>
</aside> </aside>
<div class="page">
<div class="content"> <div class="content">
<div class="container-xl"> <div class="container-xl">
<!-- Page title --> <!-- Page title -->
@@ -950,70 +957,100 @@
<div class="row row-cards"> <div class="row row-cards">
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-blue text-white avatar mr-3"><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="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-blue text-white avatar"><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="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
132 Sales 132 Sales
</div> </div>
<div class="text-muted">12 waiting payments</div> <div class="text-muted">
12 waiting payments
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-green text-white avatar mr-3"><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="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-green text-white avatar"><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="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
78 Orders 78 Orders
</div> </div>
<div class="text-muted">32 shipped</div> <div class="text-muted">
32 shipped
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-yellow text-white avatar mr-3"><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="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-yellow text-white avatar"><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="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
1,352 Members 1352 Members
</div>
<div class="text-muted">
163 registered today
</div>
</div> </div>
<div class="text-muted">163 registered today</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-twitter text-white avatar mr-3"><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="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-twitter text-white avatar"><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="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
623 Shares 623 Shares
</div> </div>
<div class="text-muted">16 today</div> <div class="text-muted">
16 today
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-facebook text-white avatar mr-3"><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="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-facebook text-white avatar"><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="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
132 Likes 132 Likes
</div> </div>
<div class="text-muted">21 today</div> <div class="text-muted">
21 today
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -1687,7 +1724,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -1698,7 +1735,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

2257
demo/layout-vertical-transparent.html Normal file
View File

File diff suppressed because it is too large Load Diff

95
demo/layout-vertical.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -21,14 +21,13 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
<div class="page">
<aside class="navbar navbar-vertical navbar-expand-lg navbar-dark"> <aside class="navbar navbar-vertical navbar-expand-lg navbar-dark">
<div class="container"> <div class="container-fluid">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-menu"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-menu">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
@@ -116,6 +115,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -250,6 +252,9 @@
<a class="dropdown-item active" href="./layout-vertical.html" > <a class="dropdown-item active" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -267,6 +272,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -299,7 +307,6 @@
</div> </div>
</div> </div>
</aside> </aside>
<div class="page">
<div class="content"> <div class="content">
<div class="container-xl"> <div class="container-xl">
<!-- Page title --> <!-- Page title -->
@@ -950,70 +957,100 @@
<div class="row row-cards"> <div class="row row-cards">
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-blue text-white avatar mr-3"><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="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-blue text-white avatar"><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="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
132 Sales 132 Sales
</div> </div>
<div class="text-muted">12 waiting payments</div> <div class="text-muted">
12 waiting payments
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-green text-white avatar mr-3"><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="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-green text-white avatar"><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="9" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
78 Orders 78 Orders
</div> </div>
<div class="text-muted">32 shipped</div> <div class="text-muted">
32 shipped
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-yellow text-white avatar mr-3"><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="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-yellow text-white avatar"><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="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
1,352 Members 1352 Members
</div>
<div class="text-muted">
163 registered today
</div>
</div> </div>
<div class="text-muted">163 registered today</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-twitter text-white avatar mr-3"><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="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-twitter text-white avatar"><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="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
623 Shares 623 Shares
</div> </div>
<div class="text-muted">16 today</div> <div class="text-muted">
16 today
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="card card-sm"> <div class="card card-sm">
<div class="card-body d-flex align-items-center"> <div class="card-body">
<span class="bg-facebook text-white avatar mr-3"><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="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg> <div class="row align-items-center">
<div class="col-auto">
<span class="bg-facebook text-white avatar"><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="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg>
</span> </span>
<div class="mr-3"> </div>
<div class="col">
<div class="font-weight-medium"> <div class="font-weight-medium">
132 Likes 132 Likes
</div> </div>
<div class="text-muted">21 today</div> <div class="text-muted">
21 today
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -1687,7 +1724,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -1698,7 +1735,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

21
demo/license.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -416,7 +423,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -427,7 +434,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

21
demo/lists.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -639,7 +646,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -650,7 +657,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

6
demo/maintenance.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased border-top-wide border-primary d-flex flex-column"> <body class="antialiased border-top-wide border-primary d-flex flex-column">

333
demo/map-fullsize.html Normal file
View File

@@ -0,0 +1,333 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.15
* @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
-->
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<!-- CSS files -->
<link href="./dist/css/tabler.min.css" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
<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">
<aside class="navbar navbar-vertical navbar-expand-lg navbar-light">
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-menu">
<span class="navbar-toggler-icon"></span>
</button>
<a href="." class="navbar-brand navbar-brand-autodark">
<img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
</a>
<div class="navbar-nav flex-row d-lg-none">
<div class="nav-item dropdown d-none d-md-flex mr-3">
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
<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="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.
</div>
</div>
</div>
</div>
<div class="nav-item dropdown">
<a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
<span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
<div class="d-none d-xl-block pl-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">
<a href="#" class="dropdown-item">Set status</a>
<a href="#" class="dropdown-item">Profile & account</a>
<a href="#" class="dropdown-item">Feedback</a>
<div class="dropdown-divider"></div>
<a href="#" class="dropdown-item">Settings</a>
<a href="#" class="dropdown-item">Logout</a>
</div>
</div>
</div>
<div class="collapse navbar-collapse" id="navbar-menu">
<ul class="navbar-nav pt-lg-3">
<li class="nav-item">
<a class="nav-link" href="./index.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
</span>
<span class="nav-link-title">
Home
</span>
</a>
</li>
<li class="nav-item active dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-base" data-toggle="dropdown" role="button" aria-expanded="true" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span>
<span class="nav-link-title">
Interface
</span>
</a>
<div class="dropdown-menu show">
<div class="dropdown-menu-columns">
<div class="dropdown-menu-column">
<a class="dropdown-item" href="./empty.html" >
Empty page
</a>
<a class="dropdown-item" href="./blank.html" >
Blank page
</a>
<a class="dropdown-item" href="./buttons.html" >
Buttons
</a>
<a class="dropdown-item" href="./cards.html" >
Cards
</a>
<a class="dropdown-item" href="./cards-masonry.html" >
Cards Masonry
</a>
<a class="dropdown-item" href="./dropdowns.html" >
Dropdowns
</a>
<a class="dropdown-item" href="./icons.html" >
Icons
</a>
<a class="dropdown-item" href="./modals.html" >
Modals
</a>
<a class="dropdown-item" href="./maps.html" >
Maps
</a>
<a class="dropdown-item active" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" >
Vector maps
</a>
<a class="dropdown-item" href="./navigation.html" >
Navigation
</a>
<a class="dropdown-item" href="./charts.html" >
Charts
</a>
</div>
<div class="dropdown-menu-column">
<a class="dropdown-item" href="./charts-heatmap.html" >
Charts heatmap
</a>
<a class="dropdown-item" href="./pagination.html" >
Pagination
</a>
<a class="dropdown-item" href="./skeleton.html" >
Skeleton
</a>
<a class="dropdown-item" href="./tabs.html" >
Tabs
</a>
<a class="dropdown-item" href="./tables.html" >
Tables
</a>
<a class="dropdown-item" href="./calendar.html" >
Calendar
</a>
<a class="dropdown-item" href="./carousel.html" >
Carousel
</a>
<a class="dropdown-item" href="./lists.html" >
Lists
</a>
<a class="dropdown-item" href="./typography.html" >
Typography
</a>
<a class="dropdown-item" href="./markdown.html" >
Markdown
</a>
<div class="dropright">
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
Authentication
</a>
<div class="dropdown-menu">
<a href="./sign-in.html" class="dropdown-item">Sign in</a>
<a href="./sign-up.html" class="dropdown-item">Sign up</a>
<a href="./forgot-password.html" class="dropdown-item">Forgot password</a>
<a href="./terms-of-service.html" class="dropdown-item">Terms of service</a>
<a href="./auth-lock.html" class="dropdown-item">Lock screen</a>
</div>
</div>
<div class="dropright">
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-toggle="dropdown" role="button" aria-expanded="false" >
Error pages
</a>
<div class="dropdown-menu">
<a href="./error-404.html" class="dropdown-item">404 page</a>
<a href="./error-500.html" class="dropdown-item">500 page</a>
<a href="./error-maintenance.html" class="dropdown-item">Maintenance page</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="./form-elements.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="9 11 12 14 20 6" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
</span>
<span class="nav-link-title">
Forms
</span>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-toggle="dropdown" role="button" aria-expanded="false" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><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 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
</span>
<span class="nav-link-title">
Extra
</span>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="./activity.html" >
Activity
</a>
<a class="dropdown-item" href="./gallery.html" >
Gallery
</a>
<a class="dropdown-item" href="./invoice.html" >
Invoice
</a>
<a class="dropdown-item" href="./search-results.html" >
Search results
</a>
<a class="dropdown-item" href="./pricing.html" >
Pricing cards
</a>
<a class="dropdown-item" href="./users.html" >
Users
</a>
<a class="dropdown-item" href="./license.html" >
License
</a>
<a class="dropdown-item" href="./music.html" >
Music
</a>
<a class="dropdown-item" href="./widgets.html" >
Widgets
</a>
<a class="dropdown-item" href="./wizard.html" >
Wizard
</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-toggle="dropdown" role="button" aria-expanded="false" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
</span>
<span class="nav-link-title">
Layout
</span>
</a>
<div class="dropdown-menu">
<div class="dropdown-menu-columns">
<div class="dropdown-menu-column">
<a class="dropdown-item" href="./layout-horizontal.html" >
Horizontal
</a>
<a class="dropdown-item" href="./layout-vertical.html" >
Vertical
</a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical
</a>
<a class="dropdown-item" href="./layout-condensed.html" >
Condensed
</a>
<a class="dropdown-item" href="./layout-condensed-dark.html" >
Condensed dark
</a>
<a class="dropdown-item" href="./layout-combo.html" >
Combined
</a>
</div>
<div class="dropdown-menu-column">
<a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark
</a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap
</a>
<a class="dropdown-item" href="./layout-dark.html" >
Dark mode
</a>
<a class="dropdown-item" href="./layout-rtl.html" >
RTL mode
</a>
<a class="dropdown-item" href="./layout-fluid.html" >
Fluid
</a>
<a class="dropdown-item" href="./layout-fluid-vertical.html" >
Fluid vertical
</a>
</div>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="./docs/index.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><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="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
</span>
<span class="nav-link-title">
Documentation
</span>
</a>
</li>
</ul>
</div>
</div>
</aside>
<div class="content content-full">
<div class="map flex-fill" id="map-google"></div>
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCL-BY8-sq12m0S9H-S_yMqDmcun3A9znw"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js"></script>
<script>
// @formatter:off
let map;
document.addEventListener("DOMContentLoaded", function() {
map = new google.maps.Map(document.getElementById("map-google"), {
center: { lat: -34.397, lng: 150.644 },
zoom: 8,
});
});
// @formatter:on
</script>
<script>
document.body.style.display = "block"
</script>
</body>
</html>

21
demo/maps-vector.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -21,9 +21,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -89,7 +87,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -122,6 +120,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item active" href="./maps-vector.html" > <a class="dropdown-item active" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -256,6 +257,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -273,6 +277,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -374,7 +381,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -385,7 +392,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

21
demo/maps.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -21,9 +21,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -89,7 +87,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -122,6 +120,9 @@
<a class="dropdown-item active" href="./maps.html" > <a class="dropdown-item active" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -256,6 +257,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -273,6 +277,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -380,7 +387,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -391,7 +398,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

21
demo/markdown.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -463,7 +470,7 @@ line 3 of code
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -474,7 +481,7 @@ line 3 of code
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

21
demo/modals.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -365,7 +372,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -376,7 +383,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

21
demo/music.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -998,7 +1005,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -1009,7 +1016,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

23
demo/navigation.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -329,7 +336,7 @@
</div> </div>
<div class="box"> <div class="box">
<div class="mb-3"> <div class="mb-3">
<header class="navbar navbar-expand-md d-print-none"> <header class="navbar navbar-expand-md navbar-transparent d-print-none">
<div class="container-xl"> <div class="container-xl">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-menu"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-menu">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
@@ -1063,7 +1070,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -1074,7 +1081,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

21
demo/pagination.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -398,7 +405,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -409,7 +416,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

21
demo/playground.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -339,7 +346,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -350,7 +357,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

21
demo/pricing.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<!-- <!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.14 * @version 1.0.0-alpha.15
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors * Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,7 @@
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/> <link href="./dist/css/demo.min.css" rel="stylesheet"/>
<style> <style>
body { body { display: none; }
display: none;
}
</style> </style>
</head> </head>
<body class="antialiased"> <body class="antialiased">
@@ -88,7 +86,7 @@
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg> <span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
User Interface Interface
</span> </span>
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -121,6 +119,9 @@
<a class="dropdown-item" href="./maps.html" > <a class="dropdown-item" href="./maps.html" >
Maps Maps
</a> </a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" > <a class="dropdown-item" href="./maps-vector.html" >
Vector maps Vector maps
</a> </a>
@@ -255,6 +256,9 @@
<a class="dropdown-item" href="./layout-vertical.html" > <a class="dropdown-item" href="./layout-vertical.html" >
Vertical Vertical
</a> </a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" > <a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical Right vertical
</a> </a>
@@ -272,6 +276,9 @@
<a class="dropdown-item" href="./layout-navbar-dark.html" > <a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark Navbar dark
</a> </a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" > <a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap Navbar overlap
</a> </a>
@@ -460,7 +467,7 @@
<ul class="list-inline list-inline-dots mb-0"> <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="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li> <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li> <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0"> <div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -471,7 +478,7 @@
All rights reserved. All rights reserved.
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a> <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
</li> </li>
</ul> </ul>
</div> </div>

Some files were not shown because too many files have changed in this diff Show More