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-beta20

Browse Source
This commit is contained in:
codecalm
2023-08-24 11:49:38 +02:00
parent ab20ab4bd9
commit 93d9718c33
492 changed files with 27421 additions and 47374 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
CHANGELOG.md
View File

@@ -3,6 +3,33 @@
All notable changes to this project will be documented in this file. All notable changes to this project will be documented in this file.
## `1.0.0-beta20` - 2023-08-24
- Update `bootstrap` to v5.3.1
- Add new `Chat` component
- Add new `Tag` component
- Add customizable Star Ratings component using `star-rating.js` library
- Add new color picker component using `coloris.js` library
- Add `alerts.html` page with example of alerts.
- Add `flags.html` page with list of all flags
- Add Two-Step Verification Pages
- Add variable to configure `avatar-list` spacing
- Unify dark mode with latest Bootstrap API and improve dark mode elements
- Unify Box Shadows with Bootstrap Compatibility
- Avoid SCSS color dependency on `:focus`
- Update CSS class from `text-muted` to `text-secondary` for better Bootstrap compatibility
- Fix text color in dark version of navbar
- Adjusting form element sizes for enhanced mobile devices compatibility
- Resolved light dropdown issue on dark theme
- Update Tabler Icons to version 2.32 with 48 new icons added
- Fix table default background color
- Fix responsiveness issue in Settings menu
- Update required Node.js version to 18 and add `.nvmrc` file
- Add support for changeset tool for more efficient and organized code changes
- `Dockerfile` fix
- Switch from `npm` to `pnpm` for faster package installation
## `1.0.0-beta19` - 2023-05-15 ## `1.0.0-beta19` - 2023-05-15
- Add customizable Star Ratings component using `star-rating.js` library (#1571) - Add customizable Star Ratings component using `star-rating.js` library (#1571)

43
demo/2-step-verification-code.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-beta19 * @version 1.0.0-beta20
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors * Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna * Copyright 2018-2023 codecalm.net Paweł Kuna
@@ -13,37 +13,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/> <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>2-Step Verification - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title> <title>2-Step Verification - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<script defer data-api="/stats/api/event" data-domain="preview.tabler.io" src="/stats/js/script.js"></script>
<meta name="msapplication-TileColor" content=""/>
<meta name="theme-color" content=""/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="mobile-web-app-capable" content="yes"/>
<meta name="HandheldFriendly" content="True"/>
<meta name="MobileOptimized" content="320"/>
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<meta name="description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!"/>
<meta name="canonical" content="https://preview.tabler.io/2-step-verification-code.html">
<meta name="twitter:image:src" content="https://preview.tabler.io/static/og.png">
<meta name="twitter:site" content="@tabler_ui">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta name="twitter:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<meta property="og:image" content="https://preview.tabler.io/static/og.png">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="640">
<meta property="og:site_name" content="Tabler">
<meta property="og:type" content="object">
<meta property="og:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta property="og:url" content="https://preview.tabler.io/static/og.png">
<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<!-- CSS files --> <!-- CSS files -->
<link href="./dist/css/tabler.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-flags.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-payments.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-vendors.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/demo.min.css?1692870487" rel="stylesheet"/>
<style> <style>
@import url('https://rsms.me/inter/inter.css'); @import url('https://rsms.me/inter/inter.css');
:root { :root {
@@ -55,7 +30,7 @@
</style> </style>
</head> </head>
<body class=" d-flex flex-column"> <body class=" d-flex flex-column">
<script src="./dist/js/demo-theme.min.js?1685973381"></script> <script src="./dist/js/demo-theme.min.js?1692870487"></script>
<div class="page page-center"> <div class="page page-center">
<div class="container container-tight py-4"> <div class="container container-tight py-4">
<div class="text-center mb-4"> <div class="text-center mb-4">
@@ -128,8 +103,8 @@
</div> </div>
<!-- Libs JS --> <!-- Libs JS -->
<!-- Tabler Core --> <!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1685973381" defer></script> <script src="./dist/js/tabler.min.js?1692870487" defer></script>
<script src="./dist/js/demo.min.js?1685973381" defer></script> <script src="./dist/js/demo.min.js?1692870487" defer></script>
<script> <script>
document.addEventListener("DOMContentLoaded", function() { document.addEventListener("DOMContentLoaded", function() {
var inputs = document.querySelectorAll('[data-code-input]'); var inputs = document.querySelectorAll('[data-code-input]');

551
demo/2-step-verification.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-beta19 * @version 1.0.0-beta20
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors * Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna * Copyright 2018-2023 codecalm.net Paweł Kuna
@@ -13,37 +13,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/> <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>2-Step Verification - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title> <title>2-Step Verification - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<script defer data-api="/stats/api/event" data-domain="preview.tabler.io" src="/stats/js/script.js"></script>
<meta name="msapplication-TileColor" content=""/>
<meta name="theme-color" content=""/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="mobile-web-app-capable" content="yes"/>
<meta name="HandheldFriendly" content="True"/>
<meta name="MobileOptimized" content="320"/>
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<meta name="description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!"/>
<meta name="canonical" content="https://preview.tabler.io/2-step-verification.html">
<meta name="twitter:image:src" content="https://preview.tabler.io/static/og.png">
<meta name="twitter:site" content="@tabler_ui">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta name="twitter:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<meta property="og:image" content="https://preview.tabler.io/static/og.png">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="640">
<meta property="og:site_name" content="Tabler">
<meta property="og:type" content="object">
<meta property="og:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta property="og:url" content="https://preview.tabler.io/static/og.png">
<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<!-- CSS files --> <!-- CSS files -->
<link href="./dist/css/tabler.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-flags.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-payments.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-vendors.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/demo.min.css?1692870487" rel="stylesheet"/>
<style> <style>
@import url('https://rsms.me/inter/inter.css'); @import url('https://rsms.me/inter/inter.css');
:root { :root {
@@ -55,7 +30,7 @@
</style> </style>
</head> </head>
<body class=" d-flex flex-column"> <body class=" d-flex flex-column">
<script src="./dist/js/demo-theme.min.js?1685973381"></script> <script src="./dist/js/demo-theme.min.js?1692870487"></script>
<div class="page page-center"> <div class="page page-center">
<div class="container container-tight py-4"> <div class="container container-tight py-4">
<div class="text-center mb-4"> <div class="text-center mb-4">
@@ -75,263 +50,257 @@
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Country</label> <label class="form-label">Country</label>
<select class="form-select"> <select class="form-select">
<option value="AD">Andorra</option> <option value="">Andorra</option>
<option value="AE">United Arab Emirates</option> <option value="">United Arab Emirates</option>
<option value="AFRUN">African Union</option> <option value="">Afghanistan</option>
<option value="AG">Antigua and Barbuda</option> <option value="">Antigua</option>
<option value="AI">Anguilla</option> <option value="">Anguilla</option>
<option value="AL">Albania</option> <option value="">Armenia</option>
<option value="AM">Armenia</option> <option value="">Angolan</option>
<option value="AO">Angola</option> <option value="">Antarctica</option>
<option value="AQ">Antarctica</option> <option value="">Argentina</option>
<option value="AR">Argentina</option> <option value="">American Samoa</option>
<option value="AS">American Samoa</option> <option value="">Austria</option>
<option value="AT">Austria</option> <option value="">Australia</option>
<option value="AU">Australia</option> <option value="">Aruba</option>
<option value="AW">Aruba</option> <option value="">Aslan Islands</option>
<option value="AX">Åland Islands</option> <option value="">Azerbaijan</option>
<option value="AZ">Azerbaijan</option> <option value="">Bosnian</option>
<option value="BA">Bosnia and Herzegovina</option> <option value="">Barbados</option>
<option value="BB">Barbados</option> <option value="">Belgium</option>
<option value="BD">Bangladesh</option> <option value="">Burkina Faso</option>
<option value="BE">Belgium</option> <option value="">Bulgaria</option>
<option value="BF">Burkina Faso</option> <option value="">Bahrain</option>
<option value="BG">Bulgaria</option> <option value="">Burundi</option>
<option value="BH">Bahrain</option> <option value="">Benin</option>
<option value="BI">Burundi</option> <option value="">Saint-Barthélemy</option>
<option value="BJ">Benin</option> <option value="">Bermuda</option>
<option value="BL">Saint Barthélemy</option> <option value="">Bruneian</option>
<option value="BM">Bermuda</option> <option value="">Bolivia</option>
<option value="BN">Brunei</option> <option value="">Bonaire</option>
<option value="BO">Bolivia</option> <option value="">Brazil</option>
<option value="BQ-BO">Bonaire</option> <option value="">Bahamas</option>
<option value="BQ-SA">Saba</option> <option value="">Bhutan</option>
<option value="BQ-SE">Sint Eustatius</option> <option value="">Bouvet Island</option>
<option value="BR">Brazil</option> <option value="">Batswana</option>
<option value="BS">Bahamas</option> <option value="">Belarus</option>
<option value="BT">Bhutan</option> <option value="">Belize</option>
<option value="BW">Botswana</option> <option value="">Canada</option>
<option value="BY">Belarus</option> <option value="">Cocos Island</option>
<option value="BZ">Belize</option> <option value="">Democratic Republic of Congo</option>
<option value="CA">Canada</option> <option value="">Central African Republic</option>
<option value="CC">Cocos Islands</option> <option value="">Republic of the Congo</option>
<option value="CD">Democratis Republic of Congo</option> <option value="">Switzerland</option>
<option value="CF">Central African Republic</option> <option value="">Ivory Coast</option>
<option value="CG">Congo</option> <option value="">Cook Island</option>
<option value="CH">Switzerland</option> <option value="">Chile</option>
<option value="CI">Côte d'Ivoire</option> <option value="">Cameroon</option>
<option value="CK">Cook Island</option> <option value="">China</option>
<option value="CL">Chile</option> <option value="">Colombia</option>
<option value="CM">Cameroon</option> <option value="">Costa Rica</option>
<option value="CN">China</option> <option value="">Cuba</option>
<option value="CO">Colombia</option> <option value="">Cape Verde</option>
<option value="CR">Costa Rica</option> <option value="">Curacao</option>
<option value="CU">Cuba</option> <option value="">Christmas Island</option>
<option value="CV">Cape Verde</option> <option value="">Cyprus</option>
<option value="CW">Curaçao</option> <option value="">Czech Republic</option>
<option value="CX">Christmas Island</option> <option value="">Germany</option>
<option value="CY">Cyprus</option> <option value="">Djibouti</option>
<option value="CZ">Czech Republic</option> <option value="">Denmark</option>
<option value="DE">Germany</option> <option value="">Dominica</option>
<option value="DJ">Djibouti</option> <option value="">Dominican Republic</option>
<option value="DK">Denmark</option> <option value="">Algeria</option>
<option value="DM">Dominica</option> <option value="">Ecuador</option>
<option value="DO">Dominican Republic</option> <option value="">Estonia</option>
<option value="EC">Ecuador</option> <option value="">Egypt</option>
<option value="EE">Estonia</option> <option value="">Sahrawi</option>
<option value="EG">Egypt</option> <option value="">Eritrea</option>
<option value="EH">Western Sahara</option> <option value="">Spain</option>
<option value="ER">Eritrea</option> <option value="">Catalonia</option>
<option value="ES">Spain</option> <option value="">Ethiopia</option>
<option value="ET">Ethiopia</option> <option value="">European Union</option>
<option value="EU">European Union</option> <option value="">Finland</option>
<option value="FI">Finland</option> <option value="">Fiji</option>
<option value="FJ">Fiji</option> <option value="">Falkland Islands</option>
<option value="FK">Falkland Islands</option> <option value="">Federate States of Micronesia</option>
<option value="FM">Micronesia (Federated States of)</option> <option value="">Faroe Islands</option>
<option value="FO">Faroe Island</option> <option value="">France</option>
<option value="FR">France</option> <option value="">Gabon</option>
<option value="GA">Gabon</option> <option value="">Great Britain</option>
<option value="GB-ENG">England</option> <option value="">England</option>
<option value="GB-SCT">Scotland</option> <option value="">Nothern Ireland</option>
<option value="GB">United Kingdom</option> <option value="">Scotland</option>
<option value="GB-WLS">Wales</option> <option value="">Wales</option>
<option value="GB-NIR">Northern Ireland</option> <option value="">Grenada</option>
<option value="GD">Grenada</option> <option value="">Georgia</option>
<option value="GE">Georgia</option> <option value="">Guyana</option>
<option value="GF">French Guiana</option> <option value="">Guernsey</option>
<option value="GG">Guernsey</option> <option value="">Ghana</option>
<option value="GH">Ghana</option> <option value="">Gibraltar</option>
<option value="GI">Gibraltar</option> <option value="">Greenland</option>
<option value="GL">Greenland</option> <option value="">Gambia</option>
<option value="GM">Gambia</option> <option value="">Guinea</option>
<option value="GN">Guinea</option> <option value="">Guadeloupe</option>
<option value="GP">Guadeloupe</option> <option value="">Equatorial Guinea</option>
<option value="GQ">Equatorial Guinea</option> <option value="">Greece</option>
<option value="GR">Greece</option> <option value="">South Georgia</option>
<option value="GS">South Gerogia and the South Sandwich Islands</option> <option value="">Guatemala</option>
<option value="GT">Guatemala</option> <option value="">Guam</option>
<option value="GU">Guam</option> <option value="">Guinea-Bissau</option>
<option value="GW">Guinea-Bissau</option> <option value="">Guyana</option>
<option value="GY">Guyana</option> <option value="">Hong Kong</option>
<option value="HK">Hong Kong</option> <option value="">Heard and McDonald Islands</option>
<option value="HM">Heard Island and McDonald Islands</option> <option value="">Honduras</option>
<option value="HN">Honduras</option> <option value="">Croatia</option>
<option value="HR">Croatia</option> <option value="">Haiti</option>
<option value="HT">Haiti</option> <option value="">Hungary</option>
<option value="HU">Hungary</option> <option value="">Indonesia</option>
<option value="ID">Indonesia</option> <option value="">Ireland</option>
<option value="IE">Ireland</option> <option value="">Israel</option>
<option value="IL">Israel</option> <option value="">Isle of Man</option>
<option value="IM">Isle of Man</option> <option value="">India</option>
<option value="IN">India</option> <option value="">British Indian Ocean Territory</option>
<option value="IO">British Indian Ocean Territory</option> <option value="">Iraq</option>
<option value="IQ">Iraq</option> <option value="">Iran</option>
<option value="IR">Iran</option> <option value="">Iceland</option>
<option value="IS">Iceland</option> <option value="">Italy</option>
<option value="IT">Italy</option> <option value="">Jersey</option>
<option value="JE">Jersey</option> <option value="">Jamaica</option>
<option value="JM">Jamaica</option> <option value="">Jordan</option>
<option value="JO">Jordan</option> <option value="">Japan</option>
<option value="JP">Japan</option> <option value="">Kenya</option>
<option value="KE">Kenya</option> <option value="">Kyrgyzstan</option>
<option value="KG">Kyrgyzstan</option> <option value="">Cambodia</option>
<option value="KH">Cambodia</option> <option value="">Kiribati</option>
<option value="KI">Kiribati</option> <option value="">Comoros</option>
<option value="KM">Comoros</option> <option value="">Saint Kitts and Nevis</option>
<option value="KN-SK">Saint Kitts and Nevis</option> <option value="">North Korea</option>
<option value="KP">Korea (the Democratic People's Republic of)</option> <option value="">South Korea</option>
<option value="KR">Korea (the Republic of)</option> <option value="">Kuwait</option>
<option value="KW">Kuwait</option> <option value="">Cayman Islands</option>
<option value="KY">Cayman Islands</option> <option value="">Kazakhstan</option>
<option value="KZ">Kazakhstan</option> <option value="">Laos</option>
<option value="LA">Lao People's Democratic Republic</option> <option value="">Lebanese</option>
<option value="LB">Lebanon</option> <option value="">Saint Lucia</option>
<option value="LC">Saint Lucia</option> <option value="">Liechtenstein</option>
<option value="LI">Liechtenstein</option> <option value="">Sri Lanka</option>
<option value="LK">Sri Lanka</option> <option value="">Liberia</option>
<option value="LR">Liberia</option> <option value="">Lesotho</option>
<option value="LS">Lesotho</option> <option value="">Lithuania</option>
<option value="LT">Lithuania</option> <option value="">Luxembourg</option>
<option value="LU">Luxembourg</option> <option value="">Latvia</option>
<option value="LV">Latvia</option> <option value="">Libya</option>
<option value="LY">Libya</option> <option value="">Morocco</option>
<option value="MA">Morocco</option> <option value="">Monaco</option>
<option value="MC">Monaco</option> <option value="">Moldova</option>
<option value="MD">Moldova (the Republic of)</option> <option value="">Montenegro</option>
<option value="ME">Montenegro</option> <option value="">Saint Martin</option>
<option value="MF">Saint Martin</option> <option value="">Madagascar</option>
<option value="MG">Madagascar</option> <option value="">Marshall Islands</option>
<option value="MH">Marshall Islands</option> <option value="">Macedonia</option>
<option value="MK">North Macedonia</option> <option value="">Mali</option>
<option value="ML">Mali</option> <option value="">Myanmar</option>
<option value="MM">Myanmar</option> <option value="">Mongolia</option>
<option value="MN">Mongolia</option> <option value="">Macao</option>
<option value="MO">Macao</option> <option value="">Nothern Mariana Islands</option>
<option value="MP">Northern Mariana Islands</option> <option value="">Martinique</option>
<option value="MQ">Martinique</option> <option value="">Mauritania</option>
<option value="MR">Mauritania</option> <option value="">Montserrat</option>
<option value="MS">Montserrat</option> <option value="">Malta</option>
<option value="MT">Malta</option> <option value="">Mauritius</option>
<option value="MU">Mauritius</option> <option value="">Maldives</option>
<option value="MV">Maldives</option> <option value="">Malawi</option>
<option value="MW">Malawi</option> <option value="">Mexico</option>
<option value="MX">Mexico</option> <option value="">Malaysia</option>
<option value="MY">Malaysia</option> <option value="">Mozambique</option>
<option value="MZ">Mozambique</option> <option value="">Namibia</option>
<option value="NA">Namibia</option> <option value="">New Caledonia</option>
<option value="NC">New Caledonia</option> <option value="">Niger</option>
<option value="NE">Niger</option> <option value="">Norfolk Island</option>
<option value="NF">Norfolk Island</option> <option value="">Nigeria</option>
<option value="NG">Nigeria</option> <option value="">Nicaragua</option>
<option value="NI">Nicaragua</option> <option value="">Norway</option>
<option value="NL">Netherlands</option> <option value="">Nepal</option>
<option value="NO">Norway</option> <option value="">Nauruan</option>
<option value="NP">Nepal</option> <option value="">Niger</option>
<option value="NR">Nauru</option> <option value="">New Zealand</option>
<option value="NU">Niue</option> <option value="">Oman</option>
<option value="NZ">New Zealand</option> <option value="">Panama</option>
<option value="OM">Oman</option> <option value="">Peru</option>
<option value="PA">Panama</option> <option value="">French Polynesia</option>
<option value="PE">Peru</option> <option value="">Papua New Guinea</option>
<option value="PF">French Polyesia</option> <option value="">Philippines</option>
<option value="PG">Papua New Guinea</option> <option value="">Pakistan</option>
<option value="PH">Phillippines</option> <option value="">Poland</option>
<option value="PK">Pakistan</option> <option value="">Saint Pierre</option>
<option value="PL">Poland</option> <option value="">Pitcairn Islands</option>
<option value="PM">Saint Pierre and Miquelon</option> <option value="">Puerto Rico</option>
<option value="PN">Pitcairn</option> <option value="">Palestine</option>
<option value="PR">Puerto Rico</option> <option value="">Portugal</option>
<option value="PS">Palestine, State of</option> <option value="">Palau</option>
<option value="PT">Portugal</option> <option value="">Paraguay</option>
<option value="PW">Palau</option> <option value="">Qatar</option>
<option value="PY">Paraguay</option> <option value="">Reunion Island</option>
<option value="QA">Qatar</option> <option value="">Romania</option>
<option value="RAINBOW">Rainbow</option> <option value="">Serbia</option>
<option value="RE">Réunion</option> <option value="">Russia</option>
<option value="RO">Romania</option> <option value="">Rwanda</option>
<option value="RS">Serbia</option> <option value="">Saudi Arabia</option>
<option value="RU">Russian Federation</option> <option value="">Solomon Islands</option>
<option value="RW">Rwanda</option> <option value="">Seychelles</option>
<option value="SA">Saudi Arabia</option> <option value="">Sudan</option>
<option value="SB">Solomon Islands</option> <option value="">Sweden</option>
<option value="SC">Seychelles</option> <option value="">Singapore</option>
<option value="SD">Sudan</option> <option value="">Saint Helena</option>
<option value="SE">Sweden</option> <option value="">Slovenia</option>
<option value="SG">Singapore</option> <option value="">Svalbard Island</option>
<option value="SH">Saint Helena, Ascension Island, Traistan da Cunha</option> <option value="">Slovakia</option>
<option value="SI">Slovenia</option> <option value="">Sierra Leone</option>
<option value="SJ">Svalbard, Jan Mayen</option> <option value="">San Marino</option>
<option value="SK">Slovakia</option> <option value="">Senegal</option>
<option value="SL">Sierra Leone</option> <option value="">Somalia</option>
<option value="SM">San Marino</option> <option value="">Suriname</option>
<option value="SN">Senegal</option> <option value="">South Sudan</option>
<option value="SO">Somalia</option> <option value="">Sao Tome</option>
<option value="SR">Suriname</option> <option value="">El Salvador</option>
<option value="SS">South Sudan</option> <option value="">Sint Maarten</option>
<option value="ST">Sao Tome and Principe</option> <option value="">Syria</option>
<option value="SV">El Salvador</option> <option value="">Swaziland</option>
<option value="SX">Sint Maarten</option> <option value="">Turks and Caicos</option>
<option value="SY">Syrian Arab Republic</option> <option value="">Chad</option>
<option value="SZ">Eswatini</option> <option value="">French Southern and Antarctic Lands</option>
<option value="TC">Turks and Caicos Islands</option> <option value="">Togo</option>
<option value="TD">Chad</option> <option value="">Thailand</option>
<option value="TF">French Southern Territories</option> <option value="">Tajikistan</option>
<option value="TG">Togo</option> <option value="">Tokelau</option>
<option value="TH">Thailand</option> <option value="">Timor Leste</option>
<option value="TJ">Tajikistan</option> <option value="">Turkmenistan</option>
<option value="TK">Tokelau</option> <option value="">Tunisia</option>
<option value="TL">Timor-Leste</option> <option value="">Tonga</option>
<option value="TM">Turkmenistan</option> <option value="">Turkey</option>
<option value="TN">Tunisia</option> <option value="">Trinidad and Tobago</option>
<option value="TO">Tonga</option> <option value="">Tuvalu</option>
<option value="TR">Turkey</option> <option value="">Tanzania</option>
<option value="TT">Trinidad and Tobago</option> <option value="">Ukraine</option>
<option value="TV">Tuvalu</option> <option value="">Uganda</option>
<option value="TW">Taiwan</option> <option value="">United States Minor Islands</option>
<option value="TZ">Tanzania, the United Republic of</option> <option value="">United Nations</option>
<option value="UA">Ukraine</option> <option value="">United States of America</option>
<option value="UG">Uganda</option> <option value="">Uruguay</option>
<option value="UM">United States Minor Outlying Islands</option> <option value="">Uzbekistan</option>
<option value="UNASUR">Union of South American Nations</option> <option value="">Vatican City</option>
<option value="US" selected>United States of America</option> <option value="">Saint Vincent</option>
<option value="UY">Uruguay</option> <option value="">Venezuela</option>
<option value="UZ">Uzbekistan</option> <option value="">British Virgin Islands</option>
<option value="VA">Holy See</option> <option value="">Virgiin Islands</option>
<option value="VC">Saint Vincent and the Grenadines</option> <option value="">Vietnam</option>
<option value="VE">Venezuela (Bolivarian Republic of)</option> <option value="">Vanuatu</option>
<option value="VG">Virgin Islands (British)</option> <option value="">Wallis and Futuna</option>
<option value="VI">Virgin Islands (U.S.)</option> <option value="">Samoa</option>
<option value="VN">Vietnam</option> <option value="">Yemen</option>
<option value="VU">Vanuatu</option> <option value="">South Africa</option>
<option value="WF">Wallis and Futuna</option> <option value="">Zambia</option>
<option value="WS">Samoa</option> <option value="">Zimbabwe</option>
<option value="YE">Yemen</option>
<option value="ZA">South Africa</option>
<option value="ZM">Zambia</option>
<option value="ZW">Zimbabwe</option>
<option value="AF">Afghanistan</option>
<option value="BV">Bouvet Island</option>
</select> </select>
</div> </div>
<div class="mb-4"> <div class="mb-4">
@@ -356,7 +325,7 @@
</div> </div>
<!-- Libs JS --> <!-- Libs JS -->
<!-- Tabler Core --> <!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1685973381" defer></script> <script src="./dist/js/tabler.min.js?1692870487" defer></script>
<script src="./dist/js/demo.min.js?1685973381" defer></script> <script src="./dist/js/demo.min.js?1692870487" defer></script>
</body> </body>
</html> </html>

64
demo/accordion.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-beta19 * @version 1.0.0-beta20
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors * Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna * Copyright 2018-2023 codecalm.net Paweł Kuna
@@ -13,37 +13,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/> <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Accordion - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title> <title>Accordion - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<script defer data-api="/stats/api/event" data-domain="preview.tabler.io" src="/stats/js/script.js"></script>
<meta name="msapplication-TileColor" content=""/>
<meta name="theme-color" content=""/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="mobile-web-app-capable" content="yes"/>
<meta name="HandheldFriendly" content="True"/>
<meta name="MobileOptimized" content="320"/>
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<meta name="description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!"/>
<meta name="canonical" content="https://preview.tabler.io/accordion.html">
<meta name="twitter:image:src" content="https://preview.tabler.io/static/og.png">
<meta name="twitter:site" content="@tabler_ui">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta name="twitter:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<meta property="og:image" content="https://preview.tabler.io/static/og.png">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="640">
<meta property="og:site_name" content="Tabler">
<meta property="og:type" content="object">
<meta property="og:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta property="og:url" content="https://preview.tabler.io/static/og.png">
<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<!-- CSS files --> <!-- CSS files -->
<link href="./dist/css/tabler.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-flags.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-payments.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-vendors.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/demo.min.css?1692870487" rel="stylesheet"/>
<style> <style>
@import url('https://rsms.me/inter/inter.css'); @import url('https://rsms.me/inter/inter.css');
:root { :root {
@@ -55,7 +30,7 @@
</style> </style>
</head> </head>
<body > <body >
<script src="./dist/js/demo-theme.min.js?1685973381"></script> <script src="./dist/js/demo-theme.min.js?1692870487"></script>
<div class="page"> <div class="page">
<!-- Navbar --> <!-- Navbar -->
<header class="navbar navbar-expand-md d-print-none" > <header class="navbar navbar-expand-md d-print-none" >
@@ -399,6 +374,9 @@
<a class="dropdown-item" href="./tabs.html"> <a class="dropdown-item" href="./tabs.html">
Tabs Tabs
</a> </a>
<a class="dropdown-item" href="./tags.html">
Tags
</a>
<a class="dropdown-item" href="./tables.html"> <a class="dropdown-item" href="./tables.html">
Tables Tables
</a> </a>
@@ -442,6 +420,10 @@
Cookie banner Cookie banner
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span> <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a> </a>
<a class="dropdown-item" href="./chat.html">
Chat
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a>
<a class="dropdown-item" href="./activity.html"> <a class="dropdown-item" href="./activity.html">
Activity Activity
</a> </a>
@@ -580,7 +562,17 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg> <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
4231 icons 4637 icons
</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./emails.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/mail-opened -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M3 9l9 6l9 -6l-9 -6l-9 6" /><path d="M21 9v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10" /><path d="M3 19l6 -6" /><path d="M15 13l6 6" /></svg>
</span>
<span class="nav-link-title">
Email templates
</span> </span>
</a> </a>
</li> </li>
@@ -724,7 +716,7 @@
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener"> <a href="./changelog.html" class="link-secondary" rel="noopener">
v1.0.0-beta19 v1.0.0-beta20
</a> </a>
</li> </li>
</ul> </ul>
@@ -736,7 +728,7 @@
</div> </div>
<!-- Libs JS --> <!-- Libs JS -->
<!-- Tabler Core --> <!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1685973381" defer></script> <script src="./dist/js/tabler.min.js?1692870487" defer></script>
<script src="./dist/js/demo.min.js?1685973381" defer></script> <script src="./dist/js/demo.min.js?1692870487" defer></script>
</body> </body>
</html> </html>

64
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-beta19 * @version 1.0.0-beta20
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors * Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna * Copyright 2018-2023 codecalm.net Paweł Kuna
@@ -13,37 +13,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/> <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Activity - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title> <title>Activity - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<script defer data-api="/stats/api/event" data-domain="preview.tabler.io" src="/stats/js/script.js"></script>
<meta name="msapplication-TileColor" content=""/>
<meta name="theme-color" content=""/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="mobile-web-app-capable" content="yes"/>
<meta name="HandheldFriendly" content="True"/>
<meta name="MobileOptimized" content="320"/>
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<meta name="description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!"/>
<meta name="canonical" content="https://preview.tabler.io/activity.html">
<meta name="twitter:image:src" content="https://preview.tabler.io/static/og.png">
<meta name="twitter:site" content="@tabler_ui">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta name="twitter:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<meta property="og:image" content="https://preview.tabler.io/static/og.png">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="640">
<meta property="og:site_name" content="Tabler">
<meta property="og:type" content="object">
<meta property="og:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta property="og:url" content="https://preview.tabler.io/static/og.png">
<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<!-- CSS files --> <!-- CSS files -->
<link href="./dist/css/tabler.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-flags.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-payments.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-vendors.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/demo.min.css?1692870487" rel="stylesheet"/>
<style> <style>
@import url('https://rsms.me/inter/inter.css'); @import url('https://rsms.me/inter/inter.css');
:root { :root {
@@ -55,7 +30,7 @@
</style> </style>
</head> </head>
<body > <body >
<script src="./dist/js/demo-theme.min.js?1685973381"></script> <script src="./dist/js/demo-theme.min.js?1692870487"></script>
<div class="page"> <div class="page">
<!-- Navbar --> <!-- Navbar -->
<header class="navbar navbar-expand-md d-print-none" > <header class="navbar navbar-expand-md d-print-none" >
@@ -399,6 +374,9 @@
<a class="dropdown-item" href="./tabs.html"> <a class="dropdown-item" href="./tabs.html">
Tabs Tabs
</a> </a>
<a class="dropdown-item" href="./tags.html">
Tags
</a>
<a class="dropdown-item" href="./tables.html"> <a class="dropdown-item" href="./tables.html">
Tables Tables
</a> </a>
@@ -442,6 +420,10 @@
Cookie banner Cookie banner
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span> <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a> </a>
<a class="dropdown-item" href="./chat.html">
Chat
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a>
<a class="dropdown-item active" href="./activity.html"> <a class="dropdown-item active" href="./activity.html">
Activity Activity
</a> </a>
@@ -580,7 +562,17 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg> <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
4231 icons 4637 icons
</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./emails.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/mail-opened -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M3 9l9 6l9 -6l-9 -6l-9 6" /><path d="M21 9v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10" /><path d="M3 19l6 -6" /><path d="M15 13l6 6" /></svg>
</span>
<span class="nav-link-title">
Email templates
</span> </span>
</a> </a>
</li> </li>
@@ -926,7 +918,7 @@
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener"> <a href="./changelog.html" class="link-secondary" rel="noopener">
v1.0.0-beta19 v1.0.0-beta20
</a> </a>
</li> </li>
</ul> </ul>
@@ -938,7 +930,7 @@
</div> </div>
<!-- Libs JS --> <!-- Libs JS -->
<!-- Tabler Core --> <!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1685973381" defer></script> <script src="./dist/js/tabler.min.js?1692870487" defer></script>
<script src="./dist/js/demo.min.js?1685973381" defer></script> <script src="./dist/js/demo.min.js?1692870487" defer></script>
</body> </body>
</html> </html>

64
demo/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-beta19 * @version 1.0.0-beta20
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors * Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna * Copyright 2018-2023 codecalm.net Paweł Kuna
@@ -13,37 +13,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/> <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Alerts - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title> <title>Alerts - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<script defer data-api="/stats/api/event" data-domain="preview.tabler.io" src="/stats/js/script.js"></script>
<meta name="msapplication-TileColor" content=""/>
<meta name="theme-color" content=""/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="mobile-web-app-capable" content="yes"/>
<meta name="HandheldFriendly" content="True"/>
<meta name="MobileOptimized" content="320"/>
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<meta name="description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!"/>
<meta name="canonical" content="https://preview.tabler.io/alerts.html">
<meta name="twitter:image:src" content="https://preview.tabler.io/static/og.png">
<meta name="twitter:site" content="@tabler_ui">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta name="twitter:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<meta property="og:image" content="https://preview.tabler.io/static/og.png">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="640">
<meta property="og:site_name" content="Tabler">
<meta property="og:type" content="object">
<meta property="og:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta property="og:url" content="https://preview.tabler.io/static/og.png">
<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<!-- CSS files --> <!-- CSS files -->
<link href="./dist/css/tabler.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-flags.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-payments.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-vendors.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/demo.min.css?1692870487" rel="stylesheet"/>
<style> <style>
@import url('https://rsms.me/inter/inter.css'); @import url('https://rsms.me/inter/inter.css');
:root { :root {
@@ -55,7 +30,7 @@
</style> </style>
</head> </head>
<body > <body >
<script src="./dist/js/demo-theme.min.js?1685973381"></script> <script src="./dist/js/demo-theme.min.js?1692870487"></script>
<div class="page"> <div class="page">
<!-- Navbar --> <!-- Navbar -->
<header class="navbar navbar-expand-md d-print-none" > <header class="navbar navbar-expand-md d-print-none" >
@@ -399,6 +374,9 @@
<a class="dropdown-item" href="./tabs.html"> <a class="dropdown-item" href="./tabs.html">
Tabs Tabs
</a> </a>
<a class="dropdown-item" href="./tags.html">
Tags
</a>
<a class="dropdown-item" href="./tables.html"> <a class="dropdown-item" href="./tables.html">
Tables Tables
</a> </a>
@@ -442,6 +420,10 @@
Cookie banner Cookie banner
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span> <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a> </a>
<a class="dropdown-item" href="./chat.html">
Chat
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a>
<a class="dropdown-item" href="./activity.html"> <a class="dropdown-item" href="./activity.html">
Activity Activity
</a> </a>
@@ -580,7 +562,17 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg> <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
4231 icons 4637 icons
</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./emails.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/mail-opened -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M3 9l9 6l9 -6l-9 -6l-9 6" /><path d="M21 9v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10" /><path d="M3 19l6 -6" /><path d="M15 13l6 6" /></svg>
</span>
<span class="nav-link-title">
Email templates
</span> </span>
</a> </a>
</li> </li>
@@ -911,7 +903,7 @@
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener"> <a href="./changelog.html" class="link-secondary" rel="noopener">
v1.0.0-beta19 v1.0.0-beta20
</a> </a>
</li> </li>
</ul> </ul>
@@ -923,7 +915,7 @@
</div> </div>
<!-- Libs JS --> <!-- Libs JS -->
<!-- Tabler Core --> <!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1685973381" defer></script> <script src="./dist/js/tabler.min.js?1692870487" defer></script>
<script src="./dist/js/demo.min.js?1685973381" defer></script> <script src="./dist/js/demo.min.js?1692870487" defer></script>
</body> </body>
</html> </html>

43
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-beta19 * @version 1.0.0-beta20
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors * Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna * Copyright 2018-2023 codecalm.net Paweł Kuna
@@ -13,37 +13,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/> <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Forgot password - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title> <title>Forgot password - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<script defer data-api="/stats/api/event" data-domain="preview.tabler.io" src="/stats/js/script.js"></script>
<meta name="msapplication-TileColor" content=""/>
<meta name="theme-color" content=""/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="mobile-web-app-capable" content="yes"/>
<meta name="HandheldFriendly" content="True"/>
<meta name="MobileOptimized" content="320"/>
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<meta name="description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!"/>
<meta name="canonical" content="https://preview.tabler.io/auth-lock.html">
<meta name="twitter:image:src" content="https://preview.tabler.io/static/og.png">
<meta name="twitter:site" content="@tabler_ui">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta name="twitter:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<meta property="og:image" content="https://preview.tabler.io/static/og.png">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="640">
<meta property="og:site_name" content="Tabler">
<meta property="og:type" content="object">
<meta property="og:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta property="og:url" content="https://preview.tabler.io/static/og.png">
<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<!-- CSS files --> <!-- CSS files -->
<link href="./dist/css/tabler.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-flags.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-payments.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-vendors.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/demo.min.css?1692870487" rel="stylesheet"/>
<style> <style>
@import url('https://rsms.me/inter/inter.css'); @import url('https://rsms.me/inter/inter.css');
:root { :root {
@@ -55,7 +30,7 @@
</style> </style>
</head> </head>
<body class=" d-flex flex-column"> <body class=" d-flex flex-column">
<script src="./dist/js/demo-theme.min.js?1685973381"></script> <script src="./dist/js/demo-theme.min.js?1692870487"></script>
<div class="page page-center"> <div class="page page-center">
<div class="container container-tight py-4"> <div class="container container-tight py-4">
<div class="text-center mb-4"> <div class="text-center mb-4">
@@ -89,7 +64,7 @@
</div> </div>
<!-- Libs JS --> <!-- Libs JS -->
<!-- Tabler Core --> <!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1685973381" defer></script> <script src="./dist/js/tabler.min.js?1692870487" defer></script>
<script src="./dist/js/demo.min.js?1685973381" defer></script> <script src="./dist/js/demo.min.js?1692870487" defer></script>
</body> </body>
</html> </html>

138
demo/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-beta19 * @version 1.0.0-beta20
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors * Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna * Copyright 2018-2023 codecalm.net Paweł Kuna
@@ -13,37 +13,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/> <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Badges - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title> <title>Badges - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<script defer data-api="/stats/api/event" data-domain="preview.tabler.io" src="/stats/js/script.js"></script>
<meta name="msapplication-TileColor" content=""/>
<meta name="theme-color" content=""/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="mobile-web-app-capable" content="yes"/>
<meta name="HandheldFriendly" content="True"/>
<meta name="MobileOptimized" content="320"/>
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<meta name="description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!"/>
<meta name="canonical" content="https://preview.tabler.io/badges.html">
<meta name="twitter:image:src" content="https://preview.tabler.io/static/og.png">
<meta name="twitter:site" content="@tabler_ui">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta name="twitter:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<meta property="og:image" content="https://preview.tabler.io/static/og.png">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="640">
<meta property="og:site_name" content="Tabler">
<meta property="og:type" content="object">
<meta property="og:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta property="og:url" content="https://preview.tabler.io/static/og.png">
<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<!-- CSS files --> <!-- CSS files -->
<link href="./dist/css/tabler.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-flags.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-payments.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-vendors.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/demo.min.css?1692870487" rel="stylesheet"/>
<style> <style>
@import url('https://rsms.me/inter/inter.css'); @import url('https://rsms.me/inter/inter.css');
:root { :root {
@@ -55,7 +30,7 @@
</style> </style>
</head> </head>
<body > <body >
<script src="./dist/js/demo-theme.min.js?1685973381"></script> <script src="./dist/js/demo-theme.min.js?1692870487"></script>
<div class="page"> <div class="page">
<!-- Navbar --> <!-- Navbar -->
<header class="navbar navbar-expand-md d-print-none" > <header class="navbar navbar-expand-md d-print-none" >
@@ -399,6 +374,9 @@
<a class="dropdown-item" href="./tabs.html"> <a class="dropdown-item" href="./tabs.html">
Tabs Tabs
</a> </a>
<a class="dropdown-item" href="./tags.html">
Tags
</a>
<a class="dropdown-item" href="./tables.html"> <a class="dropdown-item" href="./tables.html">
Tables Tables
</a> </a>
@@ -442,6 +420,10 @@
Cookie banner Cookie banner
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span> <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a> </a>
<a class="dropdown-item" href="./chat.html">
Chat
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a>
<a class="dropdown-item" href="./activity.html"> <a class="dropdown-item" href="./activity.html">
Activity Activity
</a> </a>
@@ -580,7 +562,17 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg> <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
4231 icons 4637 icons
</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./emails.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/mail-opened -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M3 9l9 6l9 -6l-9 -6l-9 6" /><path d="M21 9v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10" /><path d="M3 19l6 -6" /><path d="M15 13l6 6" /></svg>
</span>
<span class="nav-link-title">
Email templates
</span> </span>
</a> </a>
</li> </li>
@@ -661,18 +653,18 @@
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<div class="badges-list"> <div class="badges-list">
<span class="badge bg-blue">Blue</span> <span class="badge bg-blue text-blue-fg">Blue</span>
<span class="badge bg-azure">Azure</span> <span class="badge bg-azure text-azure-fg">Azure</span>
<span class="badge bg-indigo">Indigo</span> <span class="badge bg-indigo text-indigo-fg">Indigo</span>
<span class="badge bg-purple">Purple</span> <span class="badge bg-purple text-purple-fg">Purple</span>
<span class="badge bg-pink">Pink</span> <span class="badge bg-pink text-pink-fg">Pink</span>
<span class="badge bg-red">Red</span> <span class="badge bg-red text-red-fg">Red</span>
<span class="badge bg-orange">Orange</span> <span class="badge bg-orange text-orange-fg">Orange</span>
<span class="badge bg-yellow">Yellow</span> <span class="badge bg-yellow text-yellow-fg">Yellow</span>
<span class="badge bg-lime">Lime</span> <span class="badge bg-lime text-lime-fg">Lime</span>
<span class="badge bg-green">Green</span> <span class="badge bg-green text-green-fg">Green</span>
<span class="badge bg-teal">Teal</span> <span class="badge bg-teal text-teal-fg">Teal</span>
<span class="badge bg-cyan">Cyan</span> <span class="badge bg-cyan text-cyan-fg">Cyan</span>
</div> </div>
</div> </div>
</div> </div>
@@ -723,7 +715,7 @@
<div class="dropdown-menu dropdown-menu-demo dropdown-menu-arrow"> <div class="dropdown-menu dropdown-menu-demo dropdown-menu-arrow">
<a class="dropdown-item" href="#"> <a class="dropdown-item" href="#">
Action Action
<span class="badge bg-primary ms-auto">12</span> <span class="badge bg-primary text-primary-fg ms-auto">12</span>
</a> </a>
<a class="dropdown-item" href="#"> <a class="dropdown-item" href="#">
Another action Another action
@@ -737,18 +729,18 @@
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<div class="btn-list"> <div class="btn-list">
<button class="btn">Blue badge <span class="badge bg-blue ms-2">1</span></button> <button class="btn">Blue badge <span class="badge bg-blue text-blue-fg ms-2">1</span></button>
<button class="btn">Azure badge <span class="badge bg-azure ms-2">2</span></button> <button class="btn">Azure badge <span class="badge bg-azure text-azure-fg ms-2">2</span></button>
<button class="btn">Indigo badge <span class="badge bg-indigo ms-2">3</span></button> <button class="btn">Indigo badge <span class="badge bg-indigo text-indigo-fg ms-2">3</span></button>
<button class="btn">Purple badge <span class="badge bg-purple ms-2">4</span></button> <button class="btn">Purple badge <span class="badge bg-purple text-purple-fg ms-2">4</span></button>
<button class="btn">Pink badge <span class="badge bg-pink ms-2">5</span></button> <button class="btn">Pink badge <span class="badge bg-pink text-pink-fg ms-2">5</span></button>
<button class="btn">Red badge <span class="badge bg-red ms-2">6</span></button> <button class="btn">Red badge <span class="badge bg-red text-red-fg ms-2">6</span></button>
<button class="btn">Orange badge <span class="badge bg-orange ms-2">7</span></button> <button class="btn">Orange badge <span class="badge bg-orange text-orange-fg ms-2">7</span></button>
<button class="btn">Yellow badge <span class="badge bg-yellow ms-2">8</span></button> <button class="btn">Yellow badge <span class="badge bg-yellow text-yellow-fg ms-2">8</span></button>
<button class="btn">Lime badge <span class="badge bg-lime ms-2">9</span></button> <button class="btn">Lime badge <span class="badge bg-lime text-lime-fg ms-2">9</span></button>
<button class="btn">Green badge <span class="badge bg-green ms-2">10</span></button> <button class="btn">Green badge <span class="badge bg-green text-green-fg ms-2">10</span></button>
<button class="btn">Teal badge <span class="badge bg-teal ms-2">11</span></button> <button class="btn">Teal badge <span class="badge bg-teal text-teal-fg ms-2">11</span></button>
<button class="btn">Cyan badge <span class="badge bg-cyan ms-2">12</span></button> <button class="btn">Cyan badge <span class="badge bg-cyan text-cyan-fg ms-2">12</span></button>
</div> </div>
</div> </div>
</div> </div>
@@ -757,18 +749,18 @@
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<div class="btn-list"> <div class="btn-list">
<button class="btn position-relative">Blue badge <span class="badge bg-blue badge-notification badge-pill">1</span></button> <button class="btn position-relative">Blue badge <span class="badge bg-blue text-blue-fg badge-notification badge-pill">1</span></button>
<button class="btn position-relative">Azure badge <span class="badge bg-azure badge-notification badge-pill">2</span></button> <button class="btn position-relative">Azure badge <span class="badge bg-azure text-azure-fg badge-notification badge-pill">2</span></button>
<button class="btn position-relative">Indigo badge <span class="badge bg-indigo badge-notification badge-pill">3</span></button> <button class="btn position-relative">Indigo badge <span class="badge bg-indigo text-indigo-fg badge-notification badge-pill">3</span></button>
<button class="btn position-relative">Purple badge <span class="badge bg-purple badge-notification badge-pill">4</span></button> <button class="btn position-relative">Purple badge <span class="badge bg-purple text-purple-fg badge-notification badge-pill">4</span></button>
<button class="btn position-relative">Pink badge <span class="badge bg-pink badge-notification badge-pill">5</span></button> <button class="btn position-relative">Pink badge <span class="badge bg-pink text-pink-fg badge-notification badge-pill">5</span></button>
<button class="btn position-relative">Red badge <span class="badge bg-red badge-notification badge-pill">6</span></button> <button class="btn position-relative">Red badge <span class="badge bg-red text-red-fg badge-notification badge-pill">6</span></button>
<button class="btn position-relative">Orange badge <span class="badge bg-orange badge-notification badge-pill">7</span></button> <button class="btn position-relative">Orange badge <span class="badge bg-orange text-orange-fg badge-notification badge-pill">7</span></button>
<button class="btn position-relative">Yellow badge <span class="badge bg-yellow badge-notification badge-pill">8</span></button> <button class="btn position-relative">Yellow badge <span class="badge bg-yellow text-yellow-fg badge-notification badge-pill">8</span></button>
<button class="btn position-relative">Lime badge <span class="badge bg-lime badge-notification badge-pill">9</span></button> <button class="btn position-relative">Lime badge <span class="badge bg-lime text-lime-fg badge-notification badge-pill">9</span></button>
<button class="btn position-relative">Green badge <span class="badge bg-green badge-notification badge-pill">10</span></button> <button class="btn position-relative">Green badge <span class="badge bg-green text-green-fg badge-notification badge-pill">10</span></button>
<button class="btn position-relative">Teal badge <span class="badge bg-teal badge-notification badge-pill">11</span></button> <button class="btn position-relative">Teal badge <span class="badge bg-teal text-teal-fg badge-notification badge-pill">11</span></button>
<button class="btn position-relative">Cyan badge <span class="badge bg-cyan badge-notification badge-pill">12</span></button> <button class="btn position-relative">Cyan badge <span class="badge bg-cyan text-cyan-fg badge-notification badge-pill">12</span></button>
</div> </div>
</div> </div>
</div> </div>
@@ -824,7 +816,7 @@
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener"> <a href="./changelog.html" class="link-secondary" rel="noopener">
v1.0.0-beta19 v1.0.0-beta20
</a> </a>
</li> </li>
</ul> </ul>
@@ -836,7 +828,7 @@
</div> </div>
<!-- Libs JS --> <!-- Libs JS -->
<!-- Tabler Core --> <!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1685973381" defer></script> <script src="./dist/js/tabler.min.js?1692870487" defer></script>
<script src="./dist/js/demo.min.js?1685973381" defer></script> <script src="./dist/js/demo.min.js?1692870487" defer></script>
</body> </body>
</html> </html>

64
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-beta19 * @version 1.0.0-beta20
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors * Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna * Copyright 2018-2023 codecalm.net Paweł Kuna
@@ -13,37 +13,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/> <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Blank page - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title> <title>Blank page - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<script defer data-api="/stats/api/event" data-domain="preview.tabler.io" src="/stats/js/script.js"></script>
<meta name="msapplication-TileColor" content=""/>
<meta name="theme-color" content=""/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="mobile-web-app-capable" content="yes"/>
<meta name="HandheldFriendly" content="True"/>
<meta name="MobileOptimized" content="320"/>
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<meta name="description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!"/>
<meta name="canonical" content="https://preview.tabler.io/blank.html">
<meta name="twitter:image:src" content="https://preview.tabler.io/static/og.png">
<meta name="twitter:site" content="@tabler_ui">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta name="twitter:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<meta property="og:image" content="https://preview.tabler.io/static/og.png">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="640">
<meta property="og:site_name" content="Tabler">
<meta property="og:type" content="object">
<meta property="og:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta property="og:url" content="https://preview.tabler.io/static/og.png">
<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<!-- CSS files --> <!-- CSS files -->
<link href="./dist/css/tabler.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-flags.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-payments.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-vendors.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/demo.min.css?1692870487" rel="stylesheet"/>
<style> <style>
@import url('https://rsms.me/inter/inter.css'); @import url('https://rsms.me/inter/inter.css');
:root { :root {
@@ -55,7 +30,7 @@
</style> </style>
</head> </head>
<body > <body >
<script src="./dist/js/demo-theme.min.js?1685973381"></script> <script src="./dist/js/demo-theme.min.js?1692870487"></script>
<div class="page"> <div class="page">
<!-- Navbar --> <!-- Navbar -->
<header class="navbar navbar-expand-md d-print-none" > <header class="navbar navbar-expand-md d-print-none" >
@@ -399,6 +374,9 @@
<a class="dropdown-item" href="./tabs.html"> <a class="dropdown-item" href="./tabs.html">
Tabs Tabs
</a> </a>
<a class="dropdown-item" href="./tags.html">
Tags
</a>
<a class="dropdown-item" href="./tables.html"> <a class="dropdown-item" href="./tables.html">
Tables Tables
</a> </a>
@@ -442,6 +420,10 @@
Cookie banner Cookie banner
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span> <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a> </a>
<a class="dropdown-item" href="./chat.html">
Chat
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a>
<a class="dropdown-item" href="./activity.html"> <a class="dropdown-item" href="./activity.html">
Activity Activity
</a> </a>
@@ -580,7 +562,17 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg> <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
4231 icons 4637 icons
</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./emails.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/mail-opened -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M3 9l9 6l9 -6l-9 -6l-9 6" /><path d="M21 9v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10" /><path d="M3 19l6 -6" /><path d="M15 13l6 6" /></svg>
</span>
<span class="nav-link-title">
Email templates
</span> </span>
</a> </a>
</li> </li>
@@ -673,7 +665,7 @@
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener"> <a href="./changelog.html" class="link-secondary" rel="noopener">
v1.0.0-beta19 v1.0.0-beta20
</a> </a>
</li> </li>
</ul> </ul>
@@ -685,7 +677,7 @@
</div> </div>
<!-- Libs JS --> <!-- Libs JS -->
<!-- Tabler Core --> <!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1685973381" defer></script> <script src="./dist/js/tabler.min.js?1692870487" defer></script>
<script src="./dist/js/demo.min.js?1685973381" defer></script> <script src="./dist/js/demo.min.js?1692870487" defer></script>
</body> </body>
</html> </html>

68
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-beta19 * @version 1.0.0-beta20
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors * Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna * Copyright 2018-2023 codecalm.net Paweł Kuna
@@ -13,37 +13,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/> <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Buttons - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title> <title>Buttons - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<script defer data-api="/stats/api/event" data-domain="preview.tabler.io" src="/stats/js/script.js"></script>
<meta name="msapplication-TileColor" content=""/>
<meta name="theme-color" content=""/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="mobile-web-app-capable" content="yes"/>
<meta name="HandheldFriendly" content="True"/>
<meta name="MobileOptimized" content="320"/>
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<meta name="description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!"/>
<meta name="canonical" content="https://preview.tabler.io/buttons.html">
<meta name="twitter:image:src" content="https://preview.tabler.io/static/og.png">
<meta name="twitter:site" content="@tabler_ui">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta name="twitter:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<meta property="og:image" content="https://preview.tabler.io/static/og.png">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="640">
<meta property="og:site_name" content="Tabler">
<meta property="og:type" content="object">
<meta property="og:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta property="og:url" content="https://preview.tabler.io/static/og.png">
<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<!-- CSS files --> <!-- CSS files -->
<link href="./dist/css/tabler.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-flags.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-payments.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-vendors.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/demo.min.css?1692870487" rel="stylesheet"/>
<style> <style>
@import url('https://rsms.me/inter/inter.css'); @import url('https://rsms.me/inter/inter.css');
:root { :root {
@@ -55,7 +30,7 @@
</style> </style>
</head> </head>
<body > <body >
<script src="./dist/js/demo-theme.min.js?1685973381"></script> <script src="./dist/js/demo-theme.min.js?1692870487"></script>
<div class="page"> <div class="page">
<!-- Navbar --> <!-- Navbar -->
<header class="navbar navbar-expand-md d-print-none" > <header class="navbar navbar-expand-md d-print-none" >
@@ -399,6 +374,9 @@
<a class="dropdown-item" href="./tabs.html"> <a class="dropdown-item" href="./tabs.html">
Tabs Tabs
</a> </a>
<a class="dropdown-item" href="./tags.html">
Tags
</a>
<a class="dropdown-item" href="./tables.html"> <a class="dropdown-item" href="./tables.html">
Tables Tables
</a> </a>
@@ -442,6 +420,10 @@
Cookie banner Cookie banner
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span> <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a> </a>
<a class="dropdown-item" href="./chat.html">
Chat
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a>
<a class="dropdown-item" href="./activity.html"> <a class="dropdown-item" href="./activity.html">
Activity Activity
</a> </a>
@@ -580,7 +562,17 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg> <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
4231 icons 4637 icons
</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./emails.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/mail-opened -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M3 9l9 6l9 -6l-9 -6l-9 6" /><path d="M21 9v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10" /><path d="M3 19l6 -6" /><path d="M15 13l6 6" /></svg>
</span>
<span class="nav-link-title">
Email templates
</span> </span>
</a> </a>
</li> </li>
@@ -1268,7 +1260,7 @@
<div class="col-6 col-sm-4 col-md-2 col-xl-auto py-3"> <div class="col-6 col-sm-4 col-md-2 col-xl-auto py-3">
<a href="#" class="btn btn-youtube w-100 btn-icon" aria-label="Youtube"> <a href="#" class="btn btn-youtube w-100 btn-icon" aria-label="Youtube">
<!-- Download SVG icon from http://tabler-icons.io/i/brand-youtube --> <!-- Download SVG icon from http://tabler-icons.io/i/brand-youtube -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M3 5m0 4a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v6a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4z" /><path d="M10 9l5 3l-5 3z" /></svg> <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M2 8a4 4 0 0 1 4 -4h12a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-12a4 4 0 0 1 -4 -4v-8z" /><path d="M10 9l5 3l-5 3z" /></svg>
</a> </a>
</div> </div>
<div class="col-6 col-sm-4 col-md-2 col-xl-auto py-3"> <div class="col-6 col-sm-4 col-md-2 col-xl-auto py-3">
@@ -1366,7 +1358,7 @@
<div class="col-6 col-sm-4 col-md-2 col-xl-auto py-3"> <div class="col-6 col-sm-4 col-md-2 col-xl-auto py-3">
<a href="#" class="btn btn-youtube w-100"> <a href="#" class="btn btn-youtube w-100">
<!-- Download SVG icon from http://tabler-icons.io/i/brand-youtube --> <!-- Download SVG icon from http://tabler-icons.io/i/brand-youtube -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M3 5m0 4a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v6a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4z" /><path d="M10 9l5 3l-5 3z" /></svg> <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M2 8a4 4 0 0 1 4 -4h12a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-12a4 4 0 0 1 -4 -4v-8z" /><path d="M10 9l5 3l-5 3z" /></svg>
Youtube Youtube
</a> </a>
</div> </div>
@@ -1473,7 +1465,7 @@
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener"> <a href="./changelog.html" class="link-secondary" rel="noopener">
v1.0.0-beta19 v1.0.0-beta20
</a> </a>
</li> </li>
</ul> </ul>
@@ -1485,7 +1477,7 @@
</div> </div>
<!-- Libs JS --> <!-- Libs JS -->
<!-- Tabler Core --> <!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1685973381" defer></script> <script src="./dist/js/tabler.min.js?1692870487" defer></script>
<script src="./dist/js/demo.min.js?1685973381" defer></script> <script src="./dist/js/demo.min.js?1692870487" defer></script>
</body> </body>
</html> </html>

64
demo/card-actions.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-beta19 * @version 1.0.0-beta20
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors * Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna * Copyright 2018-2023 codecalm.net Paweł Kuna
@@ -13,37 +13,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/> <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Card actions - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title> <title>Card actions - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<script defer data-api="/stats/api/event" data-domain="preview.tabler.io" src="/stats/js/script.js"></script>
<meta name="msapplication-TileColor" content=""/>
<meta name="theme-color" content=""/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="mobile-web-app-capable" content="yes"/>
<meta name="HandheldFriendly" content="True"/>
<meta name="MobileOptimized" content="320"/>
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<meta name="description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!"/>
<meta name="canonical" content="https://preview.tabler.io/card-actions.html">
<meta name="twitter:image:src" content="https://preview.tabler.io/static/og.png">
<meta name="twitter:site" content="@tabler_ui">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta name="twitter:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<meta property="og:image" content="https://preview.tabler.io/static/og.png">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="640">
<meta property="og:site_name" content="Tabler">
<meta property="og:type" content="object">
<meta property="og:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta property="og:url" content="https://preview.tabler.io/static/og.png">
<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<!-- CSS files --> <!-- CSS files -->
<link href="./dist/css/tabler.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-flags.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-payments.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-vendors.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/demo.min.css?1692870487" rel="stylesheet"/>
<style> <style>
@import url('https://rsms.me/inter/inter.css'); @import url('https://rsms.me/inter/inter.css');
:root { :root {
@@ -55,7 +30,7 @@
</style> </style>
</head> </head>
<body > <body >
<script src="./dist/js/demo-theme.min.js?1685973381"></script> <script src="./dist/js/demo-theme.min.js?1692870487"></script>
<div class="page"> <div class="page">
<!-- Navbar --> <!-- Navbar -->
<header class="navbar navbar-expand-md d-print-none" > <header class="navbar navbar-expand-md d-print-none" >
@@ -399,6 +374,9 @@
<a class="dropdown-item" href="./tabs.html"> <a class="dropdown-item" href="./tabs.html">
Tabs Tabs
</a> </a>
<a class="dropdown-item" href="./tags.html">
Tags
</a>
<a class="dropdown-item" href="./tables.html"> <a class="dropdown-item" href="./tables.html">
Tables Tables
</a> </a>
@@ -442,6 +420,10 @@
Cookie banner Cookie banner
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span> <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a> </a>
<a class="dropdown-item" href="./chat.html">
Chat
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a>
<a class="dropdown-item" href="./activity.html"> <a class="dropdown-item" href="./activity.html">
Activity Activity
</a> </a>
@@ -580,7 +562,17 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg> <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
4231 icons 4637 icons
</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./emails.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/mail-opened -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M3 9l9 6l9 -6l-9 -6l-9 6" /><path d="M21 9v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10" /><path d="M3 19l6 -6" /><path d="M15 13l6 6" /></svg>
</span>
<span class="nav-link-title">
Email templates
</span> </span>
</a> </a>
</li> </li>
@@ -872,7 +864,7 @@
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener"> <a href="./changelog.html" class="link-secondary" rel="noopener">
v1.0.0-beta19 v1.0.0-beta20
</a> </a>
</li> </li>
</ul> </ul>
@@ -884,7 +876,7 @@
</div> </div>
<!-- Libs JS --> <!-- Libs JS -->
<!-- Tabler Core --> <!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1685973381" defer></script> <script src="./dist/js/tabler.min.js?1692870487" defer></script>
<script src="./dist/js/demo.min.js?1685973381" defer></script> <script src="./dist/js/demo.min.js?1692870487" defer></script>
</body> </body>
</html> </html>

64
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-beta19 * @version 1.0.0-beta20
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors * Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna * Copyright 2018-2023 codecalm.net Paweł Kuna
@@ -13,37 +13,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/> <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Cards Masonry - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title> <title>Cards Masonry - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<script defer data-api="/stats/api/event" data-domain="preview.tabler.io" src="/stats/js/script.js"></script>
<meta name="msapplication-TileColor" content=""/>
<meta name="theme-color" content=""/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="mobile-web-app-capable" content="yes"/>
<meta name="HandheldFriendly" content="True"/>
<meta name="MobileOptimized" content="320"/>
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<meta name="description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!"/>
<meta name="canonical" content="https://preview.tabler.io/cards-masonry.html">
<meta name="twitter:image:src" content="https://preview.tabler.io/static/og.png">
<meta name="twitter:site" content="@tabler_ui">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta name="twitter:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<meta property="og:image" content="https://preview.tabler.io/static/og.png">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="640">
<meta property="og:site_name" content="Tabler">
<meta property="og:type" content="object">
<meta property="og:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta property="og:url" content="https://preview.tabler.io/static/og.png">
<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<!-- CSS files --> <!-- CSS files -->
<link href="./dist/css/tabler.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-flags.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-payments.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-vendors.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/demo.min.css?1692870487" rel="stylesheet"/>
<style> <style>
@import url('https://rsms.me/inter/inter.css'); @import url('https://rsms.me/inter/inter.css');
:root { :root {
@@ -55,7 +30,7 @@
</style> </style>
</head> </head>
<body > <body >
<script src="./dist/js/demo-theme.min.js?1685973381"></script> <script src="./dist/js/demo-theme.min.js?1692870487"></script>
<div class="page"> <div class="page">
<!-- Navbar --> <!-- Navbar -->
<header class="navbar navbar-expand-md d-print-none" > <header class="navbar navbar-expand-md d-print-none" >
@@ -399,6 +374,9 @@
<a class="dropdown-item" href="./tabs.html"> <a class="dropdown-item" href="./tabs.html">
Tabs Tabs
</a> </a>
<a class="dropdown-item" href="./tags.html">
Tags
</a>
<a class="dropdown-item" href="./tables.html"> <a class="dropdown-item" href="./tables.html">
Tables Tables
</a> </a>
@@ -442,6 +420,10 @@
Cookie banner Cookie banner
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span> <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a> </a>
<a class="dropdown-item" href="./chat.html">
Chat
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a>
<a class="dropdown-item" href="./activity.html"> <a class="dropdown-item" href="./activity.html">
Activity Activity
</a> </a>
@@ -580,7 +562,17 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg> <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
4231 icons 4637 icons
</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./emails.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/mail-opened -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M3 9l9 6l9 -6l-9 -6l-9 6" /><path d="M21 9v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10" /><path d="M3 19l6 -6" /><path d="M15 13l6 6" /></svg>
</span>
<span class="nav-link-title">
Email templates
</span> </span>
</a> </a>
</li> </li>
@@ -812,7 +804,7 @@
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener"> <a href="./changelog.html" class="link-secondary" rel="noopener">
v1.0.0-beta19 v1.0.0-beta20
</a> </a>
</li> </li>
</ul> </ul>
@@ -825,7 +817,7 @@
<!-- Libs JS --> <!-- Libs JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.min.js" defer></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.min.js" defer></script>
<!-- Tabler Core --> <!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1685973381" defer></script> <script src="./dist/js/tabler.min.js?1692870487" defer></script>
<script src="./dist/js/demo.min.js?1685973381" defer></script> <script src="./dist/js/demo.min.js?1692870487" defer></script>
</body> </body>
</html> </html>

64
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-beta19 * @version 1.0.0-beta20
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors * Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna * Copyright 2018-2023 codecalm.net Paweł Kuna
@@ -13,37 +13,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/> <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Cards - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title> <title>Cards - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<script defer data-api="/stats/api/event" data-domain="preview.tabler.io" src="/stats/js/script.js"></script>
<meta name="msapplication-TileColor" content=""/>
<meta name="theme-color" content=""/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="mobile-web-app-capable" content="yes"/>
<meta name="HandheldFriendly" content="True"/>
<meta name="MobileOptimized" content="320"/>
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<meta name="description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!"/>
<meta name="canonical" content="https://preview.tabler.io/cards.html">
<meta name="twitter:image:src" content="https://preview.tabler.io/static/og.png">
<meta name="twitter:site" content="@tabler_ui">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta name="twitter:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<meta property="og:image" content="https://preview.tabler.io/static/og.png">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="640">
<meta property="og:site_name" content="Tabler">
<meta property="og:type" content="object">
<meta property="og:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta property="og:url" content="https://preview.tabler.io/static/og.png">
<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<!-- CSS files --> <!-- CSS files -->
<link href="./dist/css/tabler.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-flags.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-payments.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-vendors.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/demo.min.css?1692870487" rel="stylesheet"/>
<style> <style>
@import url('https://rsms.me/inter/inter.css'); @import url('https://rsms.me/inter/inter.css');
:root { :root {
@@ -55,7 +30,7 @@
</style> </style>
</head> </head>
<body > <body >
<script src="./dist/js/demo-theme.min.js?1685973381"></script> <script src="./dist/js/demo-theme.min.js?1692870487"></script>
<div class="page"> <div class="page">
<!-- Navbar --> <!-- Navbar -->
<header class="navbar navbar-expand-md d-print-none" > <header class="navbar navbar-expand-md d-print-none" >
@@ -399,6 +374,9 @@
<a class="dropdown-item" href="./tabs.html"> <a class="dropdown-item" href="./tabs.html">
Tabs Tabs
</a> </a>
<a class="dropdown-item" href="./tags.html">
Tags
</a>
<a class="dropdown-item" href="./tables.html"> <a class="dropdown-item" href="./tables.html">
Tables Tables
</a> </a>
@@ -442,6 +420,10 @@
Cookie banner Cookie banner
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span> <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a> </a>
<a class="dropdown-item" href="./chat.html">
Chat
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a>
<a class="dropdown-item" href="./activity.html"> <a class="dropdown-item" href="./activity.html">
Activity Activity
</a> </a>
@@ -580,7 +562,17 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg> <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
4231 icons 4637 icons
</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./emails.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/mail-opened -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M3 9l9 6l9 -6l-9 -6l-9 6" /><path d="M21 9v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10" /><path d="M3 19l6 -6" /><path d="M15 13l6 6" /></svg>
</span>
<span class="nav-link-title">
Email templates
</span> </span>
</a> </a>
</li> </li>
@@ -1390,7 +1382,7 @@
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener"> <a href="./changelog.html" class="link-secondary" rel="noopener">
v1.0.0-beta19 v1.0.0-beta20
</a> </a>
</li> </li>
</ul> </ul>
@@ -1402,7 +1394,7 @@
</div> </div>
<!-- Libs JS --> <!-- Libs JS -->
<!-- Tabler Core --> <!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1685973381" defer></script> <script src="./dist/js/tabler.min.js?1692870487" defer></script>
<script src="./dist/js/demo.min.js?1685973381" defer></script> <script src="./dist/js/demo.min.js?1692870487" defer></script>
</body> </body>
</html> </html>

64
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-beta19 * @version 1.0.0-beta20
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors * Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna * Copyright 2018-2023 codecalm.net Paweł Kuna
@@ -13,37 +13,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/> <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Carousel - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title> <title>Carousel - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<script defer data-api="/stats/api/event" data-domain="preview.tabler.io" src="/stats/js/script.js"></script>
<meta name="msapplication-TileColor" content=""/>
<meta name="theme-color" content=""/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="mobile-web-app-capable" content="yes"/>
<meta name="HandheldFriendly" content="True"/>
<meta name="MobileOptimized" content="320"/>
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<meta name="description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!"/>
<meta name="canonical" content="https://preview.tabler.io/carousel.html">
<meta name="twitter:image:src" content="https://preview.tabler.io/static/og.png">
<meta name="twitter:site" content="@tabler_ui">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta name="twitter:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<meta property="og:image" content="https://preview.tabler.io/static/og.png">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="640">
<meta property="og:site_name" content="Tabler">
<meta property="og:type" content="object">
<meta property="og:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta property="og:url" content="https://preview.tabler.io/static/og.png">
<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<!-- CSS files --> <!-- CSS files -->
<link href="./dist/css/tabler.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-flags.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-payments.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-vendors.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/demo.min.css?1692870487" rel="stylesheet"/>
<style> <style>
@import url('https://rsms.me/inter/inter.css'); @import url('https://rsms.me/inter/inter.css');
:root { :root {
@@ -55,7 +30,7 @@
</style> </style>
</head> </head>
<body > <body >
<script src="./dist/js/demo-theme.min.js?1685973381"></script> <script src="./dist/js/demo-theme.min.js?1692870487"></script>
<div class="page"> <div class="page">
<!-- Navbar --> <!-- Navbar -->
<header class="navbar navbar-expand-md d-print-none" > <header class="navbar navbar-expand-md d-print-none" >
@@ -399,6 +374,9 @@
<a class="dropdown-item" href="./tabs.html"> <a class="dropdown-item" href="./tabs.html">
Tabs Tabs
</a> </a>
<a class="dropdown-item" href="./tags.html">
Tags
</a>
<a class="dropdown-item" href="./tables.html"> <a class="dropdown-item" href="./tables.html">
Tables Tables
</a> </a>
@@ -442,6 +420,10 @@
Cookie banner Cookie banner
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span> <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a> </a>
<a class="dropdown-item" href="./chat.html">
Chat
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a>
<a class="dropdown-item" href="./activity.html"> <a class="dropdown-item" href="./activity.html">
Activity Activity
</a> </a>
@@ -580,7 +562,17 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg> <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
4231 icons 4637 icons
</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./emails.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/mail-opened -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M3 9l9 6l9 -6l-9 -6l-9 6" /><path d="M21 9v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10" /><path d="M3 19l6 -6" /><path d="M15 13l6 6" /></svg>
</span>
<span class="nav-link-title">
Email templates
</span> </span>
</a> </a>
</li> </li>
@@ -972,7 +964,7 @@
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener"> <a href="./changelog.html" class="link-secondary" rel="noopener">
v1.0.0-beta19 v1.0.0-beta20
</a> </a>
</li> </li>
</ul> </ul>
@@ -984,7 +976,7 @@
</div> </div>
<!-- Libs JS --> <!-- Libs JS -->
<!-- Tabler Core --> <!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1685973381" defer></script> <script src="./dist/js/tabler.min.js?1692870487" defer></script>
<script src="./dist/js/demo.min.js?1685973381" defer></script> <script src="./dist/js/demo.min.js?1692870487" defer></script>
</body> </body>
</html> </html>

95
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-beta19 * @version 1.0.0-beta20
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors * Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna * Copyright 2018-2023 codecalm.net Paweł Kuna
@@ -13,37 +13,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/> <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Changelog - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title> <title>Changelog - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<script defer data-api="/stats/api/event" data-domain="preview.tabler.io" src="/stats/js/script.js"></script>
<meta name="msapplication-TileColor" content=""/>
<meta name="theme-color" content=""/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="mobile-web-app-capable" content="yes"/>
<meta name="HandheldFriendly" content="True"/>
<meta name="MobileOptimized" content="320"/>
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<meta name="description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!"/>
<meta name="canonical" content="https://preview.tabler.io/changelog.html">
<meta name="twitter:image:src" content="https://preview.tabler.io/static/og.png">
<meta name="twitter:site" content="@tabler_ui">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta name="twitter:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<meta property="og:image" content="https://preview.tabler.io/static/og.png">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="640">
<meta property="og:site_name" content="Tabler">
<meta property="og:type" content="object">
<meta property="og:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta property="og:url" content="https://preview.tabler.io/static/og.png">
<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<!-- CSS files --> <!-- CSS files -->
<link href="./dist/css/tabler.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-flags.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-payments.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-vendors.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/demo.min.css?1692870487" rel="stylesheet"/>
<style> <style>
@import url('https://rsms.me/inter/inter.css'); @import url('https://rsms.me/inter/inter.css');
:root { :root {
@@ -55,7 +30,7 @@
</style> </style>
</head> </head>
<body > <body >
<script src="./dist/js/demo-theme.min.js?1685973381"></script> <script src="./dist/js/demo-theme.min.js?1692870487"></script>
<div class="page"> <div class="page">
<!-- Navbar --> <!-- Navbar -->
<header class="navbar navbar-expand-md d-print-none" > <header class="navbar navbar-expand-md d-print-none" >
@@ -399,6 +374,9 @@
<a class="dropdown-item" href="./tabs.html"> <a class="dropdown-item" href="./tabs.html">
Tabs Tabs
</a> </a>
<a class="dropdown-item" href="./tags.html">
Tags
</a>
<a class="dropdown-item" href="./tables.html"> <a class="dropdown-item" href="./tables.html">
Tables Tables
</a> </a>
@@ -442,6 +420,10 @@
Cookie banner Cookie banner
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span> <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a> </a>
<a class="dropdown-item" href="./chat.html">
Chat
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a>
<a class="dropdown-item" href="./activity.html"> <a class="dropdown-item" href="./activity.html">
Activity Activity
</a> </a>
@@ -580,7 +562,17 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg> <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
4231 icons 4637 icons
</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./emails.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/mail-opened -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M3 9l9 6l9 -6l-9 -6l-9 6" /><path d="M21 9v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10" /><path d="M3 19l6 -6" /><path d="M15 13l6 6" /></svg>
</span>
<span class="nav-link-title">
Email templates
</span> </span>
</a> </a>
</li> </li>
@@ -635,6 +627,37 @@
<div class="card card-lg"> <div class="card card-lg">
<div class="card-body markdown"> <div class="card-body markdown">
<h1>Changelog</h1> <h1>Changelog</h1>
<div class="mb-4">
<h2 class="mb-2">
<span>1.0.0-beta20</span> –
<small>August 24, 2023</small>
</h2>
<ul>
<li>Update <code class="language-plaintext highlighter-rouge">bootstrap</code> to v5.3.1</li>
<li>Add new <code class="language-plaintext highlighter-rouge">Chat</code> component</li>
<li>Add new <code class="language-plaintext highlighter-rouge">Tag</code> component</li>
<li>Add customizable Star Ratings component using <code class="language-plaintext highlighter-rouge">star-rating.js</code> library</li>
<li>Add new color picker component using <code class="language-plaintext highlighter-rouge">coloris.js</code> library</li>
<li>Add <code class="language-plaintext highlighter-rouge">alerts.html</code> page with example of alerts.</li>
<li>Add <code class="language-plaintext highlighter-rouge">flags.html</code> page with list of all flags</li>
<li>Add Two-Step Verification Pages</li>
<li>Add variable to configure <code class="language-plaintext highlighter-rouge">avatar-list</code> spacing</li>
<li>Unify dark mode with latest Bootstrap API and improve dark mode elements</li>
<li>Unify Box Shadows with Bootstrap Compatibility</li>
<li>Avoid SCSS color dependency on <code class="language-plaintext highlighter-rouge">:focus</code></li>
<li>Update CSS class from <code class="language-plaintext highlighter-rouge">text-muted</code> to <code class="language-plaintext highlighter-rouge">text-secondary</code> for better Bootstrap compatibility</li>
<li>Fix text color in dark version of navbar</li>
<li>Adjusting form element sizes for enhanced mobile devices compatibility</li>
<li>Resolved light dropdown issue on dark theme</li>
<li>Update Tabler Icons to version 2.32 with 48 new icons added</li>
<li>Fix table default background color</li>
<li>Fix responsiveness issue in Settings menu</li>
<li>Update required Node.js version to 18 and add <code class="language-plaintext highlighter-rouge">.nvmrc</code> file</li>
<li>Add support for changeset tool for more efficient and organized code changes</li>
<li><code class="language-plaintext highlighter-rouge">Dockerfile</code> fix</li>
<li>Switch from <code class="language-plaintext highlighter-rouge">npm</code> to <code class="language-plaintext highlighter-rouge">pnpm</code> for faster package installation</li>
</ul>
</div>
<div class="mb-4"> <div class="mb-4">
<h2 class="mb-2"> <h2 class="mb-2">
<span>1.0.0-beta19</span> – <span>1.0.0-beta19</span> –
@@ -1028,7 +1051,7 @@
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener"> <a href="./changelog.html" class="link-secondary" rel="noopener">
v1.0.0-beta19 v1.0.0-beta20
</a> </a>
</li> </li>
</ul> </ul>
@@ -1040,7 +1063,7 @@
</div> </div>
<!-- Libs JS --> <!-- Libs JS -->
<!-- Tabler Core --> <!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1685973381" defer></script> <script src="./dist/js/tabler.min.js?1692870487" defer></script>
<script src="./dist/js/demo.min.js?1685973381" defer></script> <script src="./dist/js/demo.min.js?1692870487" defer></script>
</body> </body>
</html> </html>

66
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-beta19 * @version 1.0.0-beta20
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors * Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna * Copyright 2018-2023 codecalm.net Paweł Kuna
@@ -13,37 +13,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/> <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Charts - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title> <title>Charts - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<script defer data-api="/stats/api/event" data-domain="preview.tabler.io" src="/stats/js/script.js"></script>
<meta name="msapplication-TileColor" content=""/>
<meta name="theme-color" content=""/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="mobile-web-app-capable" content="yes"/>
<meta name="HandheldFriendly" content="True"/>
<meta name="MobileOptimized" content="320"/>
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<meta name="description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!"/>
<meta name="canonical" content="https://preview.tabler.io/charts.html">
<meta name="twitter:image:src" content="https://preview.tabler.io/static/og.png">
<meta name="twitter:site" content="@tabler_ui">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta name="twitter:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<meta property="og:image" content="https://preview.tabler.io/static/og.png">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="640">
<meta property="og:site_name" content="Tabler">
<meta property="og:type" content="object">
<meta property="og:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta property="og:url" content="https://preview.tabler.io/static/og.png">
<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<!-- CSS files --> <!-- CSS files -->
<link href="./dist/css/tabler.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-flags.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-payments.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-vendors.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/demo.min.css?1692870487" rel="stylesheet"/>
<style> <style>
@import url('https://rsms.me/inter/inter.css'); @import url('https://rsms.me/inter/inter.css');
:root { :root {
@@ -55,7 +30,7 @@
</style> </style>
</head> </head>
<body > <body >
<script src="./dist/js/demo-theme.min.js?1685973381"></script> <script src="./dist/js/demo-theme.min.js?1692870487"></script>
<div class="page"> <div class="page">
<!-- Navbar --> <!-- Navbar -->
<header class="navbar navbar-expand-md d-print-none" > <header class="navbar navbar-expand-md d-print-none" >
@@ -399,6 +374,9 @@
<a class="dropdown-item" href="./tabs.html"> <a class="dropdown-item" href="./tabs.html">
Tabs Tabs
</a> </a>
<a class="dropdown-item" href="./tags.html">
Tags
</a>
<a class="dropdown-item" href="./tables.html"> <a class="dropdown-item" href="./tables.html">
Tables Tables
</a> </a>
@@ -442,6 +420,10 @@
Cookie banner Cookie banner
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span> <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a> </a>
<a class="dropdown-item" href="./chat.html">
Chat
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a>
<a class="dropdown-item" href="./activity.html"> <a class="dropdown-item" href="./activity.html">
Activity Activity
</a> </a>
@@ -580,7 +562,17 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg> <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
4231 icons 4637 icons
</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./emails.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/mail-opened -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M3 9l9 6l9 -6l-9 -6l-9 6" /><path d="M21 9v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10" /><path d="M3 19l6 -6" /><path d="M15 13l6 6" /></svg>
</span>
<span class="nav-link-title">
Email templates
</span> </span>
</a> </a>
</li> </li>
@@ -901,7 +893,7 @@
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener"> <a href="./changelog.html" class="link-secondary" rel="noopener">
v1.0.0-beta19 v1.0.0-beta20
</a> </a>
</li> </li>
</ul> </ul>
@@ -912,10 +904,10 @@
</div> </div>
</div> </div>
<!-- Libs JS --> <!-- Libs JS -->
<script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1685973381" defer></script> <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1692870487" defer></script>
<!-- Tabler Core --> <!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1685973381" defer></script> <script src="./dist/js/tabler.min.js?1692870487" defer></script>
<script src="./dist/js/demo.min.js?1685973381" defer></script> <script src="./dist/js/demo.min.js?1692870487" defer></script>
<script> <script>
// @formatter:off // @formatter:off
document.addEventListener("DOMContentLoaded", function () { document.addEventListener("DOMContentLoaded", function () {

1064
demo/chat.html Normal file
View File

File diff suppressed because it is too large Load Diff

68
demo/colorpicker.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-beta19 * @version 1.0.0-beta20
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors * Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna * Copyright 2018-2023 codecalm.net Paweł Kuna
@@ -13,38 +13,13 @@
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/> <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Color picker - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title> <title>Color picker - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<script defer data-api="/stats/api/event" data-domain="preview.tabler.io" src="/stats/js/script.js"></script>
<meta name="msapplication-TileColor" content=""/>
<meta name="theme-color" content=""/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="mobile-web-app-capable" content="yes"/>
<meta name="HandheldFriendly" content="True"/>
<meta name="MobileOptimized" content="320"/>
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<meta name="description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!"/>
<meta name="canonical" content="https://preview.tabler.io/colorpicker.html">
<meta name="twitter:image:src" content="https://preview.tabler.io/static/og.png">
<meta name="twitter:site" content="@tabler_ui">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta name="twitter:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<meta property="og:image" content="https://preview.tabler.io/static/og.png">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="640">
<meta property="og:site_name" content="Tabler">
<meta property="og:type" content="object">
<meta property="og:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta property="og:url" content="https://preview.tabler.io/static/og.png">
<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<!-- CSS files --> <!-- CSS files -->
<link href="./dist/libs/melloware/coloris/dist/coloris.min.css?1685973381" rel="stylesheet"/> <link href="./dist/libs/melloware/coloris/dist/coloris.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-flags.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-payments.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-vendors.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/demo.min.css?1692870487" rel="stylesheet"/>
<style> <style>
@import url('https://rsms.me/inter/inter.css'); @import url('https://rsms.me/inter/inter.css');
:root { :root {
@@ -56,7 +31,7 @@
</style> </style>
</head> </head>
<body > <body >
<script src="./dist/js/demo-theme.min.js?1685973381"></script> <script src="./dist/js/demo-theme.min.js?1692870487"></script>
<div class="page"> <div class="page">
<!-- Navbar --> <!-- Navbar -->
<header class="navbar navbar-expand-md d-print-none" > <header class="navbar navbar-expand-md d-print-none" >
@@ -400,6 +375,9 @@
<a class="dropdown-item" href="./tabs.html"> <a class="dropdown-item" href="./tabs.html">
Tabs Tabs
</a> </a>
<a class="dropdown-item" href="./tags.html">
Tags
</a>
<a class="dropdown-item" href="./tables.html"> <a class="dropdown-item" href="./tables.html">
Tables Tables
</a> </a>
@@ -443,6 +421,10 @@
Cookie banner Cookie banner
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span> <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a> </a>
<a class="dropdown-item" href="./chat.html">
Chat
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a>
<a class="dropdown-item" href="./activity.html"> <a class="dropdown-item" href="./activity.html">
Activity Activity
</a> </a>
@@ -581,7 +563,17 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg> <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
4231 icons 4637 icons
</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./emails.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/mail-opened -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M3 9l9 6l9 -6l-9 -6l-9 6" /><path d="M21 9v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10" /><path d="M3 19l6 -6" /><path d="M15 13l6 6" /></svg>
</span>
<span class="nav-link-title">
Email templates
</span> </span>
</a> </a>
</li> </li>
@@ -738,7 +730,7 @@
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener"> <a href="./changelog.html" class="link-secondary" rel="noopener">
v1.0.0-beta19 v1.0.0-beta20
</a> </a>
</li> </li>
</ul> </ul>
@@ -749,10 +741,10 @@
</div> </div>
</div> </div>
<!-- Libs JS --> <!-- Libs JS -->
<script src="./dist/libs/melloware/coloris/dist/umd/coloris.min.js?1685973381" defer></script> <script src="./dist/libs/melloware/coloris/dist/umd/coloris.min.js?1692870487" defer></script>
<!-- Tabler Core --> <!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1685973381" defer></script> <script src="./dist/js/tabler.min.js?1692870487" defer></script>
<script src="./dist/js/demo.min.js?1685973381" defer></script> <script src="./dist/js/demo.min.js?1692870487" defer></script>
<script> <script>
// @formatter:off // @formatter:off
document.addEventListener("DOMContentLoaded", function () { document.addEventListener("DOMContentLoaded", function () {

64
demo/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-beta19 * @version 1.0.0-beta20
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors * Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna * Copyright 2018-2023 codecalm.net Paweł Kuna
@@ -13,37 +13,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/> <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Colors - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title> <title>Colors - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<script defer data-api="/stats/api/event" data-domain="preview.tabler.io" src="/stats/js/script.js"></script>
<meta name="msapplication-TileColor" content=""/>
<meta name="theme-color" content=""/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="mobile-web-app-capable" content="yes"/>
<meta name="HandheldFriendly" content="True"/>
<meta name="MobileOptimized" content="320"/>
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<meta name="description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!"/>
<meta name="canonical" content="https://preview.tabler.io/colors.html">
<meta name="twitter:image:src" content="https://preview.tabler.io/static/og.png">
<meta name="twitter:site" content="@tabler_ui">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta name="twitter:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<meta property="og:image" content="https://preview.tabler.io/static/og.png">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="640">
<meta property="og:site_name" content="Tabler">
<meta property="og:type" content="object">
<meta property="og:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta property="og:url" content="https://preview.tabler.io/static/og.png">
<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<!-- CSS files --> <!-- CSS files -->
<link href="./dist/css/tabler.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-flags.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-payments.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-vendors.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/demo.min.css?1692870487" rel="stylesheet"/>
<style> <style>
@import url('https://rsms.me/inter/inter.css'); @import url('https://rsms.me/inter/inter.css');
:root { :root {
@@ -55,7 +30,7 @@
</style> </style>
</head> </head>
<body > <body >
<script src="./dist/js/demo-theme.min.js?1685973381"></script> <script src="./dist/js/demo-theme.min.js?1692870487"></script>
<div class="page"> <div class="page">
<!-- Navbar --> <!-- Navbar -->
<header class="navbar navbar-expand-md d-print-none" > <header class="navbar navbar-expand-md d-print-none" >
@@ -399,6 +374,9 @@
<a class="dropdown-item" href="./tabs.html"> <a class="dropdown-item" href="./tabs.html">
Tabs Tabs
</a> </a>
<a class="dropdown-item" href="./tags.html">
Tags
</a>
<a class="dropdown-item" href="./tables.html"> <a class="dropdown-item" href="./tables.html">
Tables Tables
</a> </a>
@@ -442,6 +420,10 @@
Cookie banner Cookie banner
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span> <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a> </a>
<a class="dropdown-item" href="./chat.html">
Chat
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a>
<a class="dropdown-item" href="./activity.html"> <a class="dropdown-item" href="./activity.html">
Activity Activity
</a> </a>
@@ -580,7 +562,17 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg> <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
4231 icons 4637 icons
</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./emails.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/mail-opened -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M3 9l9 6l9 -6l-9 -6l-9 6" /><path d="M21 9v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10" /><path d="M3 19l6 -6" /><path d="M15 13l6 6" /></svg>
</span>
<span class="nav-link-title">
Email templates
</span> </span>
</a> </a>
</li> </li>
@@ -970,7 +962,7 @@
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener"> <a href="./changelog.html" class="link-secondary" rel="noopener">
v1.0.0-beta19 v1.0.0-beta20
</a> </a>
</li> </li>
</ul> </ul>
@@ -982,7 +974,7 @@
</div> </div>
<!-- Libs JS --> <!-- Libs JS -->
<!-- Tabler Core --> <!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1685973381" defer></script> <script src="./dist/js/tabler.min.js?1692870487" defer></script>
<script src="./dist/js/demo.min.js?1685973381" defer></script> <script src="./dist/js/demo.min.js?1692870487" defer></script>
</body> </body>
</html> </html>

64
demo/cookie-banner.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-beta19 * @version 1.0.0-beta20
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors * Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna * Copyright 2018-2023 codecalm.net Paweł Kuna
@@ -13,37 +13,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/> <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Cookie banner - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title> <title>Cookie banner - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<script defer data-api="/stats/api/event" data-domain="preview.tabler.io" src="/stats/js/script.js"></script>
<meta name="msapplication-TileColor" content=""/>
<meta name="theme-color" content=""/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="mobile-web-app-capable" content="yes"/>
<meta name="HandheldFriendly" content="True"/>
<meta name="MobileOptimized" content="320"/>
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<meta name="description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!"/>
<meta name="canonical" content="https://preview.tabler.io/cookie-banner.html">
<meta name="twitter:image:src" content="https://preview.tabler.io/static/og.png">
<meta name="twitter:site" content="@tabler_ui">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta name="twitter:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<meta property="og:image" content="https://preview.tabler.io/static/og.png">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="640">
<meta property="og:site_name" content="Tabler">
<meta property="og:type" content="object">
<meta property="og:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta property="og:url" content="https://preview.tabler.io/static/og.png">
<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<!-- CSS files --> <!-- CSS files -->
<link href="./dist/css/tabler.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-flags.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-payments.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-vendors.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/demo.min.css?1692870487" rel="stylesheet"/>
<style> <style>
@import url('https://rsms.me/inter/inter.css'); @import url('https://rsms.me/inter/inter.css');
:root { :root {
@@ -55,7 +30,7 @@
</style> </style>
</head> </head>
<body > <body >
<script src="./dist/js/demo-theme.min.js?1685973381"></script> <script src="./dist/js/demo-theme.min.js?1692870487"></script>
<div class="page"> <div class="page">
<!-- Navbar --> <!-- Navbar -->
<header class="navbar navbar-expand-md d-print-none" > <header class="navbar navbar-expand-md d-print-none" >
@@ -399,6 +374,9 @@
<a class="dropdown-item" href="./tabs.html"> <a class="dropdown-item" href="./tabs.html">
Tabs Tabs
</a> </a>
<a class="dropdown-item" href="./tags.html">
Tags
</a>
<a class="dropdown-item" href="./tables.html"> <a class="dropdown-item" href="./tables.html">
Tables Tables
</a> </a>
@@ -442,6 +420,10 @@
Cookie banner Cookie banner
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span> <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a> </a>
<a class="dropdown-item" href="./chat.html">
Chat
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a>
<a class="dropdown-item" href="./activity.html"> <a class="dropdown-item" href="./activity.html">
Activity Activity
</a> </a>
@@ -580,7 +562,17 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg> <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
4231 icons 4637 icons
</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./emails.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/mail-opened -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M3 9l9 6l9 -6l-9 -6l-9 6" /><path d="M21 9v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10" /><path d="M3 19l6 -6" /><path d="M15 13l6 6" /></svg>
</span>
<span class="nav-link-title">
Email templates
</span> </span>
</a> </a>
</li> </li>
@@ -691,7 +683,7 @@
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener"> <a href="./changelog.html" class="link-secondary" rel="noopener">
v1.0.0-beta19 v1.0.0-beta20
</a> </a>
</li> </li>
</ul> </ul>
@@ -703,7 +695,7 @@
</div> </div>
<!-- Libs JS --> <!-- Libs JS -->
<!-- Tabler Core --> <!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1685973381" defer></script> <script src="./dist/js/tabler.min.js?1692870487" defer></script>
<script src="./dist/js/demo.min.js?1685973381" defer></script> <script src="./dist/js/demo.min.js?1692870487" defer></script>
</body> </body>
</html> </html>

64
demo/datagrid.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-beta19 * @version 1.0.0-beta20
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors * Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna * Copyright 2018-2023 codecalm.net Paweł Kuna
@@ -13,37 +13,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/> <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Data grid - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title> <title>Data grid - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<script defer data-api="/stats/api/event" data-domain="preview.tabler.io" src="/stats/js/script.js"></script>
<meta name="msapplication-TileColor" content=""/>
<meta name="theme-color" content=""/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="mobile-web-app-capable" content="yes"/>
<meta name="HandheldFriendly" content="True"/>
<meta name="MobileOptimized" content="320"/>
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<meta name="description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!"/>
<meta name="canonical" content="https://preview.tabler.io/datagrid.html">
<meta name="twitter:image:src" content="https://preview.tabler.io/static/og.png">
<meta name="twitter:site" content="@tabler_ui">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta name="twitter:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<meta property="og:image" content="https://preview.tabler.io/static/og.png">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="640">
<meta property="og:site_name" content="Tabler">
<meta property="og:type" content="object">
<meta property="og:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta property="og:url" content="https://preview.tabler.io/static/og.png">
<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<!-- CSS files --> <!-- CSS files -->
<link href="./dist/css/tabler.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-flags.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-payments.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-vendors.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/demo.min.css?1692870487" rel="stylesheet"/>
<style> <style>
@import url('https://rsms.me/inter/inter.css'); @import url('https://rsms.me/inter/inter.css');
:root { :root {
@@ -55,7 +30,7 @@
</style> </style>
</head> </head>
<body > <body >
<script src="./dist/js/demo-theme.min.js?1685973381"></script> <script src="./dist/js/demo-theme.min.js?1692870487"></script>
<div class="page"> <div class="page">
<!-- Navbar --> <!-- Navbar -->
<header class="navbar navbar-expand-md d-print-none" > <header class="navbar navbar-expand-md d-print-none" >
@@ -399,6 +374,9 @@
<a class="dropdown-item" href="./tabs.html"> <a class="dropdown-item" href="./tabs.html">
Tabs Tabs
</a> </a>
<a class="dropdown-item" href="./tags.html">
Tags
</a>
<a class="dropdown-item" href="./tables.html"> <a class="dropdown-item" href="./tables.html">
Tables Tables
</a> </a>
@@ -442,6 +420,10 @@
Cookie banner Cookie banner
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span> <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a> </a>
<a class="dropdown-item" href="./chat.html">
Chat
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a>
<a class="dropdown-item" href="./activity.html"> <a class="dropdown-item" href="./activity.html">
Activity Activity
</a> </a>
@@ -580,7 +562,17 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg> <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
4231 icons 4637 icons
</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./emails.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/mail-opened -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M3 9l9 6l9 -6l-9 -6l-9 6" /><path d="M21 9v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10" /><path d="M3 19l6 -6" /><path d="M15 13l6 6" /></svg>
</span>
<span class="nav-link-title">
Email templates
</span> </span>
</a> </a>
</li> </li>
@@ -758,7 +750,7 @@
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener"> <a href="./changelog.html" class="link-secondary" rel="noopener">
v1.0.0-beta19 v1.0.0-beta20
</a> </a>
</li> </li>
</ul> </ul>
@@ -770,7 +762,7 @@
</div> </div>
<!-- Libs JS --> <!-- Libs JS -->
<!-- Tabler Core --> <!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1685973381" defer></script> <script src="./dist/js/tabler.min.js?1692870487" defer></script>
<script src="./dist/js/demo.min.js?1685973381" defer></script> <script src="./dist/js/demo.min.js?1692870487" defer></script>
</body> </body>
</html> </html>

66
demo/datatables.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-beta19 * @version 1.0.0-beta20
* @link https://tabler.io * @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors * Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna * Copyright 2018-2023 codecalm.net Paweł Kuna
@@ -13,37 +13,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/> <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Datatables - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title> <title>Datatables - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<script defer data-api="/stats/api/event" data-domain="preview.tabler.io" src="/stats/js/script.js"></script>
<meta name="msapplication-TileColor" content=""/>
<meta name="theme-color" content=""/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="mobile-web-app-capable" content="yes"/>
<meta name="HandheldFriendly" content="True"/>
<meta name="MobileOptimized" content="320"/>
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<meta name="description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!"/>
<meta name="canonical" content="https://preview.tabler.io/datatables.html">
<meta name="twitter:image:src" content="https://preview.tabler.io/static/og.png">
<meta name="twitter:site" content="@tabler_ui">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta name="twitter:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<meta property="og:image" content="https://preview.tabler.io/static/og.png">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="640">
<meta property="og:site_name" content="Tabler">
<meta property="og:type" content="object">
<meta property="og:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
<meta property="og:url" content="https://preview.tabler.io/static/og.png">
<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<!-- CSS files --> <!-- CSS files -->
<link href="./dist/css/tabler.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-flags.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-payments.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/tabler-vendors.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/tabler-vendors.min.css?1692870487" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1685973381" rel="stylesheet"/> <link href="./dist/css/demo.min.css?1692870487" rel="stylesheet"/>
<style> <style>
@import url('https://rsms.me/inter/inter.css'); @import url('https://rsms.me/inter/inter.css');
:root { :root {
@@ -55,7 +30,7 @@
</style> </style>
</head> </head>
<body > <body >
<script src="./dist/js/demo-theme.min.js?1685973381"></script> <script src="./dist/js/demo-theme.min.js?1692870487"></script>
<div class="page"> <div class="page">
<!-- Navbar --> <!-- Navbar -->
<header class="navbar navbar-expand-md d-print-none" > <header class="navbar navbar-expand-md d-print-none" >
@@ -399,6 +374,9 @@
<a class="dropdown-item" href="./tabs.html"> <a class="dropdown-item" href="./tabs.html">
Tabs Tabs
</a> </a>
<a class="dropdown-item" href="./tags.html">
Tags
</a>
<a class="dropdown-item" href="./tables.html"> <a class="dropdown-item" href="./tables.html">
Tables Tables
</a> </a>
@@ -442,6 +420,10 @@
Cookie banner Cookie banner
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span> <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a> </a>
<a class="dropdown-item" href="./chat.html">
Chat
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a>
<a class="dropdown-item" href="./activity.html"> <a class="dropdown-item" href="./activity.html">
Activity Activity
</a> </a>
@@ -580,7 +562,17 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg> <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
</span> </span>
<span class="nav-link-title"> <span class="nav-link-title">
4231 icons 4637 icons
</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./emails.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/mail-opened -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="M3 9l9 6l9 -6l-9 -6l-9 6" /><path d="M21 9v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10" /><path d="M3 19l6 -6" /><path d="M15 13l6 6" /></svg>
</span>
<span class="nav-link-title">
Email templates
</span> </span>
</a> </a>
</li> </li>
@@ -991,7 +983,7 @@
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener"> <a href="./changelog.html" class="link-secondary" rel="noopener">
v1.0.0-beta19 v1.0.0-beta20
</a> </a>
</li> </li>
</ul> </ul>
@@ -1002,10 +994,10 @@
</div> </div>
</div> </div>
<!-- Libs JS --> <!-- Libs JS -->
<script src="./dist/libs/list.js/dist/list.min.js?1685973381" defer></script> <script src="./dist/libs/list.js/dist/list.min.js?1692870487" defer></script>
<!-- Tabler Core --> <!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1685973381" defer></script> <script src="./dist/js/tabler.min.js?1692870487" defer></script>
<script src="./dist/js/demo.min.js?1685973381" defer></script> <script src="./dist/js/demo.min.js?1692870487" defer></script>
<script> <script>
document.addEventListener("DOMContentLoaded", function() { document.addEventListener("DOMContentLoaded", function() {
const list = new List('table-default', { const list = new List('table-default', {

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

@@ -1,139 +0,0 @@
/*!
* Tabler v1.0.0-beta19 (https://tabler.io)
* @version 1.0.0-beta19
* @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/
/* prettier-ignore */
/* prettier-ignore */
pre.highlight,
.highlight pre {
max-height: 30rem;
margin: 1.5rem 0;
overflow: auto;
border-radius: var(--tblr-border-radius);
}
pre.highlight,
.highlight pre {
scrollbar-color: rgba(var(--tblr-scrollbar-color, var(--tblr-body-color-rgb)), 0.16) transparent;
}
pre.highlight::-webkit-scrollbar,
.highlight pre::-webkit-scrollbar {
width: 1rem;
height: 1rem;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
@media (prefers-reduced-motion: reduce) {
pre.highlight::-webkit-scrollbar,
.highlight pre::-webkit-scrollbar {
-webkit-transition: none;
transition: none;
}
}
pre.highlight::-webkit-scrollbar-thumb,
.highlight pre::-webkit-scrollbar-thumb {
border-radius: 1rem;
border: 5px solid transparent;
box-shadow: inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color, var(--tblr-body-color-rgb)), 0.16);
}
pre.highlight::-webkit-scrollbar-track,
.highlight pre::-webkit-scrollbar-track {
background: transparent;
}
pre.highlight:hover::-webkit-scrollbar-thumb,
.highlight pre:hover::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color, var(--tblr-body-color-rgb)), 0.32);
}
pre.highlight::-webkit-scrollbar-corner,
.highlight pre::-webkit-scrollbar-corner {
background: transparent;
}
.highlight {
margin: 0;
}
.highlight code > * {
margin: 0 !important;
padding: 0 !important;
}
.highlight .nc, .highlight .nx {
color: #ff8383;
}
.highlight .p {
color: #ffe484;
}
.highlight .s, .highlight .dl, .highlight .s2 {
color: #b5f4a5;
}
.highlight .k {
color: #93ddfd;
}
.highlight .mi {
color: #d9a9ff;
}
.example {
padding: 2rem;
margin: 1rem 0 2rem;
border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
border-radius: 3px 3px 0 0;
position: relative;
min-height: 12rem;
display: flex;
align-items: center;
overflow-x: auto;
}
.card-sponsor {
background: var(--tblr-primary-lt) no-repeat center/100% 100%;
border-color: var(--tblr-primary);
min-height: 316px;
}
.dropdown-menu-demo {
display: inline-block;
width: 100%;
position: relative;
top: 0;
margin-bottom: 1rem !important;
}
.demo-icons-list {
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0 -2px -1px 0;
list-style: none;
}
.demo-icons-list > * {
flex: 1 0 4rem;
}
.demo-icons-list-wrap {
overflow: hidden;
}
.demo-icons-list-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
aspect-ratio: 1;
text-align: center;
padding: 0.5rem;
border-right: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
color: inherit;
cursor: pointer;
}
.demo-icons-list-item .icon {
width: 1.5rem;
height: 1.5rem;
font-size: 1.5rem;
}
.demo-icons-list-item:hover {
text-decoration: none;
}

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

@@ -1,9 +0,0 @@
/*!
* Tabler v1.0.0-beta19 (https://tabler.io)
* @version 1.0.0-beta19
* @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/
.highlight pre,pre.highlight{max-height:30rem;margin:1.5rem 0;overflow:auto;border-radius:var(--tblr-border-radius)}.highlight pre,pre.highlight{scrollbar-color:rgba(var(--tblr-scrollbar-color,var(--tblr-body-color-rgb)),.16) transparent}.highlight pre::-webkit-scrollbar,pre.highlight::-webkit-scrollbar{width:1rem;height:1rem;-webkit-transition:background .3s;transition:background .3s}@media (prefers-reduced-motion:reduce){.highlight pre::-webkit-scrollbar,pre.highlight::-webkit-scrollbar{-webkit-transition:none;transition:none}}.highlight pre::-webkit-scrollbar-thumb,pre.highlight::-webkit-scrollbar-thumb{border-radius:1rem;border:5px solid transparent;box-shadow:inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color,var(--tblr-body-color-rgb)),.16)}.highlight pre::-webkit-scrollbar-track,pre.highlight::-webkit-scrollbar-track{background:0 0}.highlight pre:hover::-webkit-scrollbar-thumb,pre.highlight:hover::-webkit-scrollbar-thumb{box-shadow:inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color,var(--tblr-body-color-rgb)),.32)}.highlight pre::-webkit-scrollbar-corner,pre.highlight::-webkit-scrollbar-corner{background:0 0}.highlight{margin:0}.highlight code>*{margin:0!important;padding:0!important}.highlight .nc,.highlight .nx{color:#ff8383}.highlight .p{color:#ffe484}.highlight .dl,.highlight .s,.highlight .s2{color:#b5f4a5}.highlight .k{color:#93ddfd}.highlight .mi{color:#d9a9ff}.example{padding:2rem;margin:1rem 0 2rem;border:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);border-radius:3px 3px 0 0;position:relative;min-height:12rem;display:flex;align-items:center;overflow-x:auto}.card-sponsor{background:var(--tblr-primary-lt) no-repeat center/100% 100%;border-color:var(--tblr-primary);min-height:316px}.dropdown-menu-demo{display:inline-block;width:100%;position:relative;top:0;margin-bottom:1rem!important}.demo-icons-list{display:flex;flex-wrap:wrap;padding:0;margin:0 -2px -1px 0;list-style:none}.demo-icons-list>*{flex:1 0 4rem}.demo-icons-list-wrap{overflow:hidden}.demo-icons-list-item{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;text-align:center;padding:.5rem;border-right:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);border-bottom:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);color:inherit;cursor:pointer}.demo-icons-list-item .icon{width:1.5rem;height:1.5rem;font-size:1.5rem}.demo-icons-list-item:hover{text-decoration:none}

139
demo/dist/css/css/demo.rtl.css vendored
View File

@@ -1,139 +0,0 @@
/*!
* Tabler v1.0.0-beta19 (https://tabler.io)
* @version 1.0.0-beta19
* @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/
/* prettier-ignore */
/* prettier-ignore */
pre.highlight,
.highlight pre {
max-height: 30rem;
margin: 1.5rem 0;
overflow: auto;
border-radius: var(--tblr-border-radius);
}
pre.highlight,
.highlight pre {
scrollbar-color: rgba(var(--tblr-scrollbar-color, var(--tblr-body-color-rgb)), 0.16) transparent;
}
pre.highlight::-webkit-scrollbar,
.highlight pre::-webkit-scrollbar {
width: 1rem;
height: 1rem;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
@media (prefers-reduced-motion: reduce) {
pre.highlight::-webkit-scrollbar,
.highlight pre::-webkit-scrollbar {
-webkit-transition: none;
transition: none;
}
}
pre.highlight::-webkit-scrollbar-thumb,
.highlight pre::-webkit-scrollbar-thumb {
border-radius: 1rem;
border: 5px solid transparent;
box-shadow: inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color, var(--tblr-body-color-rgb)), 0.16);
}
pre.highlight::-webkit-scrollbar-track,
.highlight pre::-webkit-scrollbar-track {
background: transparent;
}
pre.highlight:hover::-webkit-scrollbar-thumb,
.highlight pre:hover::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color, var(--tblr-body-color-rgb)), 0.32);
}
pre.highlight::-webkit-scrollbar-corner,
.highlight pre::-webkit-scrollbar-corner {
background: transparent;
}
.highlight {
margin: 0;
}
.highlight code > * {
margin: 0 !important;
padding: 0 !important;
}
.highlight .nc, .highlight .nx {
color: #ff8383;
}
.highlight .p {
color: #ffe484;
}
.highlight .s, .highlight .dl, .highlight .s2 {
color: #b5f4a5;
}
.highlight .k {
color: #93ddfd;
}
.highlight .mi {
color: #d9a9ff;
}
.example {
padding: 2rem;
margin: 1rem 0 2rem;
border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
border-radius: 3px 3px 0 0;
position: relative;
min-height: 12rem;
display: flex;
align-items: center;
overflow-x: auto;
}
.card-sponsor {
background: var(--tblr-primary-lt) no-repeat center/100% 100%;
border-color: var(--tblr-primary);
min-height: 316px;
}
.dropdown-menu-demo {
display: inline-block;
width: 100%;
position: relative;
top: 0;
margin-bottom: 1rem !important;
}
.demo-icons-list {
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0 0 -1px -2px;
list-style: none;
}
.demo-icons-list > * {
flex: 1 0 4rem;
}
.demo-icons-list-wrap {
overflow: hidden;
}
.demo-icons-list-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
aspect-ratio: 1;
text-align: center;
padding: 0.5rem;
border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
color: inherit;
cursor: pointer;
}
.demo-icons-list-item .icon {
width: 1.5rem;
height: 1.5rem;
font-size: 1.5rem;
}
.demo-icons-list-item:hover {
text-decoration: none;
}

9
demo/dist/css/css/demo.rtl.min.css vendored
View File

@@ -1,9 +0,0 @@
/*!
* Tabler v1.0.0-beta19 (https://tabler.io)
* @version 1.0.0-beta19
* @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/
.highlight pre,pre.highlight{max-height:30rem;margin:1.5rem 0;overflow:auto;border-radius:var(--tblr-border-radius)}.highlight pre,pre.highlight{scrollbar-color:rgba(var(--tblr-scrollbar-color,var(--tblr-body-color-rgb)),.16) transparent}.highlight pre::-webkit-scrollbar,pre.highlight::-webkit-scrollbar{width:1rem;height:1rem;-webkit-transition:background .3s;transition:background .3s}@media (prefers-reduced-motion:reduce){.highlight pre::-webkit-scrollbar,pre.highlight::-webkit-scrollbar{-webkit-transition:none;transition:none}}.highlight pre::-webkit-scrollbar-thumb,pre.highlight::-webkit-scrollbar-thumb{border-radius:1rem;border:5px solid transparent;box-shadow:inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color,var(--tblr-body-color-rgb)),.16)}.highlight pre::-webkit-scrollbar-track,pre.highlight::-webkit-scrollbar-track{background:0 0}.highlight pre:hover::-webkit-scrollbar-thumb,pre.highlight:hover::-webkit-scrollbar-thumb{box-shadow:inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color,var(--tblr-body-color-rgb)),.32)}.highlight pre::-webkit-scrollbar-corner,pre.highlight::-webkit-scrollbar-corner{background:0 0}.highlight{margin:0}.highlight code>*{margin:0!important;padding:0!important}.highlight .nc,.highlight .nx{color:#ff8383}.highlight .p{color:#ffe484}.highlight .dl,.highlight .s,.highlight .s2{color:#b5f4a5}.highlight .k{color:#93ddfd}.highlight .mi{color:#d9a9ff}.example{padding:2rem;margin:1rem 0 2rem;border:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);border-radius:3px 3px 0 0;position:relative;min-height:12rem;display:flex;align-items:center;overflow-x:auto}.card-sponsor{background:var(--tblr-primary-lt) no-repeat center/100% 100%;border-color:var(--tblr-primary);min-height:316px}.dropdown-menu-demo{display:inline-block;width:100%;position:relative;top:0;margin-bottom:1rem!important}.demo-icons-list{display:flex;flex-wrap:wrap;padding:0;margin:0 0 -1px -2px;list-style:none}.demo-icons-list>*{flex:1 0 4rem}.demo-icons-list-wrap{overflow:hidden}.demo-icons-list-item{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;text-align:center;padding:.5rem;border-left:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);border-bottom:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);color:inherit;cursor:pointer}.demo-icons-list-item .icon{width:1.5rem;height:1.5rem;font-size:1.5rem}.demo-icons-list-item:hover{text-decoration:none}

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

File diff suppressed because it is too large Load Diff

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

File diff suppressed because one or more lines are too long

1056
demo/dist/css/css/tabler-flags.rtl.css vendored
View File

File diff suppressed because it is too large Load Diff

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

File diff suppressed because one or more lines are too long

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

@@ -1,37 +0,0 @@
/*!
* Tabler v1.0.0-beta19 (https://tabler.io)
* @version 1.0.0-beta19
* @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/
/* prettier-ignore */
/* prettier-ignore */
.payment {
width: 3.33332rem;
height: 2rem;
display: inline-block;
background: no-repeat center/100% 100%;
vertical-align: bottom;
font-style: normal;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
border-radius: 2px;
}
.payment-provider-mastercard {
background-image: url("../img/payments/mastercard.svg");
}
.payment-provider-paypal {
background-image: url("../img/payments/paypal.svg");
}
.payment-provider-visa {
background-image: url("../img/payments/visa.svg");
}
.payment-xs {
width: 2.49999rem;
height: 1.5rem;
}

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

@@ -1,9 +0,0 @@
/*!
* Tabler v1.0.0-beta19 (https://tabler.io)
* @version 1.0.0-beta19
* @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/
.payment{width:3.33332rem;height:2rem;display:inline-block;background:no-repeat center/100% 100%;vertical-align:bottom;font-style:normal;box-shadow:0 0 1px 1px rgba(0,0,0,.1);border-radius:2px}.payment-provider-mastercard{background-image:url(../img/payments/mastercard.svg)}.payment-provider-paypal{background-image:url(../img/payments/paypal.svg)}.payment-provider-visa{background-image:url(../img/payments/visa.svg)}.payment-xs{width:2.49999rem;height:1.5rem}

37
demo/dist/css/css/tabler-payments.rtl.css vendored
View File

@@ -1,37 +0,0 @@
/*!
* Tabler v1.0.0-beta19 (https://tabler.io)
* @version 1.0.0-beta19
* @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/
/* prettier-ignore */
/* prettier-ignore */
.payment {
width: 3.33332rem;
height: 2rem;
display: inline-block;
background: no-repeat center/100% 100%;
vertical-align: bottom;
font-style: normal;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
border-radius: 2px;
}
.payment-provider-mastercard {
background-image: url("../img/payments/mastercard.svg");
}
.payment-provider-paypal {
background-image: url("../img/payments/paypal.svg");
}
.payment-provider-visa {
background-image: url("../img/payments/visa.svg");
}
.payment-xs {
width: 2.49999rem;
height: 1.5rem;
}

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

@@ -1,9 +0,0 @@
/*!
* Tabler v1.0.0-beta19 (https://tabler.io)
* @version 1.0.0-beta19
* @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/
.payment{width:3.33332rem;height:2rem;display:inline-block;background:no-repeat center/100% 100%;vertical-align:bottom;font-style:normal;box-shadow:0 0 1px 1px rgba(0,0,0,.1);border-radius:2px}.payment-provider-mastercard{background-image:url(../img/payments/mastercard.svg)}.payment-provider-paypal{background-image:url(../img/payments/paypal.svg)}.payment-provider-visa{background-image:url(../img/payments/visa.svg)}.payment-xs{width:2.49999rem;height:1.5rem}

10
demo/dist/css/css/tabler-social.css vendored
View File

@@ -1,10 +0,0 @@
/*!
* Tabler v1.0.0-beta19 (https://tabler.io)
* @version 1.0.0-beta19
* @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/
/* prettier-ignore */
/* prettier-ignore */

8
demo/dist/css/css/tabler-social.min.css vendored
View File

@@ -1,8 +0,0 @@
/*!
* Tabler v1.0.0-beta19 (https://tabler.io)
* @version 1.0.0-beta19
* @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/

10
demo/dist/css/css/tabler-social.rtl.css vendored
View File

@@ -1,10 +0,0 @@
/*!
* Tabler v1.0.0-beta19 (https://tabler.io)
* @version 1.0.0-beta19
* @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/
/* prettier-ignore */
/* prettier-ignore */

8
demo/dist/css/css/tabler-social.rtl.min.css vendored
View File

@@ -1,8 +0,0 @@
/*!
* Tabler v1.0.0-beta19 (https://tabler.io)
* @version 1.0.0-beta19
* @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/

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

@@ -1,172 +0,0 @@
/*!
* Tabler v1.0.0-beta19 (https://tabler.io)
* @version 1.0.0-beta19
* @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/
/* prettier-ignore */
/* prettier-ignore */
/* Functional styling;
* These styles are required for noUiSlider to function.
* You don't need to change these rules to apply your design.
*/
/* Wrapper for all connect elements.
*/
/* Offset direction
*/
/* Give origins 0 height/width so they don't interfere with clicking the
* connect elements.
*/
/* Slider size and handle placement;
*/
/* Styling;
* Giving the connect element a border radius causes issues with using transform: scale
*/
/* Handles and cursors;
*/
/* Handle stripes;
*/
/* Disabled state;
*/
/* Base;
*
*/
/* Values;
*
*/
/* Markings;
*
*/
/* Horizontal layout;
*
*/
/* Vertical layout;
*
*/
.litepicker {
--litepicker-month-weekday-color: var(--tblr-secondary);
--litepicker-button-prev-month-color: var(--tblr-secondary);
--litepicker-button-next-month-color: var(--tblr-secondary);
--litepicker-button-prev-month-color-hover: var(--tblr-primary);
--litepicker-button-next-month-color-hover: var(--tblr-primary);
--litepicker-day-color: var(--tblr-body-color);
--litepicker-day-color-hover: var(--tblr-primary);
--litepicker-is-end-color-bg: var(--tblr-primary);
--litepicker-is-today-color: var(--tblr-primary);
--litepicker-month-header-color: var(--tblr-body-color);
--litepicker-container-months-color-bg: var(--tblr-bg-surface);
font: inherit;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.litepicker svg {
fill: none !important;
}
.datepicker-inline .litepicker {
box-shadow: var(--tblr-box-shadow-input);
}
/**
* Tom Select bootstrap 5
*/
/**
* tom-select.css (v//@@version)
* Copyright (c) contributors
*
* Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
* file except in compliance with the License. You may obtain a copy of the License at:
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software distributed under
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
* ANY KIND, either express or implied. See the License for the specific language
* governing permissions and limitations under the License.
*
*/
:root {
--ts-pr-clear-button: 0;
--ts-pr-caret: 0;
--ts-pr-min: .75rem;
}
@keyframes lds-dual-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.was-validated .valid {
border-color: var(--tblr-form-valid-color);
}
.was-validated .valid:not(.single) {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
background-position: right calc(0.3571428572em + 0.28125rem) center;
background-size: calc(0.7142857143em + 0.5625rem) calc(0.7142857143em + 0.5625rem);
background-repeat: no-repeat;
}
.was-validated .valid.single {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23929dab' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
background-position: right 0.75rem center, center right 2.25rem;
background-size: 16px 12px, calc(0.7142857143em + 0.5625rem) calc(0.7142857143em + 0.5625rem);
background-repeat: no-repeat;
}
:root {
--ts-pr-clear-button: 0rem;
--ts-pr-caret: 0rem;
}
svg {
touch-action: none;
}
image, text {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@keyframes jvm-line-animation {
from {
stroke-dashoffset: 250;
}
}
.dropzone {
border: var(--tblr-border-width) dashed var(--tblr-border-color);
color: var(--tblr-secondary);
padding: 1rem;
}
body {
--plyr-color-main: var(--tblr-primary);
}
:root {
--gl-star-size: auto;
--gl-star-color: var(--tblr-yellow);
--gl-star-color-inactive: var(--tblr-border-color);
}

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

@@ -1,8 +0,0 @@
/*!
* Tabler v1.0.0-beta19 (https://tabler.io)
* @version 1.0.0-beta19
* @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/.litepicker{--litepicker-month-weekday-color:var(--tblr-secondary);--litepicker-button-prev-month-color:var(--tblr-secondary);--litepicker-button-next-month-color:var(--tblr-secondary);--litepicker-button-prev-month-color-hover:var(--tblr-primary);--litepicker-button-next-month-color-hover:var(--tblr-primary);--litepicker-day-color:var(--tblr-body-color);--litepicker-day-color-hover:var(--tblr-primary);--litepicker-is-end-color-bg:var(--tblr-primary);--litepicker-is-today-color:var(--tblr-primary);--litepicker-month-header-color:var(--tblr-body-color);--litepicker-container-months-color-bg:var(--tblr-bg-surface);font:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.litepicker svg{fill:none!important}.datepicker-inline .litepicker{box-shadow:var(--tblr-box-shadow-input)}:root{--ts-pr-clear-button:0;--ts-pr-caret:0;--ts-pr-min:.75rem}@keyframes lds-dual-ring{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.was-validated .valid{border-color:var(--tblr-form-valid-color)}.was-validated .valid:not(.single){background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");background-position:right calc(.3571428572em + .28125rem) center;background-size:calc(.7142857143em + .5625rem) calc(.7142857143em + .5625rem);background-repeat:no-repeat}.was-validated .valid.single{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23929dab' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.7142857143em + .5625rem) calc(.7142857143em + .5625rem);background-repeat:no-repeat}:root{--ts-pr-clear-button:0rem;--ts-pr-caret:0rem}svg{touch-action:none}image,text{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@keyframes jvm-line-animation{from{stroke-dashoffset:250}}.dropzone{border:var(--tblr-border-width) dashed var(--tblr-border-color);color:var(--tblr-secondary);padding:1rem}body{--plyr-color-main:var(--tblr-primary)}:root{--gl-star-size:auto;--gl-star-color:var(--tblr-yellow);--gl-star-color-inactive:var(--tblr-border-color)}

172
demo/dist/css/css/tabler-vendors.rtl.css vendored
View File

@@ -1,172 +0,0 @@
/*!
* Tabler v1.0.0-beta19 (https://tabler.io)
* @version 1.0.0-beta19
* @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/
/* prettier-ignore */
/* prettier-ignore */
/* Functional styling;
* These styles are required for noUiSlider to function.
* You don't need to change these rules to apply your design.
*/
/* Wrapper for all connect elements.
*/
/* Offset direction
*/
/* Give origins 0 height/width so they don't interfere with clicking the
* connect elements.
*/
/* Slider size and handle placement;
*/
/* Styling;
* Giving the connect element a border radius causes issues with using transform: scale
*/
/* Handles and cursors;
*/
/* Handle stripes;
*/
/* Disabled state;
*/
/* Base;
*
*/
/* Values;
*
*/
/* Markings;
*
*/
/* Horizontal layout;
*
*/
/* Vertical layout;
*
*/
.litepicker {
--litepicker-month-weekday-color: var(--tblr-secondary);
--litepicker-button-prev-month-color: var(--tblr-secondary);
--litepicker-button-next-month-color: var(--tblr-secondary);
--litepicker-button-prev-month-color-hover: var(--tblr-primary);
--litepicker-button-next-month-color-hover: var(--tblr-primary);
--litepicker-day-color: var(--tblr-body-color);
--litepicker-day-color-hover: var(--tblr-primary);
--litepicker-is-end-color-bg: var(--tblr-primary);
--litepicker-is-today-color: var(--tblr-primary);
--litepicker-month-header-color: var(--tblr-body-color);
--litepicker-container-months-color-bg: var(--tblr-bg-surface);
font: inherit;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.litepicker svg {
fill: none !important;
}
.datepicker-inline .litepicker {
box-shadow: var(--tblr-box-shadow-input);
}
/**
* Tom Select bootstrap 5
*/
/**
* tom-select.css (v//@@version)
* Copyright (c) contributors
*
* Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
* file except in compliance with the License. You may obtain a copy of the License at:
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software distributed under
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
* ANY KIND, either express or implied. See the License for the specific language
* governing permissions and limitations under the License.
*
*/
:root {
--ts-pr-clear-button: 0;
--ts-pr-caret: 0;
--ts-pr-min: .75rem;
}
@keyframes lds-dual-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(-360deg);
}
}
.was-validated .valid {
border-color: var(--tblr-form-valid-color);
}
.was-validated .valid:not(.single) {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
background-position: left calc(0.3571428572em + 0.28125rem) center;
background-size: calc(0.7142857143em + 0.5625rem) calc(0.7142857143em + 0.5625rem);
background-repeat: no-repeat;
}
.was-validated .valid.single {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23929dab' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
background-position: left 0.75rem center, center left 2.25rem;
background-size: 16px 12px, calc(0.7142857143em + 0.5625rem) calc(0.7142857143em + 0.5625rem);
background-repeat: no-repeat;
}
:root {
--ts-pr-clear-button: 0rem;
--ts-pr-caret: 0rem;
}
svg {
touch-action: none;
}
image, text {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@keyframes jvm-line-animation {
from {
stroke-dashoffset: 250;
}
}
.dropzone {
border: var(--tblr-border-width) dashed var(--tblr-border-color);
color: var(--tblr-secondary);
padding: 1rem;
}
body {
--plyr-color-main: var(--tblr-primary);
}
:root {
--gl-star-size: auto;
--gl-star-color: var(--tblr-yellow);
--gl-star-color-inactive: var(--tblr-border-color);
}

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

@@ -1,8 +0,0 @@
/*!
* Tabler v1.0.0-beta19 (https://tabler.io)
* @version 1.0.0-beta19
* @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/.litepicker{--litepicker-month-weekday-color:var(--tblr-secondary);--litepicker-button-prev-month-color:var(--tblr-secondary);--litepicker-button-next-month-color:var(--tblr-secondary);--litepicker-button-prev-month-color-hover:var(--tblr-primary);--litepicker-button-next-month-color-hover:var(--tblr-primary);--litepicker-day-color:var(--tblr-body-color);--litepicker-day-color-hover:var(--tblr-primary);--litepicker-is-end-color-bg:var(--tblr-primary);--litepicker-is-today-color:var(--tblr-primary);--litepicker-month-header-color:var(--tblr-body-color);--litepicker-container-months-color-bg:var(--tblr-bg-surface);font:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.litepicker svg{fill:none!important}.datepicker-inline .litepicker{box-shadow:var(--tblr-box-shadow-input)}:root{--ts-pr-clear-button:0;--ts-pr-caret:0;--ts-pr-min:.75rem}@keyframes lds-dual-ring{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}}.was-validated .valid{border-color:var(--tblr-form-valid-color)}.was-validated .valid:not(.single){background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");background-position:left calc(.3571428572em + .28125rem) center;background-size:calc(.7142857143em + .5625rem) calc(.7142857143em + .5625rem);background-repeat:no-repeat}.was-validated .valid.single{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23929dab' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");background-position:left .75rem center,center left 2.25rem;background-size:16px 12px,calc(.7142857143em + .5625rem) calc(.7142857143em + .5625rem);background-repeat:no-repeat}:root{--ts-pr-clear-button:0rem;--ts-pr-caret:0rem}svg{touch-action:none}image,text{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@keyframes jvm-line-animation{from{stroke-dashoffset:250}}.dropzone{border:var(--tblr-border-width) dashed var(--tblr-border-color);color:var(--tblr-secondary);padding:1rem}body{--plyr-color-main:var(--tblr-primary)}:root{--gl-star-size:auto;--gl-star-color:var(--tblr-yellow);--gl-star-color-inactive:var(--tblr-border-color)}

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

File diff suppressed because it is too large Load Diff

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

File diff suppressed because one or more lines are too long

10474
demo/dist/css/css/tabler.rtl.css vendored
View File

File diff suppressed because it is too large Load Diff

13
demo/dist/css/css/tabler.rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

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

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

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

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

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

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

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

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

15
demo/dist/css/libs/apexcharts/dist/apexcharts.css vendored
View File

@@ -1,15 +0,0 @@
@keyframes opaque {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes resizeanim {
0%,to {
opacity: 0
}
}

1
demo/dist/css/libs/dropzone/dist/basic.css vendored
View File

@@ -1 +0,0 @@
.dropzone,.dropzone *{box-sizing:border-box}.dropzone{position:relative}

1
demo/dist/css/libs/dropzone/dist/dropzone.css vendored
View File

@@ -1 +0,0 @@
@keyframes passing-through{0%{opacity:0;transform:translateY(40px)}30%,70%{opacity:1;transform:translateY(0px)}100%{opacity:0;transform:translateY(-40px)}}@keyframes slide-in{0%{opacity:0;transform:translateY(40px)}30%{opacity:1;transform:translateY(0px)}}@keyframes pulse{0%{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:1px solid rgba(0,0,0,.8);border-radius:5px;padding:20px 20px}.dropzone .dz-message{text-align:center;margin:3em 0}

13
demo/dist/css/libs/litepicker/dist/css/litepicker.css vendored
View File

@@ -1,13 +0,0 @@
/*!
*
* ../css/litepicker.css
* Litepicker v2.0.12 (https://github.com/wakirin/Litepicker)
* Package: litepicker (https://www.npmjs.com/package/litepicker)
* License: MIT (https://github.com/wakirin/Litepicker/blob/master/LICENCE.md)
* Copyright 2019-2021 Rinat G.
*
* Hash: 2f11f1f0300ea13b17b5
*
*/
:root{--litepicker-container-months-color-bg: #fff;--litepicker-container-months-box-shadow-color: #ddd;--litepicker-footer-color-bg: #fafafa;--litepicker-footer-box-shadow-color: #ddd;--litepicker-tooltip-color-bg: #fff;--litepicker-month-header-color: #333;--litepicker-button-prev-month-color: #9e9e9e;--litepicker-button-next-month-color: #9e9e9e;--litepicker-button-prev-month-color-hover: #2196f3;--litepicker-button-next-month-color-hover: #2196f3;--litepicker-month-width: calc(var(--litepicker-day-width) * 7);--litepicker-month-weekday-color: #9e9e9e;--litepicker-month-week-number-color: #9e9e9e;--litepicker-day-width: 38px;--litepicker-day-color: #333;--litepicker-day-color-hover: #2196f3;--litepicker-is-today-color: #f44336;--litepicker-is-in-range-color: #bbdefb;--litepicker-is-locked-color: #9e9e9e;--litepicker-is-start-color: #fff;--litepicker-is-start-color-bg: #2196f3;--litepicker-is-end-color: #fff;--litepicker-is-end-color-bg: #2196f3;--litepicker-button-cancel-color: #fff;--litepicker-button-cancel-color-bg: #9e9e9e;--litepicker-button-apply-color: #fff;--litepicker-button-apply-color-bg: #2196f3;--litepicker-button-reset-color: #909090;--litepicker-button-reset-color-hover: #2196f3;--litepicker-highlighted-day-color: #333;--litepicker-highlighted-day-color-bg: #ffeb3b}.litepicker{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-size:0.8em;display:none}.litepicker button{border:none;background:none}

12
demo/dist/css/libs/litepicker/dist/css/plugins/keyboardnav.js.css vendored
View File

@@ -1,12 +0,0 @@
/*!
*
* ../css/plugins/keyboardnav.js.css
* Litepicker v2.0.12 (https://github.com/wakirin/Litepicker)
* Package: litepicker (https://www.npmjs.com/package/litepicker)
* License: MIT (https://github.com/wakirin/Litepicker/blob/master/LICENCE.md)
* Copyright 2019-2021 Rinat G.
*
* Hash: fc3887e0bb19d54c36db
*
*/

58
demo/dist/css/libs/litepicker/dist/css/plugins/mobilefriendly.js.css vendored
View File

@@ -1,58 +0,0 @@
/*!
*
* ../css/plugins/mobilefriendly.js.css
* Litepicker v2.0.12 (https://github.com/wakirin/Litepicker)
* Package: litepicker (https://www.npmjs.com/package/litepicker)
* License: MIT (https://github.com/wakirin/Litepicker/blob/master/LICENCE.md)
* Copyright 2019-2021 Rinat G.
*
* Hash: fc3887e0bb19d54c36db
*
*/
:root {
--litepicker-mobilefriendly-backdrop-color-bg: #000;
}
@-webkit-keyframes lp-bounce-target-next {
from {
-webkit-transform: translateX(100px) scale(0.5);
transform: translateX(100px) scale(0.5);
}
to {
-webkit-transform: translateX(0px) scale(1);
transform: translateX(0px) scale(1);
}
}
@keyframes lp-bounce-target-next {
from {
-webkit-transform: translateX(100px) scale(0.5);
transform: translateX(100px) scale(0.5);
}
to {
-webkit-transform: translateX(0px) scale(1);
transform: translateX(0px) scale(1);
}
}
@-webkit-keyframes lp-bounce-target-prev {
from {
-webkit-transform: translateX(-100px) scale(0.5);
transform: translateX(-100px) scale(0.5);
}
to {
-webkit-transform: translateX(0px) scale(1);
transform: translateX(0px) scale(1);
}
}
@keyframes lp-bounce-target-prev {
from {
-webkit-transform: translateX(-100px) scale(0.5);
transform: translateX(-100px) scale(0.5);
}
to {
-webkit-transform: translateX(0px) scale(1);
transform: translateX(0px) scale(1);
}
}

18
demo/dist/css/libs/litepicker/dist/css/plugins/multiselect.js.css vendored
View File

@@ -1,18 +0,0 @@
/*!
*
* ../css/plugins/multiselect.js.css
* Litepicker v2.0.12 (https://github.com/wakirin/Litepicker)
* Package: litepicker (https://www.npmjs.com/package/litepicker)
* License: MIT (https://github.com/wakirin/Litepicker/blob/master/LICENCE.md)
* Copyright 2019-2021 Rinat G.
*
* Hash: fc3887e0bb19d54c36db
*
*/
:root {
--litepicker-multiselect-is-selected-color-bg: #2196f3;
--litepicker-multiselect-is-selected-color: #fff;
--litepicker-multiselect-hover-color-bg: #2196f3;
--litepicker-multiselect-hover-color: #fff;
}

11
demo/dist/css/libs/litepicker/dist/css/plugins/ranges.js.css vendored
View File

@@ -1,11 +0,0 @@
/*!
*
* ../css/plugins/ranges.js.css
* Litepicker v2.0.12 (https://github.com/wakirin/Litepicker)
* Package: litepicker (https://www.npmjs.com/package/litepicker)
* License: MIT (https://github.com/wakirin/Litepicker/blob/master/LICENCE.md)
* Copyright 2019-2021 Rinat G.
*
* Hash: fc3887e0bb19d54c36db
*
*/

7
demo/dist/css/libs/melloware/coloris/dist/coloris.css vendored
View File

@@ -1,7 +0,0 @@
/** Dark theme **/
/** Polaroid theme **/
/** Large theme **/
/** Pill (horizontal) theme **/

0
demo/dist/css/libs/melloware/coloris/dist/coloris.min.css vendored
View File

37
demo/dist/css/libs/nouislider/dist/nouislider.css vendored
View File

@@ -1,37 +0,0 @@
/* Functional styling;
* These styles are required for noUiSlider to function.
* You don't need to change these rules to apply your design.
*/
/* Wrapper for all connect elements.
*/
/* Offset direction
*/
/* Give origins 0 height/width so they don't interfere with clicking the
* connect elements.
*/
/* Slider size and handle placement;
*/
/* Styling;
* Giving the connect element a border radius causes issues with using transform: scale
*/
/* Handles and cursors;
*/
/* Handle stripes;
*/
/* Disabled state;
*/
/* Base;
*
*/
/* Values;
*
*/
/* Markings;
*
*/
/* Horizontal layout;
*
*/
/* Vertical layout;
*
*/

0
demo/dist/css/libs/nouislider/dist/nouislider.min.css vendored
View File

1
demo/dist/css/libs/plyr/dist/plyr.css vendored
View File

@@ -1 +0,0 @@
@charset "UTF-8";@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen video{height:100%}.plyr [hidden]{display:none!important}

16
demo/dist/css/libs/star-rating.js/dist/star-rating.css vendored
View File

@@ -1,16 +0,0 @@
:root {
--gl-star-color: #fdd835;
--gl-star-color-inactive: #dcdce6;
--gl-star-empty: url('../img/star-empty.svg');
--gl-star-full: url('../img/star-full.svg');
--gl-star-size: 24px;
--gl-tooltip-border-radius: 4px;
--gl-tooltip-font-size: 0.875rem;
--gl-tooltip-font-weight: 400;
--gl-tooltip-line-height: 1;
--gl-tooltip-margin: 12px;
--gl-tooltip-padding: .5em 1em;
--gl-tooltip-size: 6px;
}
/* Compatibilty with v3 */

8
demo/dist/css/libs/star-rating.js/dist/star-rating.min.css vendored
View File

@@ -1,8 +0,0 @@
/**
* Star Rating
* @version: 4.3.0
* @author: Paul Ryley (http://geminilabs.io)
* @url: https://github.com/pryley/star-rating.js
* @license: MIT
*/
:root{--gl-star-color:#fdd835;--gl-star-color-inactive:#dcdce6;--gl-star-empty:url(../img/star-empty.svg);--gl-star-full:url(../img/star-full.svg);--gl-star-size:24px;--gl-tooltip-border-radius:4px;--gl-tooltip-font-size:0.875rem;--gl-tooltip-font-weight:400;--gl-tooltip-line-height:1;--gl-tooltip-margin:12px;--gl-tooltip-padding:.5em 1em;--gl-tooltip-size:6px}

50
demo/dist/css/libs/tinymce/skins/content/dark/content.css vendored
View File

@@ -1,50 +0,0 @@
body {
background-color: #222f3e;
color: #fff;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
line-height: 1.4;
margin: 1rem;
}
a {
color: #4099ff;
}
table {
border-collapse: collapse;
}
/* Apply a default padding if legacy cellpadding attribute is missing */
table:not([cellpadding]) th,
table:not([cellpadding]) td {
padding: 0.4rem;
}
/* Set default table styles if a table has a positive border attribute
and no inline css */
table[border]:not([border="0"]):not([style*="border-width"]) th,
table[border]:not([border="0"]):not([style*="border-width"]) td {
border-width: 1px;
}
/* Set default table styles if a table has a positive border attribute
and no inline css */
table[border]:not([border="0"]):not([style*="border-style"]) th,
table[border]:not([border="0"]):not([style*="border-style"]) td {
border-style: solid;
}
/* Set default table styles if a table has a positive border attribute
and no inline css */
table[border]:not([border="0"]):not([style*="border-color"]) th,
table[border]:not([border="0"]):not([style*="border-color"]) td {
border-color: #6d737b;
}
figure {
display: table;
margin: 1rem auto;
}
hr {
border-color: #6d737b;
border-style: solid;
border-width: 1px 0 0 0;
}
code {
background-color: #6d737b;
border-radius: 3px;
padding: 0.1rem 0.2rem;
}

1
demo/dist/css/libs/tinymce/skins/content/dark/content.min.css vendored
View File

@@ -1 +0,0 @@
body{background-color:#222f3e;color:#fff;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height:1.4;margin:1rem}a{color:#4099ff}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#6d737b}figure{display:table;margin:1rem auto}hr{border-color:#6d737b;border-style:solid;border-width:1px 0 0 0}code{background-color:#6d737b;border-radius:3px;padding:.1rem .2rem}

45
demo/dist/css/libs/tinymce/skins/content/default/content.css vendored
View File

@@ -1,45 +0,0 @@
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
line-height: 1.4;
margin: 1rem;
}
table {
border-collapse: collapse;
}
/* Apply a default padding if legacy cellpadding attribute is missing */
table:not([cellpadding]) th,
table:not([cellpadding]) td {
padding: 0.4rem;
}
/* Set default table styles if a table has a positive border attribute
and no inline css */
table[border]:not([border="0"]):not([style*="border-width"]) th,
table[border]:not([border="0"]):not([style*="border-width"]) td {
border-width: 1px;
}
/* Set default table styles if a table has a positive border attribute
and no inline css */
table[border]:not([border="0"]):not([style*="border-style"]) th,
table[border]:not([border="0"]):not([style*="border-style"]) td {
border-style: solid;
}
/* Set default table styles if a table has a positive border attribute
and no inline css */
table[border]:not([border="0"]):not([style*="border-color"]) th,
table[border]:not([border="0"]):not([style*="border-color"]) td {
border-color: #ccc;
}
figure {
display: table;
margin: 1rem auto;
}
hr {
border-color: #ccc;
border-style: solid;
border-width: 1px 0 0 0;
}
code {
background-color: #e8e8e8;
border-radius: 3px;
padding: 0.1rem 0.2rem;
}

1
demo/dist/css/libs/tinymce/skins/content/default/content.min.css vendored
View File

@@ -1 +0,0 @@
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height:1.4;margin:1rem}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#ccc}figure{display:table;margin:1rem auto}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0 0}code{background-color:#e8e8e8;border-radius:3px;padding:.1rem .2rem}

51
demo/dist/css/libs/tinymce/skins/content/document/content.css vendored
View File

@@ -1,51 +0,0 @@
@media screen {
html {
background: #f4f4f4;
min-height: 100%;
}
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
@media screen {
body {
background-color: #fff;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
box-sizing: border-box;
margin: 1rem auto 0;
max-width: 820px;
min-height: calc(100vh - 1rem);
padding: 4rem 6rem 6rem 6rem;
}
}
table {
border-collapse: collapse;
}
/* Apply a default padding if legacy cellpadding attribute is missing */
table:not([cellpadding]) th,
table:not([cellpadding]) td {
padding: 0.4rem;
}
/* Set default table styles if a table has a positive border attribute
and no inline css */
table[border]:not([border="0"]):not([style*="border-width"]) th,
table[border]:not([border="0"]):not([style*="border-width"]) td {
border-width: 1px;
}
/* Set default table styles if a table has a positive border attribute
and no inline css */
table[border]:not([border="0"]):not([style*="border-style"]) th,
table[border]:not([border="0"]):not([style*="border-style"]) td {
border-style: solid;
}
/* Set default table styles if a table has a positive border attribute
and no inline css */
table[border]:not([border="0"]):not([style*="border-color"]) th,
table[border]:not([border="0"]):not([style*="border-color"]) td {
border-color: #ccc;
}
hr {
border-color: #ccc;
border-style: solid;
border-width: 1px 0 0 0;
}

1
demo/dist/css/libs/tinymce/skins/content/document/content.min.css vendored
View File

@@ -1 +0,0 @@
@media screen{html{background:#f4f4f4;min-height:100%}}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif}@media screen{body{background-color:#fff;box-shadow:0 0 4px rgba(0,0,0,.15);box-sizing:border-box;margin:1rem auto 0;max-width:820px;min-height:calc(100vh - 1rem);padding:4rem 6rem 6rem 6rem}}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#ccc}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0 0}

50
demo/dist/css/libs/tinymce/skins/content/tinymce-5-dark/content.css vendored
View File

@@ -1,50 +0,0 @@
body {
background-color: #2f3742;
color: #dfe0e4;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
line-height: 1.4;
margin: 1rem;
}
a {
color: #4099ff;
}
table {
border-collapse: collapse;
}
/* Apply a default padding if legacy cellpadding attribute is missing */
table:not([cellpadding]) th,
table:not([cellpadding]) td {
padding: 0.4rem;
}
/* Set default table styles if a table has a positive border attribute
and no inline css */
table[border]:not([border="0"]):not([style*="border-width"]) th,
table[border]:not([border="0"]):not([style*="border-width"]) td {
border-width: 1px;
}
/* Set default table styles if a table has a positive border attribute
and no inline css */
table[border]:not([border="0"]):not([style*="border-style"]) th,
table[border]:not([border="0"]):not([style*="border-style"]) td {
border-style: solid;
}
/* Set default table styles if a table has a positive border attribute
and no inline css */
table[border]:not([border="0"]):not([style*="border-color"]) th,
table[border]:not([border="0"]):not([style*="border-color"]) td {
border-color: #6d737b;
}
figure {
display: table;
margin: 1rem auto;
}
hr {
border-color: #6d737b;
border-style: solid;
border-width: 1px 0 0 0;
}
code {
background-color: #6d737b;
border-radius: 3px;
padding: 0.1rem 0.2rem;
}

1
demo/dist/css/libs/tinymce/skins/content/tinymce-5-dark/content.min.css vendored
View File

@@ -1 +0,0 @@
body{background-color:#2f3742;color:#dfe0e4;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height:1.4;margin:1rem}a{color:#4099ff}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#6d737b}figure{display:table;margin:1rem auto}hr{border-color:#6d737b;border-style:solid;border-width:1px 0 0 0}code{background-color:#6d737b;border-radius:3px;padding:.1rem .2rem}

45
demo/dist/css/libs/tinymce/skins/content/tinymce-5/content.css vendored
View File

@@ -1,45 +0,0 @@
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
line-height: 1.4;
margin: 1rem;
}
table {
border-collapse: collapse;
}
/* Apply a default padding if legacy cellpadding attribute is missing */
table:not([cellpadding]) th,
table:not([cellpadding]) td {
padding: 0.4rem;
}
/* Set default table styles if a table has a positive border attribute
and no inline css */
table[border]:not([border="0"]):not([style*="border-width"]) th,
table[border]:not([border="0"]):not([style*="border-width"]) td {
border-width: 1px;
}
/* Set default table styles if a table has a positive border attribute
and no inline css */
table[border]:not([border="0"]):not([style*="border-style"]) th,
table[border]:not([border="0"]):not([style*="border-style"]) td {
border-style: solid;
}
/* Set default table styles if a table has a positive border attribute
and no inline css */
table[border]:not([border="0"]):not([style*="border-color"]) th,
table[border]:not([border="0"]):not([style*="border-color"]) td {
border-color: #ccc;
}
figure {
display: table;
margin: 1rem auto;
}
hr {
border-color: #ccc;
border-style: solid;
border-width: 1px 0 0 0;
}
code {
background-color: #e8e8e8;
border-radius: 3px;
padding: 0.1rem 0.2rem;
}

1
demo/dist/css/libs/tinymce/skins/content/tinymce-5/content.min.css vendored
View File

@@ -1 +0,0 @@
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height:1.4;margin:1rem}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#ccc}figure{display:table;margin:1rem auto}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0 0}code{background-color:#e8e8e8;border-radius:3px;padding:.1rem .2rem}

46
demo/dist/css/libs/tinymce/skins/content/writer/content.css vendored
View File

@@ -1,46 +0,0 @@
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
line-height: 1.4;
margin: 1rem auto;
max-width: 900px;
}
table {
border-collapse: collapse;
}
/* Apply a default padding if legacy cellpadding attribute is missing */
table:not([cellpadding]) th,
table:not([cellpadding]) td {
padding: 0.4rem;
}
/* Set default table styles if a table has a positive border attribute
and no inline css */
table[border]:not([border="0"]):not([style*="border-width"]) th,
table[border]:not([border="0"]):not([style*="border-width"]) td {
border-width: 1px;
}
/* Set default table styles if a table has a positive border attribute
and no inline css */
table[border]:not([border="0"]):not([style*="border-style"]) th,
table[border]:not([border="0"]):not([style*="border-style"]) td {
border-style: solid;
}
/* Set default table styles if a table has a positive border attribute
and no inline css */
table[border]:not([border="0"]):not([style*="border-color"]) th,
table[border]:not([border="0"]):not([style*="border-color"]) td {
border-color: #ccc;
}
figure {
display: table;
margin: 1rem auto;
}
hr {
border-color: #ccc;
border-style: solid;
border-width: 1px 0 0 0;
}
code {
background-color: #e8e8e8;
border-radius: 3px;
padding: 0.1rem 0.2rem;
}

1
demo/dist/css/libs/tinymce/skins/content/writer/content.min.css vendored
View File

@@ -1 +0,0 @@
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height:1.4;margin:1rem auto;max-width:900px}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#ccc}figure{display:table;margin:1rem auto}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0 0}code{background-color:#e8e8e8;border-radius:3px;padding:.1rem .2rem}

49
demo/dist/css/libs/tinymce/skins/ui/oxide-dark/content.css vendored
View File

@@ -1,49 +0,0 @@
/* stylelint-disable */
/* http://prismjs.com/ */
/**
* Dracula Theme originally by Zeno Rocha [@zenorocha]
* https://draculatheme.com/
*
* Ported for PrismJS by Albert Vallverdu [@byverdu]
*/
code[class*="language-"],
pre[class*="language-"] {
color: #f8f8f2;
background: none;
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
hyphens: none;
}
/* Code blocks */
pre[class*="language-"] {
padding: 1em;
margin: 0.5em 0;
overflow: auto;
border-radius: 0.3em;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
background: #282a36;
}
/* Inline code */
:not(pre) > code[class*="language-"] {
padding: 0.1em;
border-radius: 0.3em;
white-space: normal;
}
/* stylelint-enable */
body {
font-family: sans-serif;
}
table {
border-collapse: collapse;
}

62
demo/dist/css/libs/tinymce/skins/ui/oxide-dark/content.inline.css vendored
View File

@@ -1,62 +0,0 @@
/* stylelint-disable */
/* http://prismjs.com/ */
/**
* prism.js default theme for JavaScript, CSS and HTML
* Based on dabblet (http://dabblet.com)
* @author Lea Verou
*/
code[class*="language-"],
pre[class*="language-"] {
color: black;
background: none;
text-shadow: 0 1px white;
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
font-size: 1em;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
hyphens: none;
}
pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection {
text-shadow: none;
background: #b3d4fc;
}
pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
text-shadow: none;
background: #b3d4fc;
}
@media print {
code[class*="language-"],
pre[class*="language-"] {
text-shadow: none;
}
}
/* Code blocks */
pre[class*="language-"] {
padding: 1em;
margin: 0.5em 0;
overflow: auto;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
background: #f5f2f0;
}
/* Inline code */
:not(pre) > code[class*="language-"] {
padding: 0.1em;
border-radius: 0.3em;
white-space: normal;
}
/* stylelint-enable */

1
demo/dist/css/libs/tinymce/skins/ui/oxide-dark/content.inline.min.css vendored
View File

@@ -1 +0,0 @@
code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}

1
demo/dist/css/libs/tinymce/skins/ui/oxide-dark/content.min.css vendored
View File

@@ -1 +0,0 @@
code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:0 0;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#282a36}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}body{font-family:sans-serif}table{border-collapse:collapse}

15
demo/dist/css/libs/tinymce/skins/ui/oxide-dark/skin.css vendored
View File

@@ -1,15 +0,0 @@
button::-moz-focus-inner {
border: 0;
}
/* Deprecated. Remove in next major release */
@keyframes tam-bouncing-dots {
0%,
80%,
100% {
transform: scale(0);
}
40% {
transform: scale(1);
}
}
/* stylelint-disable */

1
demo/dist/css/libs/tinymce/skins/ui/oxide-dark/skin.min.css vendored
View File

@@ -1 +0,0 @@
button::-moz-focus-inner{border:0}@keyframes tam-bouncing-dots{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}

1
demo/dist/css/libs/tinymce/skins/ui/oxide-dark/skin.shadowdom.css vendored
View File

@@ -1 +0,0 @@

1
demo/dist/css/libs/tinymce/skins/ui/oxide-dark/skin.shadowdom.min.css vendored
View File

@@ -1 +0,0 @@

68
demo/dist/css/libs/tinymce/skins/ui/oxide/content.css vendored
View File

@@ -1,68 +0,0 @@
/* stylelint-disable */
/* http://prismjs.com/ */
/**
* prism.js default theme for JavaScript, CSS and HTML
* Based on dabblet (http://dabblet.com)
* @author Lea Verou
*/
code[class*="language-"],
pre[class*="language-"] {
color: black;
background: none;
text-shadow: 0 1px white;
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
font-size: 1em;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
hyphens: none;
}
pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection {
text-shadow: none;
background: #b3d4fc;
}
pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
text-shadow: none;
background: #b3d4fc;
}
@media print {
code[class*="language-"],
pre[class*="language-"] {
text-shadow: none;
}
}
/* Code blocks */
pre[class*="language-"] {
padding: 1em;
margin: 0.5em 0;
overflow: auto;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
background: #f5f2f0;
}
/* Inline code */
:not(pre) > code[class*="language-"] {
padding: 0.1em;
border-radius: 0.3em;
white-space: normal;
}
/* stylelint-enable */
body {
font-family: sans-serif;
}
table {
border-collapse: collapse;
}

62
demo/dist/css/libs/tinymce/skins/ui/oxide/content.inline.css vendored
View File

@@ -1,62 +0,0 @@
/* stylelint-disable */
/* http://prismjs.com/ */
/**
* prism.js default theme for JavaScript, CSS and HTML
* Based on dabblet (http://dabblet.com)
* @author Lea Verou
*/
code[class*="language-"],
pre[class*="language-"] {
color: black;
background: none;
text-shadow: 0 1px white;
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
font-size: 1em;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
hyphens: none;
}
pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection {
text-shadow: none;
background: #b3d4fc;
}
pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
text-shadow: none;
background: #b3d4fc;
}
@media print {
code[class*="language-"],
pre[class*="language-"] {
text-shadow: none;
}
}
/* Code blocks */
pre[class*="language-"] {
padding: 1em;
margin: 0.5em 0;
overflow: auto;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
background: #f5f2f0;
}
/* Inline code */
:not(pre) > code[class*="language-"] {
padding: 0.1em;
border-radius: 0.3em;
white-space: normal;
}
/* stylelint-enable */

1
demo/dist/css/libs/tinymce/skins/ui/oxide/content.inline.min.css vendored
View File

@@ -1 +0,0 @@
code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}

1
demo/dist/css/libs/tinymce/skins/ui/oxide/content.min.css vendored
View File

@@ -1 +0,0 @@
code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}body{font-family:sans-serif}table{border-collapse:collapse}

15
demo/dist/css/libs/tinymce/skins/ui/oxide/skin.css vendored
View File

@@ -1,15 +0,0 @@
button::-moz-focus-inner {
border: 0;
}
/* Deprecated. Remove in next major release */
@keyframes tam-bouncing-dots {
0%,
80%,
100% {
transform: scale(0);
}
40% {
transform: scale(1);
}
}
/* stylelint-disable */

1
demo/dist/css/libs/tinymce/skins/ui/oxide/skin.min.css vendored
View File

@@ -1 +0,0 @@
button::-moz-focus-inner{border:0}@keyframes tam-bouncing-dots{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}

1
demo/dist/css/libs/tinymce/skins/ui/oxide/skin.shadowdom.css vendored
View File

@@ -1 +0,0 @@

1
demo/dist/css/libs/tinymce/skins/ui/oxide/skin.shadowdom.min.css vendored
View File

@@ -1 +0,0 @@

49
demo/dist/css/libs/tinymce/skins/ui/tinymce-5-dark/content.css vendored
View File

@@ -1,49 +0,0 @@
/* stylelint-disable */
/* http://prismjs.com/ */
/**
* Dracula Theme originally by Zeno Rocha [@zenorocha]
* https://draculatheme.com/
*
* Ported for PrismJS by Albert Vallverdu [@byverdu]
*/
code[class*="language-"],
pre[class*="language-"] {
color: #f8f8f2;
background: none;
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
hyphens: none;
}
/* Code blocks */
pre[class*="language-"] {
padding: 1em;
margin: 0.5em 0;
overflow: auto;
border-radius: 0.3em;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
background: #282a36;
}
/* Inline code */
:not(pre) > code[class*="language-"] {
padding: 0.1em;
border-radius: 0.3em;
white-space: normal;
}
/* stylelint-enable */
body {
font-family: sans-serif;
}
table {
border-collapse: collapse;
}

62
demo/dist/css/libs/tinymce/skins/ui/tinymce-5-dark/content.inline.css vendored
View File

@@ -1,62 +0,0 @@
/* stylelint-disable */
/* http://prismjs.com/ */
/**
* prism.js default theme for JavaScript, CSS and HTML
* Based on dabblet (http://dabblet.com)
* @author Lea Verou
*/
code[class*="language-"],
pre[class*="language-"] {
color: black;
background: none;
text-shadow: 0 1px white;
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
font-size: 1em;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
hyphens: none;
}
pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection {
text-shadow: none;
background: #b3d4fc;
}
pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
text-shadow: none;
background: #b3d4fc;
}
@media print {
code[class*="language-"],
pre[class*="language-"] {
text-shadow: none;
}
}
/* Code blocks */
pre[class*="language-"] {
padding: 1em;
margin: 0.5em 0;
overflow: auto;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
background: #f5f2f0;
}
/* Inline code */
:not(pre) > code[class*="language-"] {
padding: 0.1em;
border-radius: 0.3em;
white-space: normal;
}
/* stylelint-enable */

1
demo/dist/css/libs/tinymce/skins/ui/tinymce-5-dark/content.inline.min.css vendored
View File

@@ -1 +0,0 @@
code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}

1
demo/dist/css/libs/tinymce/skins/ui/tinymce-5-dark/content.min.css vendored
View File

@@ -1 +0,0 @@
code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:0 0;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#282a36}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}body{font-family:sans-serif}table{border-collapse:collapse}

15
demo/dist/css/libs/tinymce/skins/ui/tinymce-5-dark/skin.css vendored
View File

@@ -1,15 +0,0 @@
button::-moz-focus-inner {
border: 0;
}
/* Deprecated. Remove in next major release */
@keyframes tam-bouncing-dots {
0%,
80%,
100% {
transform: scale(0);
}
40% {
transform: scale(1);
}
}
/* stylelint-disable */

1
demo/dist/css/libs/tinymce/skins/ui/tinymce-5-dark/skin.min.css vendored
View File

@@ -1 +0,0 @@
button::-moz-focus-inner{border:0}@keyframes tam-bouncing-dots{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}

1
demo/dist/css/libs/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.css vendored
View File

@@ -1 +0,0 @@

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