Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-08-11 22:02:22 +04:00
Code Issues Projects Releases Wiki Activity

build version 1.0.0-alpha.2

Browse Source
This commit is contained in:
codecalm
2020-01-30 00:05:03 +01:00
parent 28dc4819a8
commit e7db397d7b
883 changed files with 9430 additions and 46952 deletions
Download Patch File Download Diff File Expand all files Collapse all files
demo/400.html
+21 -21
View File
@@ -24,22 +24,22 @@
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<title>Page 400 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580339009" rel="stylesheet"/>
</head>
<body class="antialiased border-top-wide border-primary d-flex flex-column">
<div class="flex-fill d-flex align-items-center justify-content-center">
@@ -62,14 +62,14 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580338609"></script>
<script src="./dist/libs/autosize/dist/autosize.min.js?1580338609"></script>
<script src="./dist/libs/imask/dist/imask.min.js?1580338609"></script>
<script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1580338609"></script>
<script src="./dist/libs/nouislider/distribute/nouislider.min.js?1580338609"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580339009"></script>
<script src="./dist/libs/autosize/dist/autosize.min.js?1580339009"></script>
<script src="./dist/libs/imask/dist/imask.min.js?1580339009"></script>
<script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1580339009"></script>
<script src="./dist/libs/nouislider/distribute/nouislider.min.js?1580339009"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1580338609"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580338609"></script>
<script src="./dist/js/tabler.min.js?1580339009"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580339009"></script>
<script>
// @formatter:off
noUiSlider.create(document.getElementById('range-simple'), {
demo/401.html
+17 -17
View File
@@ -24,22 +24,22 @@
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<title>Page 401 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580339009" rel="stylesheet"/>
</head>
<body class="antialiased border-top-wide border-primary d-flex flex-column">
<div class="flex-fill d-flex align-items-center justify-content-center">
@@ -62,9 +62,9 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580338609"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580339009"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1580338609"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580338609"></script>
<script src="./dist/js/tabler.min.js?1580339009"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580339009"></script>
</body>
</html>
demo/403.html
+17 -17
View File
@@ -24,22 +24,22 @@
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<title>Page 403 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580339009" rel="stylesheet"/>
</head>
<body class="antialiased border-top-wide border-primary d-flex flex-column">
<div class="flex-fill d-flex align-items-center justify-content-center">
@@ -62,9 +62,9 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580338609"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580339009"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1580338609"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580338609"></script>
<script src="./dist/js/tabler.min.js?1580339009"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580339009"></script>
</body>
</html>
demo/404.html
+17 -17
View File
@@ -24,22 +24,22 @@
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<title>Page 404 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580339009" rel="stylesheet"/>
</head>
<body class="antialiased border-top-wide border-primary d-flex flex-column">
<div class="flex-fill d-flex align-items-center justify-content-center">
@@ -62,9 +62,9 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580338609"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580339009"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1580338609"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580338609"></script>
<script src="./dist/js/tabler.min.js?1580339009"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580339009"></script>
</body>
</html>
demo/500.html
+17 -17
View File
@@ -24,22 +24,22 @@
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<title>Page 500 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580339009" rel="stylesheet"/>
</head>
<body class="antialiased border-top-wide border-primary d-flex flex-column">
<div class="flex-fill d-flex align-items-center justify-content-center">
@@ -62,9 +62,9 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580338609"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580339009"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1580338609"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580338609"></script>
<script src="./dist/js/tabler.min.js?1580339009"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580339009"></script>
</body>
</html>
demo/503.html
+17 -17
View File
@@ -24,22 +24,22 @@
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<title>Page 503 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580339009" rel="stylesheet"/>
</head>
<body class="antialiased border-top-wide border-primary d-flex flex-column">
<div class="flex-fill d-flex align-items-center justify-content-center">
@@ -62,9 +62,9 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580338609"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580339009"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1580338609"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580338609"></script>
<script src="./dist/js/tabler.min.js?1580339009"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580339009"></script>
</body>
</html>
demo/all.html
+17 -17
View File
@@ -24,22 +24,22 @@
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<title>Index - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580339009" rel="stylesheet"/>
</head>
<body class="antialiased">
<div class="page">
@@ -847,9 +847,9 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580338609"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580339009"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1580338609"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580338609"></script>
<script src="./dist/js/tabler.min.js?1580339009"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580339009"></script>
</body>
</html>
demo/blank.html
+17 -17
View File
@@ -24,22 +24,22 @@
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<title>Blank page - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580339009" rel="stylesheet"/>
</head>
<body class="antialiased">
<div class="page">
@@ -484,9 +484,9 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580338609"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580339009"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1580338609"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580338609"></script>
<script src="./dist/js/tabler.min.js?1580339009"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580339009"></script>
</body>
</html>
demo/blog.html
+17 -17
View File
@@ -24,22 +24,22 @@
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<title>Blog - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580339009" rel="stylesheet"/>
</head>
<body class="antialiased">
<div class="page">
@@ -726,9 +726,9 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580338609"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580339009"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1580338609"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580338609"></script>
<script src="./dist/js/tabler.min.js?1580339009"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580339009"></script>
</body>
</html>
demo/buttons.html
+17 -17
View File
@@ -24,22 +24,22 @@
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<title>Buttons - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580339009" rel="stylesheet"/>
</head>
<body class="antialiased">
<div class="page">
@@ -1316,9 +1316,9 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580338609"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580339009"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1580338609"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580338609"></script>
<script src="./dist/js/tabler.min.js?1580339009"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580339009"></script>
</body>
</html>
demo/calendar.html
+22 -22
View File
@@ -24,22 +24,22 @@
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<title>Calendar - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580339009" rel="stylesheet"/>
</head>
<body class="antialiased">
<div class="page">
@@ -493,15 +493,15 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580338609"></script>
<script src="./dist/libs/fullcalendar/core/main.min.js?1580338609"></script>
<script src="./dist/libs/fullcalendar/daygrid/main.min.js?1580338609"></script>
<script src="./dist/libs/fullcalendar/interaction/main.min.js?1580338609"></script>
<script src="./dist/libs/fullcalendar/timegrid/main.min.js?1580338609"></script>
<script src="./dist/libs/fullcalendar/list/main.min.js?1580338609"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580339009"></script>
<script src="./dist/libs/fullcalendar/core/main.min.js?1580339009"></script>
<script src="./dist/libs/fullcalendar/daygrid/main.min.js?1580339009"></script>
<script src="./dist/libs/fullcalendar/interaction/main.min.js?1580339009"></script>
<script src="./dist/libs/fullcalendar/timegrid/main.min.js?1580339009"></script>
<script src="./dist/libs/fullcalendar/list/main.min.js?1580339009"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1580338609"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580338609"></script>
<script src="./dist/js/tabler.min.js?1580339009"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580339009"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
var calendarEl = document.getElementById('calendar-main'),
demo/cards.html
+17 -17
View File
@@ -24,22 +24,22 @@
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<title>Cards - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580339009" rel="stylesheet"/>
</head>
<body class="antialiased">
<div class="page">
@@ -889,9 +889,9 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580338609"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580339009"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1580338609"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580338609"></script>
<script src="./dist/js/tabler.min.js?1580339009"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580339009"></script>
</body>
</html>
demo/carousel.html
+17 -17
View File
@@ -24,22 +24,22 @@
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<title>Carousel - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580339009" rel="stylesheet"/>
</head>
<body class="antialiased">
<div class="page">
@@ -641,9 +641,9 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580338609"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580339009"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1580338609"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580338609"></script>
<script src="./dist/js/tabler.min.js?1580339009"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580339009"></script>
</body>
</html>
demo/changelog.html
+18 -18
View File
@@ -24,22 +24,22 @@
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<title>Changelog - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580339009" rel="stylesheet"/>
</head>
<body class="antialiased">
<div class="page">
@@ -479,7 +479,7 @@
<div class="mb-4">
<div class="mb-2">
<span class="badge bg-blue-lt">1.0.0</span> —
<span class="text-muted">January 29, 2020</span>
<span class="text-muted">January 30, 2020</span>
</div>
<div>
<p>Coming soon</p>
@@ -492,9 +492,9 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580338609"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580339009"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1580338609"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580338609"></script>
<script src="./dist/js/tabler.min.js?1580339009"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580339009"></script>
</body>
</html>
demo/charts-heatmap.html
+17 -17
View File
@@ -24,22 +24,22 @@
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<title>Heatmap Charts - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580339009" rel="stylesheet"/>
</head>
<body class="antialiased">
<div class="page">
@@ -712,9 +712,9 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580338609"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580339009"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1580338609"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580338609"></script>
<script src="./dist/js/tabler.min.js?1580339009"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580339009"></script>
</body>
</html>
demo/charts.html
+18 -18
View File
@@ -24,22 +24,22 @@
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<title>Charts - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580339009" rel="stylesheet"/>
</head>
<body class="antialiased">
<div class="page">
@@ -649,11 +649,11 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580338609"></script>
<script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1580338609"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580339009"></script>
<script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1580339009"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1580338609"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580338609"></script>
<script src="./dist/js/tabler.min.js?1580339009"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580339009"></script>
<script>
// @formatter:off
document.addEventListener("DOMContentLoaded", function () {
demo/components/card-buttons.html
+75 -84
View File
@@ -12,7 +12,6 @@
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<meta http-equiv="Content-Language" content="en"/>
<meta name="msapplication-TileColor" content="#206bc4"/>
<meta name="theme-color" content="#206bc4"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
@@ -38,42 +37,46 @@
<meta property="og:url" content="https://preview-dev.tabler.io/components/card-buttons.html">
<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!">
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-dark.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-rtl.min.css?1580339009" rel="stylesheet"/>
</head>
<body class="antialiased">
<div class="wrapper">
<div class="page">
<div class="content">
<header class="topnav">
<div class="container">
<div class="navbar navbar-expand-lg navbar-light">
<a href=".." class="navbar-brand mr-4">
<img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
<header class="navbar-wrap navbar-expand-lg flex-column">
<div class="navbar navbar-border navbar-light bg-white">
<div class="container">
<button class="navbar-toggler mr-auto d-lg-none" type="button" data-toggle="collapse" data-target="#nav-main-menu" aria-expanded="false" aria-label="Toggle menu">
<span class="navbar-toggler-icon"></span>
</button>
<a href=".." class="navbar-brand hide-sidebar-visible m-0">
<img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo">
</a>
<ul class="nav navbar-menu align-items-center ml-auto">
<li class="nav-item d-none d-lg-flex mr-3">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon text-github" fill="currentColor">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank" rel="noreferrer">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor">
<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/>
</svg>
Source code
</a>
</li>
<li class="nav-item dropdown">
<a href="#" data-toggle="dropdown"
class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
<a href="#" data-toggle="dropdown" class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2" aria-label="Show personal menu">
<span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
<span class="ml-2 d-none d-lg-block lh-1">
Leesa Beaty
@@ -100,7 +103,7 @@
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12" y2="17"></line></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
Need help?
</a>
<a class="dropdown-item" href="#">
@@ -112,11 +115,9 @@
</ul>
</div>
</div>
</header>
<header class="topnav">
<div class="navbar navbar-expand-lg navbar-light">
<div class="navbar navbar-border collapse navbar-collapse navbar-collapse-absolute navbar-light bg-white" id="nav-main-menu">
<div class="container">
<ul class="navbar-nav flex-wrap">
<ul class="navbar-nav flex-wrap flex-fill">
<li class="nav-item">
<a class="nav-link" href="../index.html" >
<span class="nav-icon">
@@ -158,6 +159,11 @@
Cards
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
</a>
</li>
<li >
<a class="dropdown-item" href="../datatables.html" >
Data Tables
@@ -173,6 +179,11 @@
Carousel
</a>
</li>
<li >
<a class="dropdown-item" href="../lists.html" >
Lists
</a>
</li>
<li >
<a class="dropdown-item" href="../users.html" >
Users
@@ -193,59 +204,30 @@
Music
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="../charts.html" >
<span class="nav-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
</span>
Charts
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
aria-expanded="false" >
<span class="nav-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
</span>
Error pages
</a>
<ul class="dropdown-menu">
<li >
<a class="dropdown-item" href="../400.html" >
400 page
<li class="dropright">
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
Authentication
</a>
<div class="dropdown-menu">
<a href="../sign-in.html" class="dropdown-item">Sign in</a>
<a href="../sign-up.html" class="dropdown-item">Sign up</a>
<a href="../forgot-password.html" class="dropdown-item">Forgot password</a>
<a href="../terms-of-service.html" class="dropdown-item">Terms of service</a>
</div>
</li>
<li >
<a class="dropdown-item" href="../401.html" >
401 page
</a>
</li>
<li >
<a class="dropdown-item" href="../403.html" >
403 page
</a>
</li>
<li >
<a class="dropdown-item" href="../404.html" >
404 page
</a>
</li>
<li >
<a class="dropdown-item" href="../500.html" >
500 page
</a>
</li>
<li >
<a class="dropdown-item" href="../503.html" >
503 page
</a>
</li>
<li >
<a class="dropdown-item" href="../maintenance.html" >
Maintenance page
<li class="dropright">
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-toggle="dropdown" role="button" aria-expanded="false" >
Error pages
</a>
<div class="dropdown-menu">
<a href="../400.html" class="dropdown-item">400 page</a>
<a href="../401.html" class="dropdown-item">401 page</a>
<a href="../403.html" class="dropdown-item">403 page</a>
<a href="../404.html" class="dropdown-item">404 page</a>
<a href="../500.html" class="dropdown-item">500 page</a>
<a href="../503.html" class="dropdown-item">503 page</a>
<a href="../maintenance.html" class="dropdown-item">Maintenance page</a>
</div>
</li>
</ul>
</li>
@@ -274,7 +256,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
</span>
Layouts
<span class="badge bg-green ml-2">New</span>
</a>
</li>
<li class="nav-item dropdown">
@@ -296,6 +277,11 @@
Blog cards
</a>
</li>
<li >
<a class="dropdown-item" href="../snippets.html" >
Snippets
</a>
</li>
<li >
<a class="dropdown-item" href="../search-results.html" >
Search results
@@ -422,6 +408,11 @@
Payments
</a>
</li>
<li >
<a class="dropdown-item" href="../docs/range-slider.html" >
Range slider
</a>
</li>
<li >
<a class="dropdown-item" href="../docs/ribbons.html" >
Ribbons
@@ -471,13 +462,13 @@
</ul>
</li>
</ul>
<div class="navbar-search d-none d-xl-block">
<div class="d-none d-xl-block ml-auto">
<form action="." method="get">
<div class="input-icon">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control" placeholder="Search&hellip;">
<input type="text" class="form-control" placeholder="Search…">
</div>
</form>
</div>
@@ -593,9 +584,9 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1580339009"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1578694044"></script>
<script src="../dist/js/tabler.min.js?1580339009"></script>
<script src="../dist/js/tabler-range-sliders.min.js?1580339009"></script>
</body>
</html>
demo/components/card-comments.html
+75 -84
View File
@@ -12,7 +12,6 @@
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<meta http-equiv="Content-Language" content="en"/>
<meta name="msapplication-TileColor" content="#206bc4"/>
<meta name="theme-color" content="#206bc4"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
@@ -38,42 +37,46 @@
<meta property="og:url" content="https://preview-dev.tabler.io/components/card-comments.html">
<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!">
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-dark.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-rtl.min.css?1580339009" rel="stylesheet"/>
</head>
<body class="antialiased">
<div class="wrapper">
<div class="page">
<div class="content">
<header class="topnav">
<div class="container">
<div class="navbar navbar-expand-lg navbar-light">
<a href=".." class="navbar-brand mr-4">
<img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
<header class="navbar-wrap navbar-expand-lg flex-column">
<div class="navbar navbar-border navbar-light bg-white">
<div class="container">
<button class="navbar-toggler mr-auto d-lg-none" type="button" data-toggle="collapse" data-target="#nav-main-menu" aria-expanded="false" aria-label="Toggle menu">
<span class="navbar-toggler-icon"></span>
</button>
<a href=".." class="navbar-brand hide-sidebar-visible m-0">
<img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo">
</a>
<ul class="nav navbar-menu align-items-center ml-auto">
<li class="nav-item d-none d-lg-flex mr-3">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon text-github" fill="currentColor">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank" rel="noreferrer">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor">
<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/>
</svg>
Source code
</a>
</li>
<li class="nav-item dropdown">
<a href="#" data-toggle="dropdown"
class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
<a href="#" data-toggle="dropdown" class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2" aria-label="Show personal menu">
<span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
<span class="ml-2 d-none d-lg-block lh-1">
Leesa Beaty
@@ -100,7 +103,7 @@
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12" y2="17"></line></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
Need help?
</a>
<a class="dropdown-item" href="#">
@@ -112,11 +115,9 @@
</ul>
</div>
</div>
</header>
<header class="topnav">
<div class="navbar navbar-expand-lg navbar-light">
<div class="navbar navbar-border collapse navbar-collapse navbar-collapse-absolute navbar-light bg-white" id="nav-main-menu">
<div class="container">
<ul class="navbar-nav flex-wrap">
<ul class="navbar-nav flex-wrap flex-fill">
<li class="nav-item">
<a class="nav-link" href="../index.html" >
<span class="nav-icon">
@@ -158,6 +159,11 @@
Cards
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
</a>
</li>
<li >
<a class="dropdown-item" href="../datatables.html" >
Data Tables
@@ -173,6 +179,11 @@
Carousel
</a>
</li>
<li >
<a class="dropdown-item" href="../lists.html" >
Lists
</a>
</li>
<li >
<a class="dropdown-item" href="../users.html" >
Users
@@ -193,59 +204,30 @@
Music
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="../charts.html" >
<span class="nav-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
</span>
Charts
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
aria-expanded="false" >
<span class="nav-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
</span>
Error pages
</a>
<ul class="dropdown-menu">
<li >
<a class="dropdown-item" href="../400.html" >
400 page
<li class="dropright">
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
Authentication
</a>
<div class="dropdown-menu">
<a href="../sign-in.html" class="dropdown-item">Sign in</a>
<a href="../sign-up.html" class="dropdown-item">Sign up</a>
<a href="../forgot-password.html" class="dropdown-item">Forgot password</a>
<a href="../terms-of-service.html" class="dropdown-item">Terms of service</a>
</div>
</li>
<li >
<a class="dropdown-item" href="../401.html" >
401 page
</a>
</li>
<li >
<a class="dropdown-item" href="../403.html" >
403 page
</a>
</li>
<li >
<a class="dropdown-item" href="../404.html" >
404 page
</a>
</li>
<li >
<a class="dropdown-item" href="../500.html" >
500 page
</a>
</li>
<li >
<a class="dropdown-item" href="../503.html" >
503 page
</a>
</li>
<li >
<a class="dropdown-item" href="../maintenance.html" >
Maintenance page
<li class="dropright">
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-toggle="dropdown" role="button" aria-expanded="false" >
Error pages
</a>
<div class="dropdown-menu">
<a href="../400.html" class="dropdown-item">400 page</a>
<a href="../401.html" class="dropdown-item">401 page</a>
<a href="../403.html" class="dropdown-item">403 page</a>
<a href="../404.html" class="dropdown-item">404 page</a>
<a href="../500.html" class="dropdown-item">500 page</a>
<a href="../503.html" class="dropdown-item">503 page</a>
<a href="../maintenance.html" class="dropdown-item">Maintenance page</a>
</div>
</li>
</ul>
</li>
@@ -274,7 +256,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
</span>
Layouts
<span class="badge bg-green ml-2">New</span>
</a>
</li>
<li class="nav-item dropdown">
@@ -296,6 +277,11 @@
Blog cards
</a>
</li>
<li >
<a class="dropdown-item" href="../snippets.html" >
Snippets
</a>
</li>
<li >
<a class="dropdown-item" href="../search-results.html" >
Search results
@@ -422,6 +408,11 @@
Payments
</a>
</li>
<li >
<a class="dropdown-item" href="../docs/range-slider.html" >
Range slider
</a>
</li>
<li >
<a class="dropdown-item" href="../docs/ribbons.html" >
Ribbons
@@ -471,13 +462,13 @@
</ul>
</li>
</ul>
<div class="navbar-search d-none d-xl-block">
<div class="d-none d-xl-block ml-auto">
<form action="." method="get">
<div class="input-icon">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control" placeholder="Search&hellip;">
<input type="text" class="form-control" placeholder="Search…">
</div>
</form>
</div>
@@ -803,9 +794,9 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1580339009"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1578694044"></script>
<script src="../dist/js/tabler.min.js?1580339009"></script>
<script src="../dist/js/tabler-range-sliders.min.js?1580339009"></script>
</body>
</html>
demo/components/card-ribbon.html
+78 -87
View File
@@ -12,7 +12,6 @@
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<meta http-equiv="Content-Language" content="en"/>
<meta name="msapplication-TileColor" content="#206bc4"/>
<meta name="theme-color" content="#206bc4"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
@@ -38,42 +37,46 @@
<meta property="og:url" content="https://preview-dev.tabler.io/components/card-ribbon.html">
<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!">
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-dark.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-rtl.min.css?1580339009" rel="stylesheet"/>
</head>
<body class="antialiased">
<div class="wrapper">
<div class="page">
<div class="content">
<header class="topnav">
<div class="container">
<div class="navbar navbar-expand-lg navbar-light">
<a href=".." class="navbar-brand mr-4">
<img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
<header class="navbar-wrap navbar-expand-lg flex-column">
<div class="navbar navbar-border navbar-light bg-white">
<div class="container">
<button class="navbar-toggler mr-auto d-lg-none" type="button" data-toggle="collapse" data-target="#nav-main-menu" aria-expanded="false" aria-label="Toggle menu">
<span class="navbar-toggler-icon"></span>
</button>
<a href=".." class="navbar-brand hide-sidebar-visible m-0">
<img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo">
</a>
<ul class="nav navbar-menu align-items-center ml-auto">
<li class="nav-item d-none d-lg-flex mr-3">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon text-github" fill="currentColor">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank" rel="noreferrer">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor">
<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/>
</svg>
Source code
</a>
</li>
<li class="nav-item dropdown">
<a href="#" data-toggle="dropdown"
class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
<a href="#" data-toggle="dropdown" class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2" aria-label="Show personal menu">
<span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
<span class="ml-2 d-none d-lg-block lh-1">
Leesa Beaty
@@ -100,7 +103,7 @@
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12" y2="17"></line></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
Need help?
</a>
<a class="dropdown-item" href="#">
@@ -112,11 +115,9 @@
</ul>
</div>
</div>
</header>
<header class="topnav">
<div class="navbar navbar-expand-lg navbar-light">
<div class="navbar navbar-border collapse navbar-collapse navbar-collapse-absolute navbar-light bg-white" id="nav-main-menu">
<div class="container">
<ul class="navbar-nav flex-wrap">
<ul class="navbar-nav flex-wrap flex-fill">
<li class="nav-item">
<a class="nav-link" href="../index.html" >
<span class="nav-icon">
@@ -158,6 +159,11 @@
Cards
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
</a>
</li>
<li >
<a class="dropdown-item" href="../datatables.html" >
Data Tables
@@ -173,6 +179,11 @@
Carousel
</a>
</li>
<li >
<a class="dropdown-item" href="../lists.html" >
Lists
</a>
</li>
<li >
<a class="dropdown-item" href="../users.html" >
Users
@@ -193,59 +204,30 @@
Music
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="../charts.html" >
<span class="nav-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
</span>
Charts
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
aria-expanded="false" >
<span class="nav-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
</span>
Error pages
</a>
<ul class="dropdown-menu">
<li >
<a class="dropdown-item" href="../400.html" >
400 page
<li class="dropright">
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
Authentication
</a>
<div class="dropdown-menu">
<a href="../sign-in.html" class="dropdown-item">Sign in</a>
<a href="../sign-up.html" class="dropdown-item">Sign up</a>
<a href="../forgot-password.html" class="dropdown-item">Forgot password</a>
<a href="../terms-of-service.html" class="dropdown-item">Terms of service</a>
</div>
</li>
<li >
<a class="dropdown-item" href="../401.html" >
401 page
</a>
</li>
<li >
<a class="dropdown-item" href="../403.html" >
403 page
</a>
</li>
<li >
<a class="dropdown-item" href="../404.html" >
404 page
</a>
</li>
<li >
<a class="dropdown-item" href="../500.html" >
500 page
</a>
</li>
<li >
<a class="dropdown-item" href="../503.html" >
503 page
</a>
</li>
<li >
<a class="dropdown-item" href="../maintenance.html" >
Maintenance page
<li class="dropright">
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-toggle="dropdown" role="button" aria-expanded="false" >
Error pages
</a>
<div class="dropdown-menu">
<a href="../400.html" class="dropdown-item">400 page</a>
<a href="../401.html" class="dropdown-item">401 page</a>
<a href="../403.html" class="dropdown-item">403 page</a>
<a href="../404.html" class="dropdown-item">404 page</a>
<a href="../500.html" class="dropdown-item">500 page</a>
<a href="../503.html" class="dropdown-item">503 page</a>
<a href="../maintenance.html" class="dropdown-item">Maintenance page</a>
</div>
</li>
</ul>
</li>
@@ -274,7 +256,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
</span>
Layouts
<span class="badge bg-green ml-2">New</span>
</a>
</li>
<li class="nav-item dropdown">
@@ -296,6 +277,11 @@
Blog cards
</a>
</li>
<li >
<a class="dropdown-item" href="../snippets.html" >
Snippets
</a>
</li>
<li >
<a class="dropdown-item" href="../search-results.html" >
Search results
@@ -422,6 +408,11 @@
Payments
</a>
</li>
<li >
<a class="dropdown-item" href="../docs/range-slider.html" >
Range slider
</a>
</li>
<li >
<a class="dropdown-item" href="../docs/ribbons.html" >
Ribbons
@@ -471,13 +462,13 @@
</ul>
</li>
</ul>
<div class="navbar-search d-none d-xl-block">
<div class="d-none d-xl-block ml-auto">
<form action="." method="get">
<div class="input-icon">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control" placeholder="Search&hellip;">
<input type="text" class="form-control" placeholder="Search…">
</div>
</form>
</div>
@@ -551,11 +542,11 @@
<form action="https://codepen.io/pen/define" method="post" target="_blank">
<input type="hidden" name="data" value='{"title":"Card with ribbon","css_external":"https://preview-dev.tabler.io/dist/css/tabler.css","html":"\n<div class=\"tabler-demo\">\n \n\n\n
<div class=\"card\">\n\t
<div class=\"card-body\">\n \n
<div class=\"card-body\">\n\t\t\n\t\t\t
<h3 class=\"card-title\">Card with ribbon</h3>
\n
\n\t\t\t
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda consectetur consequuntur culpa cum dolorum eveniet.</p>
\n \n\t</div>
\n\t\t\n\t</div>
\n\n\t
<div class=\"ribbon ribbon-bookmark bg-orange\">-10%</div>
\n</div>
@@ -577,9 +568,9 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1580339009"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1578694044"></script>
<script src="../dist/js/tabler.min.js?1580339009"></script>
<script src="../dist/js/tabler-range-sliders.min.js?1580339009"></script>
</body>
</html>
demo/components/card-tabs-bottom.html
+75 -84
View File
@@ -12,7 +12,6 @@
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<meta http-equiv="Content-Language" content="en"/>
<meta name="msapplication-TileColor" content="#206bc4"/>
<meta name="theme-color" content="#206bc4"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
@@ -38,42 +37,46 @@
<meta property="og:url" content="https://preview-dev.tabler.io/components/card-tabs-bottom.html">
<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!">
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-dark.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-rtl.min.css?1580339009" rel="stylesheet"/>
</head>
<body class="antialiased">
<div class="wrapper">
<div class="page">
<div class="content">
<header class="topnav">
<div class="container">
<div class="navbar navbar-expand-lg navbar-light">
<a href=".." class="navbar-brand mr-4">
<img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
<header class="navbar-wrap navbar-expand-lg flex-column">
<div class="navbar navbar-border navbar-light bg-white">
<div class="container">
<button class="navbar-toggler mr-auto d-lg-none" type="button" data-toggle="collapse" data-target="#nav-main-menu" aria-expanded="false" aria-label="Toggle menu">
<span class="navbar-toggler-icon"></span>
</button>
<a href=".." class="navbar-brand hide-sidebar-visible m-0">
<img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo">
</a>
<ul class="nav navbar-menu align-items-center ml-auto">
<li class="nav-item d-none d-lg-flex mr-3">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon text-github" fill="currentColor">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank" rel="noreferrer">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor">
<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/>
</svg>
Source code
</a>
</li>
<li class="nav-item dropdown">
<a href="#" data-toggle="dropdown"
class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
<a href="#" data-toggle="dropdown" class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2" aria-label="Show personal menu">
<span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
<span class="ml-2 d-none d-lg-block lh-1">
Leesa Beaty
@@ -100,7 +103,7 @@
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12" y2="17"></line></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
Need help?
</a>
<a class="dropdown-item" href="#">
@@ -112,11 +115,9 @@
</ul>
</div>
</div>
</header>
<header class="topnav">
<div class="navbar navbar-expand-lg navbar-light">
<div class="navbar navbar-border collapse navbar-collapse navbar-collapse-absolute navbar-light bg-white" id="nav-main-menu">
<div class="container">
<ul class="navbar-nav flex-wrap">
<ul class="navbar-nav flex-wrap flex-fill">
<li class="nav-item">
<a class="nav-link" href="../index.html" >
<span class="nav-icon">
@@ -158,6 +159,11 @@
Cards
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
</a>
</li>
<li >
<a class="dropdown-item" href="../datatables.html" >
Data Tables
@@ -173,6 +179,11 @@
Carousel
</a>
</li>
<li >
<a class="dropdown-item" href="../lists.html" >
Lists
</a>
</li>
<li >
<a class="dropdown-item" href="../users.html" >
Users
@@ -193,59 +204,30 @@
Music
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="../charts.html" >
<span class="nav-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
</span>
Charts
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
aria-expanded="false" >
<span class="nav-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
</span>
Error pages
</a>
<ul class="dropdown-menu">
<li >
<a class="dropdown-item" href="../400.html" >
400 page
<li class="dropright">
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
Authentication
</a>
<div class="dropdown-menu">
<a href="../sign-in.html" class="dropdown-item">Sign in</a>
<a href="../sign-up.html" class="dropdown-item">Sign up</a>
<a href="../forgot-password.html" class="dropdown-item">Forgot password</a>
<a href="../terms-of-service.html" class="dropdown-item">Terms of service</a>
</div>
</li>
<li >
<a class="dropdown-item" href="../401.html" >
401 page
</a>
</li>
<li >
<a class="dropdown-item" href="../403.html" >
403 page
</a>
</li>
<li >
<a class="dropdown-item" href="../404.html" >
404 page
</a>
</li>
<li >
<a class="dropdown-item" href="../500.html" >
500 page
</a>
</li>
<li >
<a class="dropdown-item" href="../503.html" >
503 page
</a>
</li>
<li >
<a class="dropdown-item" href="../maintenance.html" >
Maintenance page
<li class="dropright">
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-toggle="dropdown" role="button" aria-expanded="false" >
Error pages
</a>
<div class="dropdown-menu">
<a href="../400.html" class="dropdown-item">400 page</a>
<a href="../401.html" class="dropdown-item">401 page</a>
<a href="../403.html" class="dropdown-item">403 page</a>
<a href="../404.html" class="dropdown-item">404 page</a>
<a href="../500.html" class="dropdown-item">500 page</a>
<a href="../503.html" class="dropdown-item">503 page</a>
<a href="../maintenance.html" class="dropdown-item">Maintenance page</a>
</div>
</li>
</ul>
</li>
@@ -274,7 +256,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
</span>
Layouts
<span class="badge bg-green ml-2">New</span>
</a>
</li>
<li class="nav-item dropdown">
@@ -296,6 +277,11 @@
Blog cards
</a>
</li>
<li >
<a class="dropdown-item" href="../snippets.html" >
Snippets
</a>
</li>
<li >
<a class="dropdown-item" href="../search-results.html" >
Search results
@@ -422,6 +408,11 @@
Payments
</a>
</li>
<li >
<a class="dropdown-item" href="../docs/range-slider.html" >
Range slider
</a>
</li>
<li >
<a class="dropdown-item" href="../docs/ribbons.html" >
Ribbons
@@ -471,13 +462,13 @@
</ul>
</li>
</ul>
<div class="navbar-search d-none d-xl-block">
<div class="d-none d-xl-block ml-auto">
<form action="." method="get">
<div class="input-icon">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control" placeholder="Search&hellip;">
<input type="text" class="form-control" placeholder="Search…">
</div>
</form>
</div>
@@ -695,9 +686,9 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1580339009"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1578694044"></script>
<script src="../dist/js/tabler.min.js?1580339009"></script>
<script src="../dist/js/tabler-range-sliders.min.js?1580339009"></script>
</body>
</html>
demo/components/card-with-image.html
+75 -84
View File
@@ -12,7 +12,6 @@
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<meta http-equiv="Content-Language" content="en"/>
<meta name="msapplication-TileColor" content="#206bc4"/>
<meta name="theme-color" content="#206bc4"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
@@ -38,42 +37,46 @@
<meta property="og:url" content="https://preview-dev.tabler.io/components/card-with-image.html">
<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!">
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-dark.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-rtl.min.css?1580339009" rel="stylesheet"/>
</head>
<body class="antialiased">
<div class="wrapper">
<div class="page">
<div class="content">
<header class="topnav">
<div class="container">
<div class="navbar navbar-expand-lg navbar-light">
<a href=".." class="navbar-brand mr-4">
<img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
<header class="navbar-wrap navbar-expand-lg flex-column">
<div class="navbar navbar-border navbar-light bg-white">
<div class="container">
<button class="navbar-toggler mr-auto d-lg-none" type="button" data-toggle="collapse" data-target="#nav-main-menu" aria-expanded="false" aria-label="Toggle menu">
<span class="navbar-toggler-icon"></span>
</button>
<a href=".." class="navbar-brand hide-sidebar-visible m-0">
<img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo">
</a>
<ul class="nav navbar-menu align-items-center ml-auto">
<li class="nav-item d-none d-lg-flex mr-3">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon text-github" fill="currentColor">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank" rel="noreferrer">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor">
<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/>
</svg>
Source code
</a>
</li>
<li class="nav-item dropdown">
<a href="#" data-toggle="dropdown"
class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
<a href="#" data-toggle="dropdown" class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2" aria-label="Show personal menu">
<span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
<span class="ml-2 d-none d-lg-block lh-1">
Leesa Beaty
@@ -100,7 +103,7 @@
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12" y2="17"></line></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
Need help?
</a>
<a class="dropdown-item" href="#">
@@ -112,11 +115,9 @@
</ul>
</div>
</div>
</header>
<header class="topnav">
<div class="navbar navbar-expand-lg navbar-light">
<div class="navbar navbar-border collapse navbar-collapse navbar-collapse-absolute navbar-light bg-white" id="nav-main-menu">
<div class="container">
<ul class="navbar-nav flex-wrap">
<ul class="navbar-nav flex-wrap flex-fill">
<li class="nav-item">
<a class="nav-link" href="../index.html" >
<span class="nav-icon">
@@ -158,6 +159,11 @@
Cards
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
</a>
</li>
<li >
<a class="dropdown-item" href="../datatables.html" >
Data Tables
@@ -173,6 +179,11 @@
Carousel
</a>
</li>
<li >
<a class="dropdown-item" href="../lists.html" >
Lists
</a>
</li>
<li >
<a class="dropdown-item" href="../users.html" >
Users
@@ -193,59 +204,30 @@
Music
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="../charts.html" >
<span class="nav-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
</span>
Charts
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
aria-expanded="false" >
<span class="nav-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
</span>
Error pages
</a>
<ul class="dropdown-menu">
<li >
<a class="dropdown-item" href="../400.html" >
400 page
<li class="dropright">
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
Authentication
</a>
<div class="dropdown-menu">
<a href="../sign-in.html" class="dropdown-item">Sign in</a>
<a href="../sign-up.html" class="dropdown-item">Sign up</a>
<a href="../forgot-password.html" class="dropdown-item">Forgot password</a>
<a href="../terms-of-service.html" class="dropdown-item">Terms of service</a>
</div>
</li>
<li >
<a class="dropdown-item" href="../401.html" >
401 page
</a>
</li>
<li >
<a class="dropdown-item" href="../403.html" >
403 page
</a>
</li>
<li >
<a class="dropdown-item" href="../404.html" >
404 page
</a>
</li>
<li >
<a class="dropdown-item" href="../500.html" >
500 page
</a>
</li>
<li >
<a class="dropdown-item" href="../503.html" >
503 page
</a>
</li>
<li >
<a class="dropdown-item" href="../maintenance.html" >
Maintenance page
<li class="dropright">
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-toggle="dropdown" role="button" aria-expanded="false" >
Error pages
</a>
<div class="dropdown-menu">
<a href="../400.html" class="dropdown-item">400 page</a>
<a href="../401.html" class="dropdown-item">401 page</a>
<a href="../403.html" class="dropdown-item">403 page</a>
<a href="../404.html" class="dropdown-item">404 page</a>
<a href="../500.html" class="dropdown-item">500 page</a>
<a href="../503.html" class="dropdown-item">503 page</a>
<a href="../maintenance.html" class="dropdown-item">Maintenance page</a>
</div>
</li>
</ul>
</li>
@@ -274,7 +256,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
</span>
Layouts
<span class="badge bg-green ml-2">New</span>
</a>
</li>
<li class="nav-item dropdown">
@@ -296,6 +277,11 @@
Blog cards
</a>
</li>
<li >
<a class="dropdown-item" href="../snippets.html" >
Snippets
</a>
</li>
<li >
<a class="dropdown-item" href="../search-results.html" >
Search results
@@ -422,6 +408,11 @@
Payments
</a>
</li>
<li >
<a class="dropdown-item" href="../docs/range-slider.html" >
Range slider
</a>
</li>
<li >
<a class="dropdown-item" href="../docs/ribbons.html" >
Ribbons
@@ -471,13 +462,13 @@
</ul>
</li>
</ul>
<div class="navbar-search d-none d-xl-block">
<div class="d-none d-xl-block ml-auto">
<form action="." method="get">
<div class="input-icon">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control" placeholder="Search&hellip;">
<input type="text" class="form-control" placeholder="Search…">
</div>
</form>
</div>
@@ -595,9 +586,9 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1580339009"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1578694044"></script>
<script src="../dist/js/tabler.min.js?1580339009"></script>
<script src="../dist/js/tabler-range-sliders.min.js?1580339009"></script>
</body>
</html>
demo/components/empty.html
+79 -88
View File
@@ -12,7 +12,6 @@
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<meta http-equiv="Content-Language" content="en"/>
<meta name="msapplication-TileColor" content="#206bc4"/>
<meta name="theme-color" content="#206bc4"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
@@ -38,42 +37,46 @@
<meta property="og:url" content="https://preview-dev.tabler.io/components/empty.html">
<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!">
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-dark.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-rtl.min.css?1580339009" rel="stylesheet"/>
</head>
<body class="antialiased">
<div class="wrapper">
<div class="page">
<div class="content">
<header class="topnav">
<div class="container">
<div class="navbar navbar-expand-lg navbar-light">
<a href=".." class="navbar-brand mr-4">
<img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
<header class="navbar-wrap navbar-expand-lg flex-column">
<div class="navbar navbar-border navbar-light bg-white">
<div class="container">
<button class="navbar-toggler mr-auto d-lg-none" type="button" data-toggle="collapse" data-target="#nav-main-menu" aria-expanded="false" aria-label="Toggle menu">
<span class="navbar-toggler-icon"></span>
</button>
<a href=".." class="navbar-brand hide-sidebar-visible m-0">
<img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo">
</a>
<ul class="nav navbar-menu align-items-center ml-auto">
<li class="nav-item d-none d-lg-flex mr-3">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon text-github" fill="currentColor">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank" rel="noreferrer">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor">
<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/>
</svg>
Source code
</a>
</li>
<li class="nav-item dropdown">
<a href="#" data-toggle="dropdown"
class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
<a href="#" data-toggle="dropdown" class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2" aria-label="Show personal menu">
<span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
<span class="ml-2 d-none d-lg-block lh-1">
Leesa Beaty
@@ -100,7 +103,7 @@
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12" y2="17"></line></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
Need help?
</a>
<a class="dropdown-item" href="#">
@@ -112,11 +115,9 @@
</ul>
</div>
</div>
</header>
<header class="topnav">
<div class="navbar navbar-expand-lg navbar-light">
<div class="navbar navbar-border collapse navbar-collapse navbar-collapse-absolute navbar-light bg-white" id="nav-main-menu">
<div class="container">
<ul class="navbar-nav flex-wrap">
<ul class="navbar-nav flex-wrap flex-fill">
<li class="nav-item">
<a class="nav-link" href="../index.html" >
<span class="nav-icon">
@@ -158,6 +159,11 @@
Cards
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
</a>
</li>
<li >
<a class="dropdown-item" href="../datatables.html" >
Data Tables
@@ -173,6 +179,11 @@
Carousel
</a>
</li>
<li >
<a class="dropdown-item" href="../lists.html" >
Lists
</a>
</li>
<li >
<a class="dropdown-item" href="../users.html" >
Users
@@ -193,59 +204,30 @@
Music
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="../charts.html" >
<span class="nav-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
</span>
Charts
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
aria-expanded="false" >
<span class="nav-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
</span>
Error pages
</a>
<ul class="dropdown-menu">
<li >
<a class="dropdown-item" href="../400.html" >
400 page
<li class="dropright">
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
Authentication
</a>
<div class="dropdown-menu">
<a href="../sign-in.html" class="dropdown-item">Sign in</a>
<a href="../sign-up.html" class="dropdown-item">Sign up</a>
<a href="../forgot-password.html" class="dropdown-item">Forgot password</a>
<a href="../terms-of-service.html" class="dropdown-item">Terms of service</a>
</div>
</li>
<li >
<a class="dropdown-item" href="../401.html" >
401 page
</a>
</li>
<li >
<a class="dropdown-item" href="../403.html" >
403 page
</a>
</li>
<li >
<a class="dropdown-item" href="../404.html" >
404 page
</a>
</li>
<li >
<a class="dropdown-item" href="../500.html" >
500 page
</a>
</li>
<li >
<a class="dropdown-item" href="../503.html" >
503 page
</a>
</li>
<li >
<a class="dropdown-item" href="../maintenance.html" >
Maintenance page
<li class="dropright">
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-toggle="dropdown" role="button" aria-expanded="false" >
Error pages
</a>
<div class="dropdown-menu">
<a href="../400.html" class="dropdown-item">400 page</a>
<a href="../401.html" class="dropdown-item">401 page</a>
<a href="../403.html" class="dropdown-item">403 page</a>
<a href="../404.html" class="dropdown-item">404 page</a>
<a href="../500.html" class="dropdown-item">500 page</a>
<a href="../503.html" class="dropdown-item">503 page</a>
<a href="../maintenance.html" class="dropdown-item">Maintenance page</a>
</div>
</li>
</ul>
</li>
@@ -274,7 +256,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
</span>
Layouts
<span class="badge bg-green ml-2">New</span>
</a>
</li>
<li class="nav-item dropdown">
@@ -296,6 +277,11 @@
Blog cards
</a>
</li>
<li >
<a class="dropdown-item" href="../snippets.html" >
Snippets
</a>
</li>
<li >
<a class="dropdown-item" href="../search-results.html" >
Search results
@@ -422,6 +408,11 @@
Payments
</a>
</li>
<li >
<a class="dropdown-item" href="../docs/range-slider.html" >
Range slider
</a>
</li>
<li >
<a class="dropdown-item" href="../docs/ribbons.html" >
Ribbons
@@ -471,13 +462,13 @@
</ul>
</li>
</ul>
<div class="navbar-search d-none d-xl-block">
<div class="d-none d-xl-block ml-auto">
<form action="." method="get">
<div class="input-icon">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control" placeholder="Search&hellip;">
<input type="text" class="form-control" placeholder="Search…">
</div>
</form>
</div>
@@ -531,7 +522,7 @@
Try adjusting your search or filter to find what you're looking for.
</p>
<div class="empty-action">
<a href="../index.html" class="btn btn-primary">
<a href="../." class="btn btn-primary">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
Search again
</a>
@@ -550,7 +541,7 @@
Try adjusting your search or filter to find what you're looking for.
<span class="nt">&lt;/p&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"empty-action"</span><span class="nt">&gt;</span>
<span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"./index.html"</span> <span class="na">class=</span><span class="s">"btn btn-primary"</span><span class="nt">&gt;</span>
<span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"./."</span> <span class="na">class=</span><span class="s">"btn btn-primary"</span><span class="nt">&gt;</span>
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span> <span class="na">class=</span><span class="s">"icon"</span><span class="nt">&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"11"</span> <span class="na">cy=</span><span class="s">"11"</span> <span class="na">r=</span><span class="s">"8"</span><span class="nt">&gt;&lt;/circle&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"21"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"16.65"</span> <span class="na">y2=</span><span class="s">"16.65"</span><span class="nt">&gt;&lt;/line&gt;&lt;/svg&gt;</span>
Search again
<span class="nt">&lt;/a&gt;</span>
@@ -573,12 +564,12 @@
\n
<p class=\"empty-subtitle text-muted\">\n Try adjusting your search or filter to find what youre looking for.\n </p>
\n
<div class=\"empty-action\">\n \n \n <a href=\"../index.html\" class=\"btn btn-primary\">\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icon\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"></line></svg>\nSearch again\n</a>\n\n </div>
<div class=\"empty-action\">\n \n \n <a href=\"../.\" class=\"btn btn-primary\">\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icon\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"></line></svg>\nSearch again\n</a>\n\n </div>
\n</div>
\n\n\n</div>
\nre looking for.\n </p>
\n
<div class=\"empty-action\">\n \n \n <a href=\"../index.html\" class=\"btn btn-primary\">\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icon\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"></line></svg>\nSearch again\n</a>\n\n </div>
<div class=\"empty-action\">\n \n \n <a href=\"../.\" class=\"btn btn-primary\">\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icon\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"></line></svg>\nSearch again\n</a>\n\n </div>
\n</div>
\n\n\n</div>
\n","css":"\n.tabler-demo {\n padding: 3rem;\n -webkit-font-smoothing: antialiased;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100vh;\n width: 100%;\n}\n", "editors":"100"}'>
@@ -598,9 +589,9 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1580339009"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1578694044"></script>
<script src="../dist/js/tabler.min.js?1580339009"></script>
<script src="../dist/js/tabler-range-sliders.min.js?1580339009"></script>
</body>
</html>
demo/components/index.html
+1 -1
View File
@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<meta charset="utf-8">
<title>Redirecting&hellip;</title>
<title>Redirecting…</title>
<link rel="canonical" href="../components.html">
<meta http-equiv="refresh" content="0; url=../components.html">
<meta name="robots" content="noindex">
demo/components/input-colors.html
+107 -102
View File
@@ -12,7 +12,6 @@
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<meta http-equiv="Content-Language" content="en"/>
<meta name="msapplication-TileColor" content="#206bc4"/>
<meta name="theme-color" content="#206bc4"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
@@ -38,42 +37,46 @@
<meta property="og:url" content="https://preview-dev.tabler.io/components/input-colors.html">
<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!">
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-dark.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-rtl.min.css?1580339009" rel="stylesheet"/>
</head>
<body class="antialiased">
<div class="wrapper">
<div class="page">
<div class="content">
<header class="topnav">
<div class="container">
<div class="navbar navbar-expand-lg navbar-light">
<a href=".." class="navbar-brand mr-4">
<img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
<header class="navbar-wrap navbar-expand-lg flex-column">
<div class="navbar navbar-border navbar-light bg-white">
<div class="container">
<button class="navbar-toggler mr-auto d-lg-none" type="button" data-toggle="collapse" data-target="#nav-main-menu" aria-expanded="false" aria-label="Toggle menu">
<span class="navbar-toggler-icon"></span>
</button>
<a href=".." class="navbar-brand hide-sidebar-visible m-0">
<img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo">
</a>
<ul class="nav navbar-menu align-items-center ml-auto">
<li class="nav-item d-none d-lg-flex mr-3">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon text-github" fill="currentColor">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank" rel="noreferrer">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor">
<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/>
</svg>
Source code
</a>
</li>
<li class="nav-item dropdown">
<a href="#" data-toggle="dropdown"
class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
<a href="#" data-toggle="dropdown" class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2" aria-label="Show personal menu">
<span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
<span class="ml-2 d-none d-lg-block lh-1">
Leesa Beaty
@@ -100,7 +103,7 @@
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12" y2="17"></line></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
Need help?
</a>
<a class="dropdown-item" href="#">
@@ -112,11 +115,9 @@
</ul>
</div>
</div>
</header>
<header class="topnav">
<div class="navbar navbar-expand-lg navbar-light">
<div class="navbar navbar-border collapse navbar-collapse navbar-collapse-absolute navbar-light bg-white" id="nav-main-menu">
<div class="container">
<ul class="navbar-nav flex-wrap">
<ul class="navbar-nav flex-wrap flex-fill">
<li class="nav-item">
<a class="nav-link" href="../index.html" >
<span class="nav-icon">
@@ -158,6 +159,11 @@
Cards
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
</a>
</li>
<li >
<a class="dropdown-item" href="../datatables.html" >
Data Tables
@@ -173,6 +179,11 @@
Carousel
</a>
</li>
<li >
<a class="dropdown-item" href="../lists.html" >
Lists
</a>
</li>
<li >
<a class="dropdown-item" href="../users.html" >
Users
@@ -193,59 +204,30 @@
Music
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="../charts.html" >
<span class="nav-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
</span>
Charts
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
aria-expanded="false" >
<span class="nav-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
</span>
Error pages
</a>
<ul class="dropdown-menu">
<li >
<a class="dropdown-item" href="../400.html" >
400 page
<li class="dropright">
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
Authentication
</a>
<div class="dropdown-menu">
<a href="../sign-in.html" class="dropdown-item">Sign in</a>
<a href="../sign-up.html" class="dropdown-item">Sign up</a>
<a href="../forgot-password.html" class="dropdown-item">Forgot password</a>
<a href="../terms-of-service.html" class="dropdown-item">Terms of service</a>
</div>
</li>
<li >
<a class="dropdown-item" href="../401.html" >
401 page
</a>
</li>
<li >
<a class="dropdown-item" href="../403.html" >
403 page
</a>
</li>
<li >
<a class="dropdown-item" href="../404.html" >
404 page
</a>
</li>
<li >
<a class="dropdown-item" href="../500.html" >
500 page
</a>
</li>
<li >
<a class="dropdown-item" href="../503.html" >
503 page
</a>
</li>
<li >
<a class="dropdown-item" href="../maintenance.html" >
Maintenance page
<li class="dropright">
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-toggle="dropdown" role="button" aria-expanded="false" >
Error pages
</a>
<div class="dropdown-menu">
<a href="../400.html" class="dropdown-item">400 page</a>
<a href="../401.html" class="dropdown-item">401 page</a>
<a href="../403.html" class="dropdown-item">403 page</a>
<a href="../404.html" class="dropdown-item">404 page</a>
<a href="../500.html" class="dropdown-item">500 page</a>
<a href="../503.html" class="dropdown-item">503 page</a>
<a href="../maintenance.html" class="dropdown-item">Maintenance page</a>
</div>
</li>
</ul>
</li>
@@ -274,7 +256,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
</span>
Layouts
<span class="badge bg-green ml-2">New</span>
</a>
</li>
<li class="nav-item dropdown">
@@ -296,6 +277,11 @@
Blog cards
</a>
</li>
<li >
<a class="dropdown-item" href="../snippets.html" >
Snippets
</a>
</li>
<li >
<a class="dropdown-item" href="../search-results.html" >
Search results
@@ -422,6 +408,11 @@
Payments
</a>
</li>
<li >
<a class="dropdown-item" href="../docs/range-slider.html" >
Range slider
</a>
</li>
<li >
<a class="dropdown-item" href="../docs/ribbons.html" >
Ribbons
@@ -471,13 +462,13 @@
</ul>
</li>
</ul>
<div class="navbar-search d-none d-xl-block">
<div class="d-none d-xl-block ml-auto">
<form action="." method="get">
<div class="input-icon">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control" placeholder="Search&hellip;">
<input type="text" class="form-control" placeholder="Search…">
</div>
</form>
</div>
@@ -527,7 +518,19 @@
<div class="row row-xs">
<div class="col-auto">
<label class="form-colorinput">
<input name="color" type="checkbox" value="blue" class="form-colorinput-input" />
<input name="color" type="checkbox" value="dark" class="form-colorinput-input" />
<span class="form-colorinput-color bg-dark"></span>
</label>
</div>
<div class="col-auto">
<label class="form-colorinput form-colorinput-light">
<input name="color" type="checkbox" value="white" class="form-colorinput-input" checked/>
<span class="form-colorinput-color bg-white"></span>
</label>
</div>
<div class="col-auto">
<label class="form-colorinput">
<input name="color" type="checkbox" value="blue" class="form-colorinput-input" checked/>
<span class="form-colorinput-color bg-blue"></span>
</label>
</div>
@@ -579,12 +582,6 @@
<span class="form-colorinput-color bg-lime"></span>
</label>
</div>
<div class="col-auto">
<label class="form-colorinput">
<input name="color" type="checkbox" value="green" class="form-colorinput-input" />
<span class="form-colorinput-color bg-green"></span>
</label>
</div>
</div>
</div>
</div>
@@ -596,7 +593,19 @@
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"row row-xs"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-auto"</span><span class="nt">&gt;</span>
<span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-colorinput"</span><span class="nt">&gt;</span>
<span class="nt">&lt;input</span> <span class="na">name=</span><span class="s">"color"</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">value=</span><span class="s">"blue"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/&gt;</span>
<span class="nt">&lt;input</span> <span class="na">name=</span><span class="s">"color"</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">value=</span><span class="s">"dark"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/&gt;</span>
<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-dark"</span><span class="nt">&gt;&lt;/span&gt;</span>
<span class="nt">&lt;/label&gt;</span>
<span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-auto"</span><span class="nt">&gt;</span>
<span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-colorinput form-colorinput-light"</span><span class="nt">&gt;</span>
<span class="nt">&lt;input</span> <span class="na">name=</span><span class="s">"color"</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">value=</span><span class="s">"white"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="na">checked</span><span class="nt">/&gt;</span>
<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-white"</span><span class="nt">&gt;&lt;/span&gt;</span>
<span class="nt">&lt;/label&gt;</span>
<span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-auto"</span><span class="nt">&gt;</span>
<span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-colorinput"</span><span class="nt">&gt;</span>
<span class="nt">&lt;input</span> <span class="na">name=</span><span class="s">"color"</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">value=</span><span class="s">"blue"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="na">checked</span><span class="nt">/&gt;</span>
<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-blue"</span><span class="nt">&gt;&lt;/span&gt;</span>
<span class="nt">&lt;/label&gt;</span>
<span class="nt">&lt;/div&gt;</span>
@@ -648,12 +657,6 @@
<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-lime"</span><span class="nt">&gt;&lt;/span&gt;</span>
<span class="nt">&lt;/label&gt;</span>
<span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-auto"</span><span class="nt">&gt;</span>
<span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-colorinput"</span><span class="nt">&gt;</span>
<span class="nt">&lt;input</span> <span class="na">name=</span><span class="s">"color"</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">value=</span><span class="s">"green"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/&gt;</span>
<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-green"</span><span class="nt">&gt;&lt;/span&gt;</span>
<span class="nt">&lt;/label&gt;</span>
<span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;/div&gt;</span></code></pre>
</div>
@@ -665,10 +668,14 @@
</div>
<div class="col">
<form action="https://codepen.io/pen/define" method="post" target="_blank">
<input type="hidden" name="data" value='{"title":"Color input","css_external":"https://preview-dev.tabler.io/dist/css/tabler.css","html":"\n<div class=\"tabler-demo\">\n
<input type="hidden" name="data" value='{"title":"Color input","css_external":"https://preview-dev.tabler.io/dist/css/tabler.css","html":"\n<div class=\"tabler-demo\">\n \n\n\n
<div class=\"mb-3\">\n\t<label class=\"form-label\">Color Input</label>\n\t
<div class=\"row row-xs\">\n\t\t\n\t\t
<div class=\"col-auto\">\n\t\t\t<label class=\"form-colorinput\">\n\t\t\t\t<input name=\"color\" type=\"checkbox\" value=\"blue\" class=\"form-colorinput-input\" />\n\t\t\t\t<span class=\"form-colorinput-color bg-blue\"></span>\n\t\t\t</label>\n\t\t</div>
<div class=\"col-auto\">\n\t\t\t<label class=\"form-colorinput\">\n\t\t\t\t<input name=\"color\" type=\"checkbox\" value=\"dark\" class=\"form-colorinput-input\" />\n\t\t\t\t<span class=\"form-colorinput-color bg-dark\"></span>\n\t\t\t</label>\n\t\t</div>
\n\t\t\n\t\t
<div class=\"col-auto\">\n\t\t\t<label class=\"form-colorinput form-colorinput-light\">\n\t\t\t\t<input name=\"color\" type=\"checkbox\" value=\"white\" class=\"form-colorinput-input\" checked/>\n\t\t\t\t<span class=\"form-colorinput-color bg-white\"></span>\n\t\t\t</label>\n\t\t</div>
\n\t\t\n\t\t
<div class=\"col-auto\">\n\t\t\t<label class=\"form-colorinput\">\n\t\t\t\t<input name=\"color\" type=\"checkbox\" value=\"blue\" class=\"form-colorinput-input\" checked/>\n\t\t\t\t<span class=\"form-colorinput-color bg-blue\"></span>\n\t\t\t</label>\n\t\t</div>
\n\t\t\n\t\t
<div class=\"col-auto\">\n\t\t\t<label class=\"form-colorinput\">\n\t\t\t\t<input name=\"color\" type=\"checkbox\" value=\"azure\" class=\"form-colorinput-input\" checked/>\n\t\t\t\t<span class=\"form-colorinput-color bg-azure\"></span>\n\t\t\t</label>\n\t\t</div>
\n\t\t\n\t\t
@@ -685,8 +692,6 @@
<div class=\"col-auto\">\n\t\t\t<label class=\"form-colorinput\">\n\t\t\t\t<input name=\"color\" type=\"checkbox\" value=\"yellow\" class=\"form-colorinput-input\" />\n\t\t\t\t<span class=\"form-colorinput-color bg-yellow\"></span>\n\t\t\t</label>\n\t\t</div>
\n\t\t\n\t\t
<div class=\"col-auto\">\n\t\t\t<label class=\"form-colorinput\">\n\t\t\t\t<input name=\"color\" type=\"checkbox\" value=\"lime\" class=\"form-colorinput-input\" />\n\t\t\t\t<span class=\"form-colorinput-color bg-lime\"></span>\n\t\t\t</label>\n\t\t</div>
\n\t\t\n\t\t
<div class=\"col-auto\">\n\t\t\t<label class=\"form-colorinput\">\n\t\t\t\t<input name=\"color\" type=\"checkbox\" value=\"green\" class=\"form-colorinput-input\" />\n\t\t\t\t<span class=\"form-colorinput-color bg-green\"></span>\n\t\t\t</label>\n\t\t</div>
\n\t\t\n\t</div>
\n</div>
\n\n\n</div>
@@ -707,9 +712,9 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1580339009"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1578694044"></script>
<script src="../dist/js/tabler.min.js?1580339009"></script>
<script src="../dist/js/tabler-range-sliders.min.js?1580339009"></script>
</body>
</html>
demo/components/input-image.html
+148 -103
View File
@@ -12,7 +12,6 @@
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<meta http-equiv="Content-Language" content="en"/>
<meta name="msapplication-TileColor" content="#206bc4"/>
<meta name="theme-color" content="#206bc4"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
@@ -38,42 +37,46 @@
<meta property="og:url" content="https://preview-dev.tabler.io/components/input-image.html">
<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!">
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-dark.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-rtl.min.css?1580339009" rel="stylesheet"/>
</head>
<body class="antialiased">
<div class="wrapper">
<div class="page">
<div class="content">
<header class="topnav">
<div class="container">
<div class="navbar navbar-expand-lg navbar-light">
<a href=".." class="navbar-brand mr-4">
<img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
<header class="navbar-wrap navbar-expand-lg flex-column">
<div class="navbar navbar-border navbar-light bg-white">
<div class="container">
<button class="navbar-toggler mr-auto d-lg-none" type="button" data-toggle="collapse" data-target="#nav-main-menu" aria-expanded="false" aria-label="Toggle menu">
<span class="navbar-toggler-icon"></span>
</button>
<a href=".." class="navbar-brand hide-sidebar-visible m-0">
<img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo">
</a>
<ul class="nav navbar-menu align-items-center ml-auto">
<li class="nav-item d-none d-lg-flex mr-3">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon text-github" fill="currentColor">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank" rel="noreferrer">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor">
<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/>
</svg>
Source code
</a>
</li>
<li class="nav-item dropdown">
<a href="#" data-toggle="dropdown"
class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
<a href="#" data-toggle="dropdown" class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2" aria-label="Show personal menu">
<span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
<span class="ml-2 d-none d-lg-block lh-1">
Leesa Beaty
@@ -100,7 +103,7 @@
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12" y2="17"></line></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
Need help?
</a>
<a class="dropdown-item" href="#">
@@ -112,11 +115,9 @@
</ul>
</div>
</div>
</header>
<header class="topnav">
<div class="navbar navbar-expand-lg navbar-light">
<div class="navbar navbar-border collapse navbar-collapse navbar-collapse-absolute navbar-light bg-white" id="nav-main-menu">
<div class="container">
<ul class="navbar-nav flex-wrap">
<ul class="navbar-nav flex-wrap flex-fill">
<li class="nav-item">
<a class="nav-link" href="../index.html" >
<span class="nav-icon">
@@ -158,6 +159,11 @@
Cards
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
</a>
</li>
<li >
<a class="dropdown-item" href="../datatables.html" >
Data Tables
@@ -173,6 +179,11 @@
Carousel
</a>
</li>
<li >
<a class="dropdown-item" href="../lists.html" >
Lists
</a>
</li>
<li >
<a class="dropdown-item" href="../users.html" >
Users
@@ -193,59 +204,30 @@
Music
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="../charts.html" >
<span class="nav-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
</span>
Charts
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
aria-expanded="false" >
<span class="nav-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
</span>
Error pages
</a>
<ul class="dropdown-menu">
<li >
<a class="dropdown-item" href="../400.html" >
400 page
<li class="dropright">
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
Authentication
</a>
<div class="dropdown-menu">
<a href="../sign-in.html" class="dropdown-item">Sign in</a>
<a href="../sign-up.html" class="dropdown-item">Sign up</a>
<a href="../forgot-password.html" class="dropdown-item">Forgot password</a>
<a href="../terms-of-service.html" class="dropdown-item">Terms of service</a>
</div>
</li>
<li >
<a class="dropdown-item" href="../401.html" >
401 page
</a>
</li>
<li >
<a class="dropdown-item" href="../403.html" >
403 page
</a>
</li>
<li >
<a class="dropdown-item" href="../404.html" >
404 page
</a>
</li>
<li >
<a class="dropdown-item" href="../500.html" >
500 page
</a>
</li>
<li >
<a class="dropdown-item" href="../503.html" >
503 page
</a>
</li>
<li >
<a class="dropdown-item" href="../maintenance.html" >
Maintenance page
<li class="dropright">
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-toggle="dropdown" role="button" aria-expanded="false" >
Error pages
</a>
<div class="dropdown-menu">
<a href="../400.html" class="dropdown-item">400 page</a>
<a href="../401.html" class="dropdown-item">401 page</a>
<a href="../403.html" class="dropdown-item">403 page</a>
<a href="../404.html" class="dropdown-item">404 page</a>
<a href="../500.html" class="dropdown-item">500 page</a>
<a href="../503.html" class="dropdown-item">503 page</a>
<a href="../maintenance.html" class="dropdown-item">Maintenance page</a>
</div>
</li>
</ul>
</li>
@@ -274,7 +256,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
</span>
Layouts
<span class="badge bg-green ml-2">New</span>
</a>
</li>
<li class="nav-item dropdown">
@@ -296,6 +277,11 @@
Blog cards
</a>
</li>
<li >
<a class="dropdown-item" href="../snippets.html" >
Snippets
</a>
</li>
<li >
<a class="dropdown-item" href="../search-results.html" >
Search results
@@ -422,6 +408,11 @@
Payments
</a>
</li>
<li >
<a class="dropdown-item" href="../docs/range-slider.html" >
Range slider
</a>
</li>
<li >
<a class="dropdown-item" href="../docs/ribbons.html" >
Ribbons
@@ -471,13 +462,13 @@
</ul>
</li>
</ul>
<div class="navbar-search d-none d-xl-block">
<div class="d-none d-xl-block ml-auto">
<form action="." method="get">
<div class="input-icon">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control" placeholder="Search&hellip;">
<input type="text" class="form-control" placeholder="Search…">
</div>
</form>
</div>
@@ -529,7 +520,7 @@
<label class="form-imagecheck mb-2">
<input name="form-imagecheck" type="checkbox" value="1" class="form-imagecheck-input" />
<span class="form-imagecheck-figure">
<img src="../static/photos/77586f6ffa9fbc5e.jpg" alt="" class="form-imagecheck-image">
<img src="../static/photos/1b73704b282a8ec6.jpg" alt="Breakfast served with tea, bread and eggs" class="form-imagecheck-image">
</span>
</label>
</div>
@@ -537,7 +528,7 @@
<label class="form-imagecheck mb-2">
<input name="form-imagecheck" type="checkbox" value="2" class="form-imagecheck-input" checked/>
<span class="form-imagecheck-figure">
<img src="../static/photos/552683cc4e5f0e11.jpg" alt="" class="form-imagecheck-image">
<img src="../static/photos/3d2998219313cd37.jpg" alt="Book, fairy lights" class="form-imagecheck-image">
</span>
</label>
</div>
@@ -545,7 +536,7 @@
<label class="form-imagecheck mb-2">
<input name="form-imagecheck" type="checkbox" value="3" class="form-imagecheck-input" />
<span class="form-imagecheck-figure">
<img src="../static/photos/3664593f945f0d8d.jpg" alt="" class="form-imagecheck-image">
<img src="../static/photos/6ab3200b14549f8a.jpg" alt="Healthy Dinner" class="form-imagecheck-image">
</span>
</label>
</div>
@@ -553,7 +544,7 @@
<label class="form-imagecheck mb-2">
<input name="form-imagecheck" type="checkbox" value="4" class="form-imagecheck-input" checked/>
<span class="form-imagecheck-figure">
<img src="../static/photos/529078594c496ec5.jpg" alt="" class="form-imagecheck-image">
<img src="../static/photos/6d35d9a2bd6c63c2.jpg" alt="Aperol Spritz is a cocktail consisting of prosecco, aperitif and soda water" class="form-imagecheck-image">
</span>
</label>
</div>
@@ -561,7 +552,7 @@
<label class="form-imagecheck mb-2">
<input name="form-imagecheck" type="checkbox" value="5" class="form-imagecheck-input" />
<span class="form-imagecheck-figure">
<img src="../static/photos/a74c41b6fb7fdf34.jpg" alt="" class="form-imagecheck-image">
<img src="../static/photos/8a26974ee6444acd.jpg" alt="Beautiful blonde woman on a wooden pier by the lake" class="form-imagecheck-image">
</span>
</label>
</div>
@@ -569,7 +560,31 @@
<label class="form-imagecheck mb-2">
<input name="form-imagecheck" type="checkbox" value="6" class="form-imagecheck-input" />
<span class="form-imagecheck-figure">
<img src="../static/photos/a159fb2bff29fda4.jpg" alt="" class="form-imagecheck-image">
<img src="../static/photos/8c13ad59f739558c.jpg" alt="Still life of mandarin oranges with leaves" class="form-imagecheck-image">
</span>
</label>
</div>
<div class="col-6 col-sm-4">
<label class="form-imagecheck mb-2">
<input name="form-imagecheck" type="checkbox" value="7" class="form-imagecheck-input" checked/>
<span class="form-imagecheck-figure">
<img src="../static/photos/8fdeb4785d2b82ef.jpg" alt="Blonde woman having a healthy snack at the wooden pier" class="form-imagecheck-image">
</span>
</label>
</div>
<div class="col-6 col-sm-4">
<label class="form-imagecheck mb-2">
<input name="form-imagecheck" type="checkbox" value="8" class="form-imagecheck-input" />
<span class="form-imagecheck-figure">
<img src="../static/photos/9f36332564ca271d.jpg" alt="Woman working on a laptop while enjoying a breakfast coffee and chocolate in bed" class="form-imagecheck-image">
</span>
</label>
</div>
<div class="col-6 col-sm-4">
<label class="form-imagecheck mb-2">
<input name="form-imagecheck" type="checkbox" value="9" class="form-imagecheck-input" />
<span class="form-imagecheck-figure">
<img src="../static/photos/35b88fc04a518c1b.jpg" alt="Overhead view of macarons on a marble slab" class="form-imagecheck-image">
</span>
</label>
</div>
@@ -586,7 +601,7 @@
<span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-imagecheck mb-2"</span><span class="nt">&gt;</span>
<span class="nt">&lt;input</span> <span class="na">name=</span><span class="s">"form-imagecheck"</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">value=</span><span class="s">"1"</span> <span class="na">class=</span><span class="s">"form-imagecheck-input"</span> <span class="nt">/&gt;</span>
<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-imagecheck-figure"</span><span class="nt">&gt;</span>
<span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/77586f6ffa9fbc5e.jpg"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">class=</span><span class="s">"form-imagecheck-image"</span><span class="nt">&gt;</span>
<span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/1b73704b282a8ec6.jpg"</span> <span class="na">alt=</span><span class="s">"Breakfast served with tea, bread and eggs"</span> <span class="na">class=</span><span class="s">"form-imagecheck-image"</span><span class="nt">&gt;</span>
<span class="nt">&lt;/span&gt;</span>
<span class="nt">&lt;/label&gt;</span>
<span class="nt">&lt;/div&gt;</span>
@@ -594,7 +609,7 @@
<span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-imagecheck mb-2"</span><span class="nt">&gt;</span>
<span class="nt">&lt;input</span> <span class="na">name=</span><span class="s">"form-imagecheck"</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">value=</span><span class="s">"2"</span> <span class="na">class=</span><span class="s">"form-imagecheck-input"</span> <span class="na">checked</span><span class="nt">/&gt;</span>
<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-imagecheck-figure"</span><span class="nt">&gt;</span>
<span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/552683cc4e5f0e11.jpg"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">class=</span><span class="s">"form-imagecheck-image"</span><span class="nt">&gt;</span>
<span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/3d2998219313cd37.jpg"</span> <span class="na">alt=</span><span class="s">"Book, fairy lights"</span> <span class="na">class=</span><span class="s">"form-imagecheck-image"</span><span class="nt">&gt;</span>
<span class="nt">&lt;/span&gt;</span>
<span class="nt">&lt;/label&gt;</span>
<span class="nt">&lt;/div&gt;</span>
@@ -602,7 +617,7 @@
<span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-imagecheck mb-2"</span><span class="nt">&gt;</span>
<span class="nt">&lt;input</span> <span class="na">name=</span><span class="s">"form-imagecheck"</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">value=</span><span class="s">"3"</span> <span class="na">class=</span><span class="s">"form-imagecheck-input"</span> <span class="nt">/&gt;</span>
<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-imagecheck-figure"</span><span class="nt">&gt;</span>
<span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/3664593f945f0d8d.jpg"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">class=</span><span class="s">"form-imagecheck-image"</span><span class="nt">&gt;</span>
<span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/6ab3200b14549f8a.jpg"</span> <span class="na">alt=</span><span class="s">"Healthy Dinner"</span> <span class="na">class=</span><span class="s">"form-imagecheck-image"</span><span class="nt">&gt;</span>
<span class="nt">&lt;/span&gt;</span>
<span class="nt">&lt;/label&gt;</span>
<span class="nt">&lt;/div&gt;</span>
@@ -610,7 +625,7 @@
<span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-imagecheck mb-2"</span><span class="nt">&gt;</span>
<span class="nt">&lt;input</span> <span class="na">name=</span><span class="s">"form-imagecheck"</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">value=</span><span class="s">"4"</span> <span class="na">class=</span><span class="s">"form-imagecheck-input"</span> <span class="na">checked</span><span class="nt">/&gt;</span>
<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-imagecheck-figure"</span><span class="nt">&gt;</span>
<span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/529078594c496ec5.jpg"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">class=</span><span class="s">"form-imagecheck-image"</span><span class="nt">&gt;</span>
<span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/6d35d9a2bd6c63c2.jpg"</span> <span class="na">alt=</span><span class="s">"Aperol Spritz is a cocktail consisting of prosecco, aperitif and soda water"</span> <span class="na">class=</span><span class="s">"form-imagecheck-image"</span><span class="nt">&gt;</span>
<span class="nt">&lt;/span&gt;</span>
<span class="nt">&lt;/label&gt;</span>
<span class="nt">&lt;/div&gt;</span>
@@ -618,7 +633,7 @@
<span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-imagecheck mb-2"</span><span class="nt">&gt;</span>
<span class="nt">&lt;input</span> <span class="na">name=</span><span class="s">"form-imagecheck"</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">value=</span><span class="s">"5"</span> <span class="na">class=</span><span class="s">"form-imagecheck-input"</span> <span class="nt">/&gt;</span>
<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-imagecheck-figure"</span><span class="nt">&gt;</span>
<span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/a74c41b6fb7fdf34.jpg"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">class=</span><span class="s">"form-imagecheck-image"</span><span class="nt">&gt;</span>
<span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/8a26974ee6444acd.jpg"</span> <span class="na">alt=</span><span class="s">"Beautiful blonde woman on a wooden pier by the lake"</span> <span class="na">class=</span><span class="s">"form-imagecheck-image"</span><span class="nt">&gt;</span>
<span class="nt">&lt;/span&gt;</span>
<span class="nt">&lt;/label&gt;</span>
<span class="nt">&lt;/div&gt;</span>
@@ -626,7 +641,31 @@
<span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-imagecheck mb-2"</span><span class="nt">&gt;</span>
<span class="nt">&lt;input</span> <span class="na">name=</span><span class="s">"form-imagecheck"</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">value=</span><span class="s">"6"</span> <span class="na">class=</span><span class="s">"form-imagecheck-input"</span> <span class="nt">/&gt;</span>
<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-imagecheck-figure"</span><span class="nt">&gt;</span>
<span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/a159fb2bff29fda4.jpg"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">class=</span><span class="s">"form-imagecheck-image"</span><span class="nt">&gt;</span>
<span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/8c13ad59f739558c.jpg"</span> <span class="na">alt=</span><span class="s">"Still life of mandarin oranges with leaves"</span> <span class="na">class=</span><span class="s">"form-imagecheck-image"</span><span class="nt">&gt;</span>
<span class="nt">&lt;/span&gt;</span>
<span class="nt">&lt;/label&gt;</span>
<span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-6 col-sm-4"</span><span class="nt">&gt;</span>
<span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-imagecheck mb-2"</span><span class="nt">&gt;</span>
<span class="nt">&lt;input</span> <span class="na">name=</span><span class="s">"form-imagecheck"</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">value=</span><span class="s">"7"</span> <span class="na">class=</span><span class="s">"form-imagecheck-input"</span> <span class="na">checked</span><span class="nt">/&gt;</span>
<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-imagecheck-figure"</span><span class="nt">&gt;</span>
<span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/8fdeb4785d2b82ef.jpg"</span> <span class="na">alt=</span><span class="s">"Blonde woman having a healthy snack at the wooden pier"</span> <span class="na">class=</span><span class="s">"form-imagecheck-image"</span><span class="nt">&gt;</span>
<span class="nt">&lt;/span&gt;</span>
<span class="nt">&lt;/label&gt;</span>
<span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-6 col-sm-4"</span><span class="nt">&gt;</span>
<span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-imagecheck mb-2"</span><span class="nt">&gt;</span>
<span class="nt">&lt;input</span> <span class="na">name=</span><span class="s">"form-imagecheck"</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">value=</span><span class="s">"8"</span> <span class="na">class=</span><span class="s">"form-imagecheck-input"</span> <span class="nt">/&gt;</span>
<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-imagecheck-figure"</span><span class="nt">&gt;</span>
<span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/9f36332564ca271d.jpg"</span> <span class="na">alt=</span><span class="s">"Woman working on a laptop while enjoying a breakfast coffee and chocolate in bed"</span> <span class="na">class=</span><span class="s">"form-imagecheck-image"</span><span class="nt">&gt;</span>
<span class="nt">&lt;/span&gt;</span>
<span class="nt">&lt;/label&gt;</span>
<span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-6 col-sm-4"</span><span class="nt">&gt;</span>
<span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-imagecheck mb-2"</span><span class="nt">&gt;</span>
<span class="nt">&lt;input</span> <span class="na">name=</span><span class="s">"form-imagecheck"</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">value=</span><span class="s">"9"</span> <span class="na">class=</span><span class="s">"form-imagecheck-input"</span> <span class="nt">/&gt;</span>
<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-imagecheck-figure"</span><span class="nt">&gt;</span>
<span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/35b88fc04a518c1b.jpg"</span> <span class="na">alt=</span><span class="s">"Overhead view of macarons on a marble slab"</span> <span class="na">class=</span><span class="s">"form-imagecheck-image"</span><span class="nt">&gt;</span>
<span class="nt">&lt;/span&gt;</span>
<span class="nt">&lt;/label&gt;</span>
<span class="nt">&lt;/div&gt;</span>
@@ -643,18 +682,24 @@
<form action="https://codepen.io/pen/define" method="post" target="_blank">
<input type="hidden" name="data" value='{"title":"Image input","css_external":"https://preview-dev.tabler.io/dist/css/tabler.css","html":"\n<div class=\"tabler-demo\">\n \n
<div class=\"mb-3\">\n\t<label class=\"form-label\">Image Check</label>\n\t
<div class=\"row row-xs\">\n\t\t\n\t\t
<div class=\"col-6 col-sm-4\">\n\t\t\t<label class=\"form-imagecheck mb-2\">\n\t\t\t\t<input name=\"form-imagecheck\" type=\"checkbox\" value=\"1\" class=\"form-imagecheck-input\" />\n\t\t\t\t<span class=\"form-imagecheck-figure\">\n\t\t\t\t\t<img src=\"../static/photos/77586f6ffa9fbc5e.jpg\" alt=\"\" class=\"form-imagecheck-image\">\n\t\t\t\t</span>\n\t\t\t</label>\n\t\t</div>
<div class=\"row row-xs\">\n\t\t\n\n\t\t\n\t\t
<div class=\"col-6 col-sm-4\">\n\t\t\t<label class=\"form-imagecheck mb-2\">\n\t\t\t\t<input name=\"form-imagecheck\" type=\"checkbox\" value=\"1\" class=\"form-imagecheck-input\" />\n\t\t\t\t<span class=\"form-imagecheck-figure\">\n\t\t\t\t\t<img src=\"../static/photos/1b73704b282a8ec6.jpg\" alt=\"Breakfast served with tea, bread and eggs\" class=\"form-imagecheck-image\">\n\t\t\t\t</span>\n\t\t\t</label>\n\t\t</div>
\n\t\t\n\t\t
<div class=\"col-6 col-sm-4\">\n\t\t\t<label class=\"form-imagecheck mb-2\">\n\t\t\t\t<input name=\"form-imagecheck\" type=\"checkbox\" value=\"2\" class=\"form-imagecheck-input\" checked/>\n\t\t\t\t<span class=\"form-imagecheck-figure\">\n\t\t\t\t\t<img src=\"../static/photos/552683cc4e5f0e11.jpg\" alt=\"\" class=\"form-imagecheck-image\">\n\t\t\t\t</span>\n\t\t\t</label>\n\t\t</div>
<div class=\"col-6 col-sm-4\">\n\t\t\t<label class=\"form-imagecheck mb-2\">\n\t\t\t\t<input name=\"form-imagecheck\" type=\"checkbox\" value=\"2\" class=\"form-imagecheck-input\" checked/>\n\t\t\t\t<span class=\"form-imagecheck-figure\">\n\t\t\t\t\t<img src=\"../static/photos/3d2998219313cd37.jpg\" alt=\"Book, fairy lights\" class=\"form-imagecheck-image\">\n\t\t\t\t</span>\n\t\t\t</label>\n\t\t</div>
\n\t\t\n\t\t
<div class=\"col-6 col-sm-4\">\n\t\t\t<label class=\"form-imagecheck mb-2\">\n\t\t\t\t<input name=\"form-imagecheck\" type=\"checkbox\" value=\"3\" class=\"form-imagecheck-input\" />\n\t\t\t\t<span class=\"form-imagecheck-figure\">\n\t\t\t\t\t<img src=\"../static/photos/3664593f945f0d8d.jpg\" alt=\"\" class=\"form-imagecheck-image\">\n\t\t\t\t</span>\n\t\t\t</label>\n\t\t</div>
<div class=\"col-6 col-sm-4\">\n\t\t\t<label class=\"form-imagecheck mb-2\">\n\t\t\t\t<input name=\"form-imagecheck\" type=\"checkbox\" value=\"3\" class=\"form-imagecheck-input\" />\n\t\t\t\t<span class=\"form-imagecheck-figure\">\n\t\t\t\t\t<img src=\"../static/photos/6ab3200b14549f8a.jpg\" alt=\"Healthy Dinner\" class=\"form-imagecheck-image\">\n\t\t\t\t</span>\n\t\t\t</label>\n\t\t</div>
\n\t\t\n\t\t
<div class=\"col-6 col-sm-4\">\n\t\t\t<label class=\"form-imagecheck mb-2\">\n\t\t\t\t<input name=\"form-imagecheck\" type=\"checkbox\" value=\"4\" class=\"form-imagecheck-input\" checked/>\n\t\t\t\t<span class=\"form-imagecheck-figure\">\n\t\t\t\t\t<img src=\"../static/photos/529078594c496ec5.jpg\" alt=\"\" class=\"form-imagecheck-image\">\n\t\t\t\t</span>\n\t\t\t</label>\n\t\t</div>
<div class=\"col-6 col-sm-4\">\n\t\t\t<label class=\"form-imagecheck mb-2\">\n\t\t\t\t<input name=\"form-imagecheck\" type=\"checkbox\" value=\"4\" class=\"form-imagecheck-input\" checked/>\n\t\t\t\t<span class=\"form-imagecheck-figure\">\n\t\t\t\t\t<img src=\"../static/photos/6d35d9a2bd6c63c2.jpg\" alt=\"Aperol Spritz is a cocktail consisting of prosecco, aperitif and soda water\" class=\"form-imagecheck-image\">\n\t\t\t\t</span>\n\t\t\t</label>\n\t\t</div>
\n\t\t\n\t\t
<div class=\"col-6 col-sm-4\">\n\t\t\t<label class=\"form-imagecheck mb-2\">\n\t\t\t\t<input name=\"form-imagecheck\" type=\"checkbox\" value=\"5\" class=\"form-imagecheck-input\" />\n\t\t\t\t<span class=\"form-imagecheck-figure\">\n\t\t\t\t\t<img src=\"../static/photos/a74c41b6fb7fdf34.jpg\" alt=\"\" class=\"form-imagecheck-image\">\n\t\t\t\t</span>\n\t\t\t</label>\n\t\t</div>
<div class=\"col-6 col-sm-4\">\n\t\t\t<label class=\"form-imagecheck mb-2\">\n\t\t\t\t<input name=\"form-imagecheck\" type=\"checkbox\" value=\"5\" class=\"form-imagecheck-input\" />\n\t\t\t\t<span class=\"form-imagecheck-figure\">\n\t\t\t\t\t<img src=\"../static/photos/8a26974ee6444acd.jpg\" alt=\"Beautiful blonde woman on a wooden pier by the lake\" class=\"form-imagecheck-image\">\n\t\t\t\t</span>\n\t\t\t</label>\n\t\t</div>
\n\t\t\n\t\t
<div class=\"col-6 col-sm-4\">\n\t\t\t<label class=\"form-imagecheck mb-2\">\n\t\t\t\t<input name=\"form-imagecheck\" type=\"checkbox\" value=\"6\" class=\"form-imagecheck-input\" />\n\t\t\t\t<span class=\"form-imagecheck-figure\">\n\t\t\t\t\t<img src=\"../static/photos/a159fb2bff29fda4.jpg\" alt=\"\" class=\"form-imagecheck-image\">\n\t\t\t\t</span>\n\t\t\t</label>\n\t\t</div>
<div class=\"col-6 col-sm-4\">\n\t\t\t<label class=\"form-imagecheck mb-2\">\n\t\t\t\t<input name=\"form-imagecheck\" type=\"checkbox\" value=\"6\" class=\"form-imagecheck-input\" />\n\t\t\t\t<span class=\"form-imagecheck-figure\">\n\t\t\t\t\t<img src=\"../static/photos/8c13ad59f739558c.jpg\" alt=\"Still life of mandarin oranges with leaves\" class=\"form-imagecheck-image\">\n\t\t\t\t</span>\n\t\t\t</label>\n\t\t</div>
\n\t\t\n\t\t
<div class=\"col-6 col-sm-4\">\n\t\t\t<label class=\"form-imagecheck mb-2\">\n\t\t\t\t<input name=\"form-imagecheck\" type=\"checkbox\" value=\"7\" class=\"form-imagecheck-input\" checked/>\n\t\t\t\t<span class=\"form-imagecheck-figure\">\n\t\t\t\t\t<img src=\"../static/photos/8fdeb4785d2b82ef.jpg\" alt=\"Blonde woman having a healthy snack at the wooden pier\" class=\"form-imagecheck-image\">\n\t\t\t\t</span>\n\t\t\t</label>\n\t\t</div>
\n\t\t\n\t\t
<div class=\"col-6 col-sm-4\">\n\t\t\t<label class=\"form-imagecheck mb-2\">\n\t\t\t\t<input name=\"form-imagecheck\" type=\"checkbox\" value=\"8\" class=\"form-imagecheck-input\" />\n\t\t\t\t<span class=\"form-imagecheck-figure\">\n\t\t\t\t\t<img src=\"../static/photos/9f36332564ca271d.jpg\" alt=\"Woman working on a laptop while enjoying a breakfast coffee and chocolate in bed\" class=\"form-imagecheck-image\">\n\t\t\t\t</span>\n\t\t\t</label>\n\t\t</div>
\n\t\t\n\t\t
<div class=\"col-6 col-sm-4\">\n\t\t\t<label class=\"form-imagecheck mb-2\">\n\t\t\t\t<input name=\"form-imagecheck\" type=\"checkbox\" value=\"9\" class=\"form-imagecheck-input\" />\n\t\t\t\t<span class=\"form-imagecheck-figure\">\n\t\t\t\t\t<img src=\"../static/photos/35b88fc04a518c1b.jpg\" alt=\"Overhead view of macarons on a marble slab\" class=\"form-imagecheck-image\">\n\t\t\t\t</span>\n\t\t\t</label>\n\t\t</div>
\n\t\t\n\t</div>
\n</div>
\n\n\n</div>
@@ -675,9 +720,9 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1580339009"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1578694044"></script>
<script src="../dist/js/tabler.min.js?1580339009"></script>
<script src="../dist/js/tabler-range-sliders.min.js?1580339009"></script>
</body>
</html>
demo/components/progress.html
+75 -84
View File
@@ -12,7 +12,6 @@
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<meta http-equiv="Content-Language" content="en"/>
<meta name="msapplication-TileColor" content="#206bc4"/>
<meta name="theme-color" content="#206bc4"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
@@ -38,42 +37,46 @@
<meta property="og:url" content="https://preview-dev.tabler.io/components/progress.html">
<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!">
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-dark.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-rtl.min.css?1580339009" rel="stylesheet"/>
</head>
<body class="antialiased">
<div class="wrapper">
<div class="page">
<div class="content">
<header class="topnav">
<div class="container">
<div class="navbar navbar-expand-lg navbar-light">
<a href=".." class="navbar-brand mr-4">
<img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
<header class="navbar-wrap navbar-expand-lg flex-column">
<div class="navbar navbar-border navbar-light bg-white">
<div class="container">
<button class="navbar-toggler mr-auto d-lg-none" type="button" data-toggle="collapse" data-target="#nav-main-menu" aria-expanded="false" aria-label="Toggle menu">
<span class="navbar-toggler-icon"></span>
</button>
<a href=".." class="navbar-brand hide-sidebar-visible m-0">
<img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo">
</a>
<ul class="nav navbar-menu align-items-center ml-auto">
<li class="nav-item d-none d-lg-flex mr-3">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon text-github" fill="currentColor">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank" rel="noreferrer">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor">
<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/>
</svg>
Source code
</a>
</li>
<li class="nav-item dropdown">
<a href="#" data-toggle="dropdown"
class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
<a href="#" data-toggle="dropdown" class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2" aria-label="Show personal menu">
<span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
<span class="ml-2 d-none d-lg-block lh-1">
Leesa Beaty
@@ -100,7 +103,7 @@
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12" y2="17"></line></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
Need help?
</a>
<a class="dropdown-item" href="#">
@@ -112,11 +115,9 @@
</ul>
</div>
</div>
</header>
<header class="topnav">
<div class="navbar navbar-expand-lg navbar-light">
<div class="navbar navbar-border collapse navbar-collapse navbar-collapse-absolute navbar-light bg-white" id="nav-main-menu">
<div class="container">
<ul class="navbar-nav flex-wrap">
<ul class="navbar-nav flex-wrap flex-fill">
<li class="nav-item">
<a class="nav-link" href="../index.html" >
<span class="nav-icon">
@@ -158,6 +159,11 @@
Cards
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
</a>
</li>
<li >
<a class="dropdown-item" href="../datatables.html" >
Data Tables
@@ -173,6 +179,11 @@
Carousel
</a>
</li>
<li >
<a class="dropdown-item" href="../lists.html" >
Lists
</a>
</li>
<li >
<a class="dropdown-item" href="../users.html" >
Users
@@ -193,59 +204,30 @@
Music
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="../charts.html" >
<span class="nav-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
</span>
Charts
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
aria-expanded="false" >
<span class="nav-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
</span>
Error pages
</a>
<ul class="dropdown-menu">
<li >
<a class="dropdown-item" href="../400.html" >
400 page
<li class="dropright">
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
Authentication
</a>
<div class="dropdown-menu">
<a href="../sign-in.html" class="dropdown-item">Sign in</a>
<a href="../sign-up.html" class="dropdown-item">Sign up</a>
<a href="../forgot-password.html" class="dropdown-item">Forgot password</a>
<a href="../terms-of-service.html" class="dropdown-item">Terms of service</a>
</div>
</li>
<li >
<a class="dropdown-item" href="../401.html" >
401 page
</a>
</li>
<li >
<a class="dropdown-item" href="../403.html" >
403 page
</a>
</li>
<li >
<a class="dropdown-item" href="../404.html" >
404 page
</a>
</li>
<li >
<a class="dropdown-item" href="../500.html" >
500 page
</a>
</li>
<li >
<a class="dropdown-item" href="../503.html" >
503 page
</a>
</li>
<li >
<a class="dropdown-item" href="../maintenance.html" >
Maintenance page
<li class="dropright">
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-toggle="dropdown" role="button" aria-expanded="false" >
Error pages
</a>
<div class="dropdown-menu">
<a href="../400.html" class="dropdown-item">400 page</a>
<a href="../401.html" class="dropdown-item">401 page</a>
<a href="../403.html" class="dropdown-item">403 page</a>
<a href="../404.html" class="dropdown-item">404 page</a>
<a href="../500.html" class="dropdown-item">500 page</a>
<a href="../503.html" class="dropdown-item">503 page</a>
<a href="../maintenance.html" class="dropdown-item">Maintenance page</a>
</div>
</li>
</ul>
</li>
@@ -274,7 +256,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
</span>
Layouts
<span class="badge bg-green ml-2">New</span>
</a>
</li>
<li class="nav-item dropdown">
@@ -296,6 +277,11 @@
Blog cards
</a>
</li>
<li >
<a class="dropdown-item" href="../snippets.html" >
Snippets
</a>
</li>
<li >
<a class="dropdown-item" href="../search-results.html" >
Search results
@@ -422,6 +408,11 @@
Payments
</a>
</li>
<li >
<a class="dropdown-item" href="../docs/range-slider.html" >
Range slider
</a>
</li>
<li >
<a class="dropdown-item" href="../docs/ribbons.html" >
Ribbons
@@ -471,13 +462,13 @@
</ul>
</li>
</ul>
<div class="navbar-search d-none d-xl-block">
<div class="d-none d-xl-block ml-auto">
<form action="." method="get">
<div class="input-icon">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control" placeholder="Search&hellip;">
<input type="text" class="form-control" placeholder="Search…">
</div>
</form>
</div>
@@ -681,9 +672,9 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1580339009"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1578694044"></script>
<script src="../dist/js/tabler.min.js?1580339009"></script>
<script src="../dist/js/tabler-range-sliders.min.js?1580339009"></script>
</body>
</html>
demo/components/simple-avatar.html
+75 -84
View File
@@ -12,7 +12,6 @@
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<meta http-equiv="Content-Language" content="en"/>
<meta name="msapplication-TileColor" content="#206bc4"/>
<meta name="theme-color" content="#206bc4"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
@@ -38,42 +37,46 @@
<meta property="og:url" content="https://preview-dev.tabler.io/components/simple-avatar.html">
<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!">
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-dark.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-rtl.min.css?1580339009" rel="stylesheet"/>
</head>
<body class="antialiased">
<div class="wrapper">
<div class="page">
<div class="content">
<header class="topnav">
<div class="container">
<div class="navbar navbar-expand-lg navbar-light">
<a href=".." class="navbar-brand mr-4">
<img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
<header class="navbar-wrap navbar-expand-lg flex-column">
<div class="navbar navbar-border navbar-light bg-white">
<div class="container">
<button class="navbar-toggler mr-auto d-lg-none" type="button" data-toggle="collapse" data-target="#nav-main-menu" aria-expanded="false" aria-label="Toggle menu">
<span class="navbar-toggler-icon"></span>
</button>
<a href=".." class="navbar-brand hide-sidebar-visible m-0">
<img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo">
</a>
<ul class="nav navbar-menu align-items-center ml-auto">
<li class="nav-item d-none d-lg-flex mr-3">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon text-github" fill="currentColor">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank" rel="noreferrer">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor">
<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/>
</svg>
Source code
</a>
</li>
<li class="nav-item dropdown">
<a href="#" data-toggle="dropdown"
class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
<a href="#" data-toggle="dropdown" class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2" aria-label="Show personal menu">
<span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
<span class="ml-2 d-none d-lg-block lh-1">
Leesa Beaty
@@ -100,7 +103,7 @@
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12" y2="17"></line></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
Need help?
</a>
<a class="dropdown-item" href="#">
@@ -112,11 +115,9 @@
</ul>
</div>
</div>
</header>
<header class="topnav">
<div class="navbar navbar-expand-lg navbar-light">
<div class="navbar navbar-border collapse navbar-collapse navbar-collapse-absolute navbar-light bg-white" id="nav-main-menu">
<div class="container">
<ul class="navbar-nav flex-wrap">
<ul class="navbar-nav flex-wrap flex-fill">
<li class="nav-item">
<a class="nav-link" href="../index.html" >
<span class="nav-icon">
@@ -158,6 +159,11 @@
Cards
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
</a>
</li>
<li >
<a class="dropdown-item" href="../datatables.html" >
Data Tables
@@ -173,6 +179,11 @@
Carousel
</a>
</li>
<li >
<a class="dropdown-item" href="../lists.html" >
Lists
</a>
</li>
<li >
<a class="dropdown-item" href="../users.html" >
Users
@@ -193,59 +204,30 @@
Music
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="../charts.html" >
<span class="nav-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
</span>
Charts
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
aria-expanded="false" >
<span class="nav-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
</span>
Error pages
</a>
<ul class="dropdown-menu">
<li >
<a class="dropdown-item" href="../400.html" >
400 page
<li class="dropright">
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
Authentication
</a>
<div class="dropdown-menu">
<a href="../sign-in.html" class="dropdown-item">Sign in</a>
<a href="../sign-up.html" class="dropdown-item">Sign up</a>
<a href="../forgot-password.html" class="dropdown-item">Forgot password</a>
<a href="../terms-of-service.html" class="dropdown-item">Terms of service</a>
</div>
</li>
<li >
<a class="dropdown-item" href="../401.html" >
401 page
</a>
</li>
<li >
<a class="dropdown-item" href="../403.html" >
403 page
</a>
</li>
<li >
<a class="dropdown-item" href="../404.html" >
404 page
</a>
</li>
<li >
<a class="dropdown-item" href="../500.html" >
500 page
</a>
</li>
<li >
<a class="dropdown-item" href="../503.html" >
503 page
</a>
</li>
<li >
<a class="dropdown-item" href="../maintenance.html" >
Maintenance page
<li class="dropright">
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-toggle="dropdown" role="button" aria-expanded="false" >
Error pages
</a>
<div class="dropdown-menu">
<a href="../400.html" class="dropdown-item">400 page</a>
<a href="../401.html" class="dropdown-item">401 page</a>
<a href="../403.html" class="dropdown-item">403 page</a>
<a href="../404.html" class="dropdown-item">404 page</a>
<a href="../500.html" class="dropdown-item">500 page</a>
<a href="../503.html" class="dropdown-item">503 page</a>
<a href="../maintenance.html" class="dropdown-item">Maintenance page</a>
</div>
</li>
</ul>
</li>
@@ -274,7 +256,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
</span>
Layouts
<span class="badge bg-green ml-2">New</span>
</a>
</li>
<li class="nav-item dropdown">
@@ -296,6 +277,11 @@
Blog cards
</a>
</li>
<li >
<a class="dropdown-item" href="../snippets.html" >
Snippets
</a>
</li>
<li >
<a class="dropdown-item" href="../search-results.html" >
Search results
@@ -422,6 +408,11 @@
Payments
</a>
</li>
<li >
<a class="dropdown-item" href="../docs/range-slider.html" >
Range slider
</a>
</li>
<li >
<a class="dropdown-item" href="../docs/ribbons.html" >
Ribbons
@@ -471,13 +462,13 @@
</ul>
</li>
</ul>
<div class="navbar-search d-none d-xl-block">
<div class="d-none d-xl-block ml-auto">
<form action="." method="get">
<div class="input-icon">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control" placeholder="Search&hellip;">
<input type="text" class="form-control" placeholder="Search…">
</div>
</form>
</div>
@@ -559,9 +550,9 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1580339009"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1578694044"></script>
<script src="../dist/js/tabler.min.js?1580339009"></script>
<script src="../dist/js/tabler-range-sliders.min.js?1580339009"></script>
</body>
</html>
demo/components/simple-card.html
+75 -84
View File
@@ -12,7 +12,6 @@
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<meta http-equiv="Content-Language" content="en"/>
<meta name="msapplication-TileColor" content="#206bc4"/>
<meta name="theme-color" content="#206bc4"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
@@ -38,42 +37,46 @@
<meta property="og:url" content="https://preview-dev.tabler.io/components/simple-card.html">
<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!">
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-dark.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-rtl.min.css?1580339009" rel="stylesheet"/>
</head>
<body class="antialiased">
<div class="wrapper">
<div class="page">
<div class="content">
<header class="topnav">
<div class="container">
<div class="navbar navbar-expand-lg navbar-light">
<a href=".." class="navbar-brand mr-4">
<img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
<header class="navbar-wrap navbar-expand-lg flex-column">
<div class="navbar navbar-border navbar-light bg-white">
<div class="container">
<button class="navbar-toggler mr-auto d-lg-none" type="button" data-toggle="collapse" data-target="#nav-main-menu" aria-expanded="false" aria-label="Toggle menu">
<span class="navbar-toggler-icon"></span>
</button>
<a href=".." class="navbar-brand hide-sidebar-visible m-0">
<img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo">
</a>
<ul class="nav navbar-menu align-items-center ml-auto">
<li class="nav-item d-none d-lg-flex mr-3">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon text-github" fill="currentColor">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank" rel="noreferrer">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor">
<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/>
</svg>
Source code
</a>
</li>
<li class="nav-item dropdown">
<a href="#" data-toggle="dropdown"
class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
<a href="#" data-toggle="dropdown" class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2" aria-label="Show personal menu">
<span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
<span class="ml-2 d-none d-lg-block lh-1">
Leesa Beaty
@@ -100,7 +103,7 @@
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12" y2="17"></line></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
Need help?
</a>
<a class="dropdown-item" href="#">
@@ -112,11 +115,9 @@
</ul>
</div>
</div>
</header>
<header class="topnav">
<div class="navbar navbar-expand-lg navbar-light">
<div class="navbar navbar-border collapse navbar-collapse navbar-collapse-absolute navbar-light bg-white" id="nav-main-menu">
<div class="container">
<ul class="navbar-nav flex-wrap">
<ul class="navbar-nav flex-wrap flex-fill">
<li class="nav-item">
<a class="nav-link" href="../index.html" >
<span class="nav-icon">
@@ -158,6 +159,11 @@
Cards
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
</a>
</li>
<li >
<a class="dropdown-item" href="../datatables.html" >
Data Tables
@@ -173,6 +179,11 @@
Carousel
</a>
</li>
<li >
<a class="dropdown-item" href="../lists.html" >
Lists
</a>
</li>
<li >
<a class="dropdown-item" href="../users.html" >
Users
@@ -193,59 +204,30 @@
Music
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="../charts.html" >
<span class="nav-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
</span>
Charts
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
aria-expanded="false" >
<span class="nav-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
</span>
Error pages
</a>
<ul class="dropdown-menu">
<li >
<a class="dropdown-item" href="../400.html" >
400 page
<li class="dropright">
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
Authentication
</a>
<div class="dropdown-menu">
<a href="../sign-in.html" class="dropdown-item">Sign in</a>
<a href="../sign-up.html" class="dropdown-item">Sign up</a>
<a href="../forgot-password.html" class="dropdown-item">Forgot password</a>
<a href="../terms-of-service.html" class="dropdown-item">Terms of service</a>
</div>
</li>
<li >
<a class="dropdown-item" href="../401.html" >
401 page
</a>
</li>
<li >
<a class="dropdown-item" href="../403.html" >
403 page
</a>
</li>
<li >
<a class="dropdown-item" href="../404.html" >
404 page
</a>
</li>
<li >
<a class="dropdown-item" href="../500.html" >
500 page
</a>
</li>
<li >
<a class="dropdown-item" href="../503.html" >
503 page
</a>
</li>
<li >
<a class="dropdown-item" href="../maintenance.html" >
Maintenance page
<li class="dropright">
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-toggle="dropdown" role="button" aria-expanded="false" >
Error pages
</a>
<div class="dropdown-menu">
<a href="../400.html" class="dropdown-item">400 page</a>
<a href="../401.html" class="dropdown-item">401 page</a>
<a href="../403.html" class="dropdown-item">403 page</a>
<a href="../404.html" class="dropdown-item">404 page</a>
<a href="../500.html" class="dropdown-item">500 page</a>
<a href="../503.html" class="dropdown-item">503 page</a>
<a href="../maintenance.html" class="dropdown-item">Maintenance page</a>
</div>
</li>
</ul>
</li>
@@ -274,7 +256,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
</span>
Layouts
<span class="badge bg-green ml-2">New</span>
</a>
</li>
<li class="nav-item dropdown">
@@ -296,6 +277,11 @@
Blog cards
</a>
</li>
<li >
<a class="dropdown-item" href="../snippets.html" >
Snippets
</a>
</li>
<li >
<a class="dropdown-item" href="../search-results.html" >
Search results
@@ -422,6 +408,11 @@
Payments
</a>
</li>
<li >
<a class="dropdown-item" href="../docs/range-slider.html" >
Range slider
</a>
</li>
<li >
<a class="dropdown-item" href="../docs/ribbons.html" >
Ribbons
@@ -471,13 +462,13 @@
</ul>
</li>
</ul>
<div class="navbar-search d-none d-xl-block">
<div class="d-none d-xl-block ml-auto">
<form action="." method="get">
<div class="input-icon">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control" placeholder="Search&hellip;">
<input type="text" class="form-control" placeholder="Search…">
</div>
</form>
</div>
@@ -571,9 +562,9 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1580339009"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1578694044"></script>
<script src="../dist/js/tabler.min.js?1580339009"></script>
<script src="../dist/js/tabler-range-sliders.min.js?1580339009"></script>
</body>
</html>
demo/components/widget-revenue.html
+81 -90
View File
@@ -12,7 +12,6 @@
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<meta http-equiv="Content-Language" content="en"/>
<meta name="msapplication-TileColor" content="#206bc4"/>
<meta name="theme-color" content="#206bc4"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
@@ -38,42 +37,46 @@
<meta property="og:url" content="https://preview-dev.tabler.io/components/widget-revenue.html">
<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!">
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-dark.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-rtl.min.css?1580339009" rel="stylesheet"/>
</head>
<body class="antialiased">
<div class="wrapper">
<div class="page">
<div class="content">
<header class="topnav">
<div class="container">
<div class="navbar navbar-expand-lg navbar-light">
<a href=".." class="navbar-brand mr-4">
<img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
<header class="navbar-wrap navbar-expand-lg flex-column">
<div class="navbar navbar-border navbar-light bg-white">
<div class="container">
<button class="navbar-toggler mr-auto d-lg-none" type="button" data-toggle="collapse" data-target="#nav-main-menu" aria-expanded="false" aria-label="Toggle menu">
<span class="navbar-toggler-icon"></span>
</button>
<a href=".." class="navbar-brand hide-sidebar-visible m-0">
<img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo">
</a>
<ul class="nav navbar-menu align-items-center ml-auto">
<li class="nav-item d-none d-lg-flex mr-3">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon text-github" fill="currentColor">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank" rel="noreferrer">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor">
<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/>
</svg>
Source code
</a>
</li>
<li class="nav-item dropdown">
<a href="#" data-toggle="dropdown"
class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
<a href="#" data-toggle="dropdown" class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2" aria-label="Show personal menu">
<span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
<span class="ml-2 d-none d-lg-block lh-1">
Leesa Beaty
@@ -100,7 +103,7 @@
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12" y2="17"></line></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
Need help?
</a>
<a class="dropdown-item" href="#">
@@ -112,11 +115,9 @@
</ul>
</div>
</div>
</header>
<header class="topnav">
<div class="navbar navbar-expand-lg navbar-light">
<div class="navbar navbar-border collapse navbar-collapse navbar-collapse-absolute navbar-light bg-white" id="nav-main-menu">
<div class="container">
<ul class="navbar-nav flex-wrap">
<ul class="navbar-nav flex-wrap flex-fill">
<li class="nav-item">
<a class="nav-link" href="../index.html" >
<span class="nav-icon">
@@ -158,6 +159,11 @@
Cards
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
</a>
</li>
<li >
<a class="dropdown-item" href="../datatables.html" >
Data Tables
@@ -173,6 +179,11 @@
Carousel
</a>
</li>
<li >
<a class="dropdown-item" href="../lists.html" >
Lists
</a>
</li>
<li >
<a class="dropdown-item" href="../users.html" >
Users
@@ -193,59 +204,30 @@
Music
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="../charts.html" >
<span class="nav-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
</span>
Charts
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
aria-expanded="false" >
<span class="nav-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
</span>
Error pages
</a>
<ul class="dropdown-menu">
<li >
<a class="dropdown-item" href="../400.html" >
400 page
<li class="dropright">
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
Authentication
</a>
<div class="dropdown-menu">
<a href="../sign-in.html" class="dropdown-item">Sign in</a>
<a href="../sign-up.html" class="dropdown-item">Sign up</a>
<a href="../forgot-password.html" class="dropdown-item">Forgot password</a>
<a href="../terms-of-service.html" class="dropdown-item">Terms of service</a>
</div>
</li>
<li >
<a class="dropdown-item" href="../401.html" >
401 page
</a>
</li>
<li >
<a class="dropdown-item" href="../403.html" >
403 page
</a>
</li>
<li >
<a class="dropdown-item" href="../404.html" >
404 page
</a>
</li>
<li >
<a class="dropdown-item" href="../500.html" >
500 page
</a>
</li>
<li >
<a class="dropdown-item" href="../503.html" >
503 page
</a>
</li>
<li >
<a class="dropdown-item" href="../maintenance.html" >
Maintenance page
<li class="dropright">
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-toggle="dropdown" role="button" aria-expanded="false" >
Error pages
</a>
<div class="dropdown-menu">
<a href="../400.html" class="dropdown-item">400 page</a>
<a href="../401.html" class="dropdown-item">401 page</a>
<a href="../403.html" class="dropdown-item">403 page</a>
<a href="../404.html" class="dropdown-item">404 page</a>
<a href="../500.html" class="dropdown-item">500 page</a>
<a href="../503.html" class="dropdown-item">503 page</a>
<a href="../maintenance.html" class="dropdown-item">Maintenance page</a>
</div>
</li>
</ul>
</li>
@@ -274,7 +256,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
</span>
Layouts
<span class="badge bg-green ml-2">New</span>
</a>
</li>
<li class="nav-item dropdown">
@@ -296,6 +277,11 @@
Blog cards
</a>
</li>
<li >
<a class="dropdown-item" href="../snippets.html" >
Snippets
</a>
</li>
<li >
<a class="dropdown-item" href="../search-results.html" >
Search results
@@ -422,6 +408,11 @@
Payments
</a>
</li>
<li >
<a class="dropdown-item" href="../docs/range-slider.html" >
Range slider
</a>
</li>
<li >
<a class="dropdown-item" href="../docs/ribbons.html" >
Ribbons
@@ -471,13 +462,13 @@
</ul>
</li>
</ul>
<div class="navbar-search d-none d-xl-block">
<div class="d-none d-xl-block ml-auto">
<form action="." method="get">
<div class="input-icon">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control" placeholder="Search&hellip;">
<input type="text" class="form-control" placeholder="Search…">
</div>
</form>
</div>
@@ -524,8 +515,8 @@
<div >
<div class="card">
<div class="card-body">
<div class="d-flex">
<div>Revenue</div>
<div class="d-flex align-items-center">
<div class="subheader">Revenue</div>
<div class="ml-auto">
<div class="dropdown">
<a class="dropdown-toggle text-muted" href="#" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
@@ -556,8 +547,8 @@
<div class="highlight m-0 rounded-0 rounded-bottom mb-3">
<pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"card"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"card-body"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"d-flex"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div&gt;</span>Revenue<span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"d-flex align-items-center"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"subheader"</span><span class="nt">&gt;</span>Revenue<span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"ml-auto"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"dropdown"</span><span class="nt">&gt;</span>
<span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">"dropdown-toggle text-muted"</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">id=</span><span class="s">"dropdownMenuButton"</span> <span class="na">data-toggle=</span><span class="s">"dropdown"</span> <span class="na">aria-haspopup=</span><span class="s">"true"</span> <span class="na">aria-expanded=</span><span class="s">"false"</span><span class="nt">&gt;</span>
@@ -594,8 +585,8 @@
<input type="hidden" name="data" value='{"title":"Revenue chart","css_external":"https://preview-dev.tabler.io/dist/css/tabler.css","html":"\n<div class=\"tabler-demo\">\n
<div class=\"card\">\n
<div class=\"card-body\">\n
<div class=\"d-flex\">\n
<div>Revenue</div>
<div class=\"d-flex align-items-center\">\n
<div class=\"subheader\">Revenue</div>
\n
<div class=\"ml-auto\">\n
<div class=\"dropdown\">\n <a class=\"dropdown-toggle text-muted\" href=\"#\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n Last 7 days\n </a>\n
@@ -631,9 +622,9 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1580339009"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1578694044"></script>
<script src="../dist/js/tabler.min.js?1580339009"></script>
<script src="../dist/js/tabler-range-sliders.min.js?1580339009"></script>
</body>
</html>
demo/components/widget-sales.html
+81 -90
View File
@@ -12,7 +12,6 @@
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<meta http-equiv="Content-Language" content="en"/>
<meta name="msapplication-TileColor" content="#206bc4"/>
<meta name="theme-color" content="#206bc4"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
@@ -38,42 +37,46 @@
<meta property="og:url" content="https://preview-dev.tabler.io/components/widget-sales.html">
<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!">
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-dark.min.css?1580339009" rel="stylesheet"/>
<link href="../dist/css/tabler-rtl.min.css?1580339009" rel="stylesheet"/>
</head>
<body class="antialiased">
<div class="wrapper">
<div class="page">
<div class="content">
<header class="topnav">
<div class="container">
<div class="navbar navbar-expand-lg navbar-light">
<a href=".." class="navbar-brand mr-4">
<img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
<header class="navbar-wrap navbar-expand-lg flex-column">
<div class="navbar navbar-border navbar-light bg-white">
<div class="container">
<button class="navbar-toggler mr-auto d-lg-none" type="button" data-toggle="collapse" data-target="#nav-main-menu" aria-expanded="false" aria-label="Toggle menu">
<span class="navbar-toggler-icon"></span>
</button>
<a href=".." class="navbar-brand hide-sidebar-visible m-0">
<img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo">
</a>
<ul class="nav navbar-menu align-items-center ml-auto">
<li class="nav-item d-none d-lg-flex mr-3">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon text-github" fill="currentColor">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank" rel="noreferrer">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon" fill="currentColor">
<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/>
</svg>
Source code
</a>
</li>
<li class="nav-item dropdown">
<a href="#" data-toggle="dropdown"
class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
<a href="#" data-toggle="dropdown" class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2" aria-label="Show personal menu">
<span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
<span class="ml-2 d-none d-lg-block lh-1">
Leesa Beaty
@@ -100,7 +103,7 @@
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12" y2="17"></line></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
Need help?
</a>
<a class="dropdown-item" href="#">
@@ -112,11 +115,9 @@
</ul>
</div>
</div>
</header>
<header class="topnav">
<div class="navbar navbar-expand-lg navbar-light">
<div class="navbar navbar-border collapse navbar-collapse navbar-collapse-absolute navbar-light bg-white" id="nav-main-menu">
<div class="container">
<ul class="navbar-nav flex-wrap">
<ul class="navbar-nav flex-wrap flex-fill">
<li class="nav-item">
<a class="nav-link" href="../index.html" >
<span class="nav-icon">
@@ -158,6 +159,11 @@
Cards
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
</a>
</li>
<li >
<a class="dropdown-item" href="../datatables.html" >
Data Tables
@@ -173,6 +179,11 @@
Carousel
</a>
</li>
<li >
<a class="dropdown-item" href="../lists.html" >
Lists
</a>
</li>
<li >
<a class="dropdown-item" href="../users.html" >
Users
@@ -193,59 +204,30 @@
Music
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="../charts.html" >
<span class="nav-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
</span>
Charts
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
aria-expanded="false" >
<span class="nav-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
</span>
Error pages
</a>
<ul class="dropdown-menu">
<li >
<a class="dropdown-item" href="../400.html" >
400 page
<li class="dropright">
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
Authentication
</a>
<div class="dropdown-menu">
<a href="../sign-in.html" class="dropdown-item">Sign in</a>
<a href="../sign-up.html" class="dropdown-item">Sign up</a>
<a href="../forgot-password.html" class="dropdown-item">Forgot password</a>
<a href="../terms-of-service.html" class="dropdown-item">Terms of service</a>
</div>
</li>
<li >
<a class="dropdown-item" href="../401.html" >
401 page
</a>
</li>
<li >
<a class="dropdown-item" href="../403.html" >
403 page
</a>
</li>
<li >
<a class="dropdown-item" href="../404.html" >
404 page
</a>
</li>
<li >
<a class="dropdown-item" href="../500.html" >
500 page
</a>
</li>
<li >
<a class="dropdown-item" href="../503.html" >
503 page
</a>
</li>
<li >
<a class="dropdown-item" href="../maintenance.html" >
Maintenance page
<li class="dropright">
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-toggle="dropdown" role="button" aria-expanded="false" >
Error pages
</a>
<div class="dropdown-menu">
<a href="../400.html" class="dropdown-item">400 page</a>
<a href="../401.html" class="dropdown-item">401 page</a>
<a href="../403.html" class="dropdown-item">403 page</a>
<a href="../404.html" class="dropdown-item">404 page</a>
<a href="../500.html" class="dropdown-item">500 page</a>
<a href="../503.html" class="dropdown-item">503 page</a>
<a href="../maintenance.html" class="dropdown-item">Maintenance page</a>
</div>
</li>
</ul>
</li>
@@ -274,7 +256,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
</span>
Layouts
<span class="badge bg-green ml-2">New</span>
</a>
</li>
<li class="nav-item dropdown">
@@ -296,6 +277,11 @@
Blog cards
</a>
</li>
<li >
<a class="dropdown-item" href="../snippets.html" >
Snippets
</a>
</li>
<li >
<a class="dropdown-item" href="../search-results.html" >
Search results
@@ -422,6 +408,11 @@
Payments
</a>
</li>
<li >
<a class="dropdown-item" href="../docs/range-slider.html" >
Range slider
</a>
</li>
<li >
<a class="dropdown-item" href="../docs/ribbons.html" >
Ribbons
@@ -471,13 +462,13 @@
</ul>
</li>
</ul>
<div class="navbar-search d-none d-xl-block">
<div class="d-none d-xl-block ml-auto">
<form action="." method="get">
<div class="input-icon">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control" placeholder="Search&hellip;">
<input type="text" class="form-control" placeholder="Search…">
</div>
</form>
</div>
@@ -524,8 +515,8 @@
<div class="flex-fill" style="max-width: 274px">
<div class="card">
<div class="card-body">
<div class="d-flex">
<div>Sales</div>
<div class="d-flex align-items-center">
<div class="subheader">Sales</div>
<div class="ml-auto">
<div class="dropdown">
<a class="dropdown-toggle text-muted" href="#" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
@@ -561,8 +552,8 @@
<div class="highlight m-0 rounded-0 rounded-bottom mb-3">
<pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"card"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"card-body"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"d-flex"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div&gt;</span>Sales<span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"d-flex align-items-center"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"subheader"</span><span class="nt">&gt;</span>Sales<span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"ml-auto"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"dropdown"</span><span class="nt">&gt;</span>
<span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">"dropdown-toggle text-muted"</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">id=</span><span class="s">"dropdownMenuButton"</span> <span class="na">data-toggle=</span><span class="s">"dropdown"</span> <span class="na">aria-haspopup=</span><span class="s">"true"</span> <span class="na">aria-expanded=</span><span class="s">"false"</span><span class="nt">&gt;</span>
@@ -604,8 +595,8 @@
<input type="hidden" name="data" value='{"title":"Sales widget","css_external":"https://preview-dev.tabler.io/dist/css/tabler.css","html":"\n<div class=\"tabler-demo\">\n
<div class=\"card\">\n
<div class=\"card-body\">\n
<div class=\"d-flex\">\n
<div>Sales</div>
<div class=\"d-flex align-items-center\">\n
<div class=\"subheader\">Sales</div>
\n
<div class=\"ml-auto\">\n
<div class=\"dropdown\">\n <a class=\"dropdown-toggle text-muted\" href=\"#\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n Last 7 days\n </a>\n
@@ -645,9 +636,9 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1580339009"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1578694044"></script>
<script src="../dist/js/tabler.min.js?1580339009"></script>
<script src="../dist/js/tabler-range-sliders.min.js?1580339009"></script>
</body>
</html>
demo/crypto-currencies.html
+17 -17
View File
@@ -24,22 +24,22 @@
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<title>Crypto currencies - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580339009" rel="stylesheet"/>
</head>
<body class="antialiased">
<div class="page">
@@ -1695,9 +1695,9 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580338609"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580339009"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1580338609"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580338609"></script>
<script src="./dist/js/tabler.min.js?1580339009"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580339009"></script>
</body>
</html>
demo/datatables.html
+17 -17
View File
@@ -24,22 +24,22 @@
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<title>Data Tables - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1580339009" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580338609" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-dark.min.css?1580339009" rel="stylesheet"/>
<link href="./dist/css/tabler-rtl.min.css?1580339009" rel="stylesheet"/>
</head>
<body class="antialiased">
<div class="page">
@@ -827,9 +827,9 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580338609"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580339009"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1580338609"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580338609"></script>
<script src="./dist/js/tabler.min.js?1580339009"></script>
<script src="./dist/js/tabler-range-sliders.min.js?1580339009"></script>
</body>
</html>
demo/dist/css/tabler-buttons.css
Vendored
+117 -117
View File
@@ -25,28 +25,28 @@
border-color: transparent; }
.btn-ghost-secondary {
color: #7e8590;
color: #7b7e88;
background-color: transparent;
border-color: transparent; }
.btn-ghost-secondary:hover {
color: #fff;
background-color: #7e8590;
border-color: #7e8590; }
background-color: #7b7e88;
border-color: #7b7e88; }
.btn-ghost-secondary:focus, .btn-ghost-secondary.focus {
color: #fff;
background-color: #7e8590;
border-color: #7e8590;
box-shadow: 0 0 0 0.2rem rgba(126, 133, 144, 0.5); }
background-color: #7b7e88;
border-color: #7b7e88;
box-shadow: 0 0 0 0.2rem rgba(123, 126, 136, 0.5); }
.btn-ghost-secondary:active, .btn-ghost-secondary.active,
.show > .btn-ghost-secondary.dropdown-toggle {
color: #ffffff;
background-color: #7e8590;
border-color: #7e8590; }
background-color: #7b7e88;
border-color: #7b7e88; }
.btn-ghost-secondary:active:focus, .btn-ghost-secondary.active:focus,
.show > .btn-ghost-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(126, 133, 144, 0.5); }
box-shadow: 0 0 0 0.2rem rgba(123, 126, 136, 0.5); }
.btn-ghost-secondary:disabled, .btn-ghost-secondary.disabled {
color: #7e8590;
color: #7b7e88;
background-color: transparent;
border-color: transparent; }
@@ -169,7 +169,7 @@
box-shadow: 0 0 0 0.2rem rgba(245, 247, 251, 0.5); }
.btn-ghost-light:active, .btn-ghost-light.active,
.show > .btn-ghost-light.dropdown-toggle {
color: #354052;
color: #303645;
background-color: #f5f7fb;
border-color: #f5f7fb; }
.btn-ghost-light:active:focus, .btn-ghost-light.active:focus,
@@ -181,28 +181,28 @@
border-color: transparent; }
.btn-ghost-dark {
color: #354052;
color: #303645;
background-color: transparent;
border-color: transparent; }
.btn-ghost-dark:hover {
color: #fff;
background-color: #354052;
border-color: #354052; }
background-color: #303645;
border-color: #303645; }
.btn-ghost-dark:focus, .btn-ghost-dark.focus {
color: #fff;
background-color: #354052;
border-color: #354052;
box-shadow: 0 0 0 0.2rem rgba(53, 64, 82, 0.5); }
background-color: #303645;
border-color: #303645;
box-shadow: 0 0 0 0.2rem rgba(48, 54, 69, 0.5); }
.btn-ghost-dark:active, .btn-ghost-dark.active,
.show > .btn-ghost-dark.dropdown-toggle {
color: #ffffff;
background-color: #354052;
border-color: #354052; }
background-color: #303645;
border-color: #303645; }
.btn-ghost-dark:active:focus, .btn-ghost-dark.active:focus,
.show > .btn-ghost-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(53, 64, 82, 0.5); }
box-shadow: 0 0 0 0.2rem rgba(48, 54, 69, 0.5); }
.btn-ghost-dark:disabled, .btn-ghost-dark.disabled {
color: #354052;
color: #303645;
background-color: transparent;
border-color: transparent; }
@@ -1335,28 +1335,28 @@
background-color: transparent; }
.btn-white {
color: #354052;
color: #303645;
background-color: #ffffff;
border-color: #ffffff; }
.btn-white:hover {
color: #354052;
color: #303645;
background-color: #ececec;
border-color: #e6e6e6; }
.btn-white:focus, .btn-white.focus {
color: #354052;
color: #303645;
background-color: #ececec;
border-color: #e6e6e6;
box-shadow: 0 0 0 0.2rem rgba(225, 226, 229, 0.5); }
box-shadow: 0 0 0 0.2rem rgba(224, 225, 227, 0.5); }
.btn-white:active, .btn-white.active,
.show > .btn-white.dropdown-toggle {
color: #354052;
color: #303645;
background-color: #e6e6e6;
border-color: #dfdfdf; }
.btn-white:active:focus, .btn-white.active:focus,
.show > .btn-white.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(225, 226, 229, 0.5); }
box-shadow: 0 0 0 0.2rem rgba(224, 225, 227, 0.5); }
.btn-white:disabled, .btn-white.disabled {
color: #354052;
color: #303645;
background-color: #ffffff;
border-color: #ffffff; }
@@ -1371,7 +1371,7 @@
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-outline-white:active, .btn-outline-white.active,
.show > .btn-outline-white.dropdown-toggle {
color: #354052;
color: #303645;
background-color: #ffffff;
border-color: #ffffff; }
.btn-outline-white:active:focus, .btn-outline-white.active:focus,
@@ -1383,96 +1383,96 @@
.btn-gray {
color: #ffffff;
background-color: #aeb3bc;
border-color: #aeb3bc; }
background-color: #acb0b8;
border-color: #acb0b8; }
.btn-gray:hover {
color: #ffffff;
background-color: #999fab;
border-color: #9299a5; }
background-color: #979ca6;
border-color: #9196a0; }
.btn-gray:focus, .btn-gray.focus {
color: #ffffff;
background-color: #999fab;
border-color: #9299a5;
box-shadow: 0 0 0 0.2rem rgba(186, 190, 198, 0.5); }
background-color: #979ca6;
border-color: #9196a0;
box-shadow: 0 0 0 0.2rem rgba(184, 188, 195, 0.5); }
.btn-gray:active, .btn-gray.active,
.show > .btn-gray.dropdown-toggle {
color: #ffffff;
background-color: #9299a5;
border-color: #8b929f; }
background-color: #9196a0;
border-color: #8a8f9b; }
.btn-gray:active:focus, .btn-gray.active:focus,
.show > .btn-gray.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(186, 190, 198, 0.5); }
box-shadow: 0 0 0 0.2rem rgba(184, 188, 195, 0.5); }
.btn-gray:disabled, .btn-gray.disabled {
color: #ffffff;
background-color: #aeb3bc;
border-color: #aeb3bc; }
background-color: #acb0b8;
border-color: #acb0b8; }
.btn-outline-gray {
color: #aeb3bc;
border-color: #aeb3bc; }
color: #acb0b8;
border-color: #acb0b8; }
.btn-outline-gray:hover {
color: #aeb3bc;
background-color: #aeb3bc;
border-color: #aeb3bc; }
color: #acb0b8;
background-color: #acb0b8;
border-color: #acb0b8; }
.btn-outline-gray:focus, .btn-outline-gray.focus {
box-shadow: 0 0 0 0.2rem rgba(174, 179, 188, 0.5); }
box-shadow: 0 0 0 0.2rem rgba(172, 176, 184, 0.5); }
.btn-outline-gray:active, .btn-outline-gray.active,
.show > .btn-outline-gray.dropdown-toggle {
color: #ffffff;
background-color: #aeb3bc;
border-color: #aeb3bc; }
background-color: #acb0b8;
border-color: #acb0b8; }
.btn-outline-gray:active:focus, .btn-outline-gray.active:focus,
.show > .btn-outline-gray.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(174, 179, 188, 0.5); }
box-shadow: 0 0 0 0.2rem rgba(172, 176, 184, 0.5); }
.btn-outline-gray:disabled, .btn-outline-gray.disabled {
color: #aeb3bc;
color: #acb0b8;
background-color: transparent; }
.btn-gray-dark {
color: #ffffff;
background-color: #5f6877;
border-color: #5f6877; }
background-color: #5b606d;
border-color: #5b606d; }
.btn-gray-dark:hover {
color: #ffffff;
background-color: #4e5562;
border-color: #484f5b; }
background-color: #4a4e58;
border-color: #444851; }
.btn-gray-dark:focus, .btn-gray-dark.focus {
color: #ffffff;
background-color: #4e5562;
border-color: #484f5b;
box-shadow: 0 0 0 0.2rem rgba(119, 127, 139, 0.5); }
background-color: #4a4e58;
border-color: #444851;
box-shadow: 0 0 0 0.2rem rgba(116, 120, 131, 0.5); }
.btn-gray-dark:active, .btn-gray-dark.active,
.show > .btn-gray-dark.dropdown-toggle {
color: #ffffff;
background-color: #484f5b;
border-color: #434954; }
background-color: #444851;
border-color: #3e414a; }
.btn-gray-dark:active:focus, .btn-gray-dark.active:focus,
.show > .btn-gray-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(119, 127, 139, 0.5); }
box-shadow: 0 0 0 0.2rem rgba(116, 120, 131, 0.5); }
.btn-gray-dark:disabled, .btn-gray-dark.disabled {
color: #ffffff;
background-color: #5f6877;
border-color: #5f6877; }
background-color: #5b606d;
border-color: #5b606d; }
.btn-outline-gray-dark {
color: #5f6877;
border-color: #5f6877; }
color: #5b606d;
border-color: #5b606d; }
.btn-outline-gray-dark:hover {
color: #5f6877;
background-color: #5f6877;
border-color: #5f6877; }
color: #5b606d;
background-color: #5b606d;
border-color: #5b606d; }
.btn-outline-gray-dark:focus, .btn-outline-gray-dark.focus {
box-shadow: 0 0 0 0.2rem rgba(95, 104, 119, 0.5); }
box-shadow: 0 0 0 0.2rem rgba(91, 96, 109, 0.5); }
.btn-outline-gray-dark:active, .btn-outline-gray-dark.active,
.show > .btn-outline-gray-dark.dropdown-toggle {
color: #ffffff;
background-color: #5f6877;
border-color: #5f6877; }
background-color: #5b606d;
border-color: #5b606d; }
.btn-outline-gray-dark:active:focus, .btn-outline-gray-dark.active:focus,
.show > .btn-outline-gray-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(95, 104, 119, 0.5); }
box-shadow: 0 0 0 0.2rem rgba(91, 96, 109, 0.5); }
.btn-outline-gray-dark:disabled, .btn-outline-gray-dark.disabled {
color: #5f6877;
color: #5b606d;
background-color: transparent; }
.btn-azure {
@@ -1524,95 +1524,95 @@
.btn-lime {
color: #ffffff;
background-color: #7bd235;
border-color: #7bd235; }
background-color: #94d82d;
border-color: #94d82d; }
.btn-lime:hover {
color: #ffffff;
background-color: #69b829;
border-color: #63ad27; }
background-color: #7fbc23;
border-color: #78b121; }
.btn-lime:focus, .btn-lime.focus {
color: #ffffff;
background-color: #69b829;
border-color: #63ad27;
box-shadow: 0 0 0 0.2rem rgba(143, 217, 83, 0.5); }
background-color: #7fbc23;
border-color: #78b121;
box-shadow: 0 0 0 0.2rem rgba(164, 222, 77, 0.5); }
.btn-lime:active, .btn-lime.active,
.show > .btn-lime.dropdown-toggle {
color: #ffffff;
background-color: #63ad27;
border-color: #5da324; }
background-color: #78b121;
border-color: #70a61f; }
.btn-lime:active:focus, .btn-lime.active:focus,
.show > .btn-lime.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(143, 217, 83, 0.5); }
box-shadow: 0 0 0 0.2rem rgba(164, 222, 77, 0.5); }
.btn-lime:disabled, .btn-lime.disabled {
color: #ffffff;
background-color: #7bd235;
border-color: #7bd235; }
background-color: #94d82d;
border-color: #94d82d; }
.btn-outline-lime {
color: #7bd235;
border-color: #7bd235; }
color: #94d82d;
border-color: #94d82d; }
.btn-outline-lime:hover {
color: #7bd235;
background-color: #7bd235;
border-color: #7bd235; }
color: #94d82d;
background-color: #94d82d;
border-color: #94d82d; }
.btn-outline-lime:focus, .btn-outline-lime.focus {
box-shadow: 0 0 0 0.2rem rgba(123, 210, 53, 0.5); }
box-shadow: 0 0 0 0.2rem rgba(148, 216, 45, 0.5); }
.btn-outline-lime:active, .btn-outline-lime.active,
.show > .btn-outline-lime.dropdown-toggle {
color: #ffffff;
background-color: #7bd235;
border-color: #7bd235; }
background-color: #94d82d;
border-color: #94d82d; }
.btn-outline-lime:active:focus, .btn-outline-lime.active:focus,
.show > .btn-outline-lime.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(123, 210, 53, 0.5); }
box-shadow: 0 0 0 0.2rem rgba(148, 216, 45, 0.5); }
.btn-outline-lime:disabled, .btn-outline-lime.disabled {
color: #7bd235;
color: #94d82d;
background-color: transparent; }
.btn-dark {
color: #ffffff;
background-color: #354052;
border-color: #354052; }
background-color: #303645;
border-color: #303645; }
.btn-dark:hover {
color: #ffffff;
background-color: #262e3b;
border-color: #212833; }
background-color: #20242e;
border-color: #1b1e27; }
.btn-dark:focus, .btn-dark.focus {
color: #ffffff;
background-color: #262e3b;
border-color: #212833;
box-shadow: 0 0 0 0.2rem rgba(83, 93, 108, 0.5); }
background-color: #20242e;
border-color: #1b1e27;
box-shadow: 0 0 0 0.2rem rgba(79, 84, 97, 0.5); }
.btn-dark:active, .btn-dark.active,
.show > .btn-dark.dropdown-toggle {
color: #ffffff;
background-color: #212833;
border-color: #1c222b; }
background-color: #1b1e27;
border-color: #16191f; }
.btn-dark:active:focus, .btn-dark.active:focus,
.show > .btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(83, 93, 108, 0.5); }
box-shadow: 0 0 0 0.2rem rgba(79, 84, 97, 0.5); }
.btn-dark:disabled, .btn-dark.disabled {
color: #ffffff;
background-color: #354052;
border-color: #354052; }
background-color: #303645;
border-color: #303645; }
.btn-outline-dark {
color: #354052;
border-color: #354052; }
color: #303645;
border-color: #303645; }
.btn-outline-dark:hover {
color: #354052;
background-color: #354052;
border-color: #354052; }
color: #303645;
background-color: #303645;
border-color: #303645; }
.btn-outline-dark:focus, .btn-outline-dark.focus {
box-shadow: 0 0 0 0.2rem rgba(53, 64, 82, 0.5); }
box-shadow: 0 0 0 0.2rem rgba(48, 54, 69, 0.5); }
.btn-outline-dark:active, .btn-outline-dark.active,
.show > .btn-outline-dark.dropdown-toggle {
color: #ffffff;
background-color: #354052;
border-color: #354052; }
background-color: #303645;
border-color: #303645; }
.btn-outline-dark:active:focus, .btn-outline-dark.active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(53, 64, 82, 0.5); }
box-shadow: 0 0 0 0.2rem rgba(48, 54, 69, 0.5); }
.btn-outline-dark:disabled, .btn-outline-dark.disabled {
color: #354052;
color: #303645;
background-color: transparent; }
/*# sourceMappingURL=tabler-buttons.css.map */
demo/dist/css/tabler-buttons.css.map
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
demo/dist/css/tabler-buttons.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
demo/dist/css/tabler-buttons.min.css.map
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
demo/dist/css/tabler-dark.css
Vendored
+66
View File
@@ -0,0 +1,66 @@
@media not print {
.theme-dark,
.theme-dark .modal-content,
.theme-dark .dropdown-menu,
.theme-dark .example-bg {
color: #afbdd1;
background: #222935; }
.theme-dark .card,
.theme-dark .sidebar,
.theme-dark .topbar {
color: inherit;
background: #303645; }
.theme-dark .text-body {
color: #afbdd1 !important; }
.theme-dark .avatar-list-stacked .avatar {
box-shadow: 0 0 0 2px #222226; }
.theme-dark .navbar-brand-logo {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1); }
.theme-dark .form-fieldset {
border-color: transparent; }
.theme-dark .form-control,
.theme-dark .form-select,
.theme-dark .form-check-input:not(:checked) {
background: transparent;
border-color: rgba(175, 189, 209, 0.4);
color: inherit; }
.theme-dark .input-group-text {
border-color: rgba(175, 189, 209, 0.4); }
.theme-dark .brand-logo {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1); } }
@media not print and (prefers-color-scheme: dark) {
.auto-theme-dark,
.auto-theme-dark .modal-content,
.auto-theme-dark .dropdown-menu,
.auto-theme-dark .example-bg {
color: #afbdd1;
background: #222935; }
.auto-theme-dark .card,
.auto-theme-dark .sidebar,
.auto-theme-dark .topbar {
color: inherit;
background: #303645; }
.auto-theme-dark .text-body {
color: #afbdd1 !important; }
.auto-theme-dark .avatar-list-stacked .avatar {
box-shadow: 0 0 0 2px #222226; }
.auto-theme-dark .navbar-brand-logo {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1); }
.auto-theme-dark .form-fieldset {
border-color: transparent; }
.auto-theme-dark .form-control,
.auto-theme-dark .form-select,
.auto-theme-dark .form-check-input:not(:checked) {
background: transparent;
border-color: rgba(175, 189, 209, 0.4);
color: inherit; }
.auto-theme-dark .input-group-text {
border-color: rgba(175, 189, 209, 0.4); }
.auto-theme-dark .brand-logo {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1); } }
/*# sourceMappingURL=tabler-dark.css.map */
demo/dist/css/tabler-dark.css.map
Vendored
+1
View File
File diff suppressed because one or more lines are too long
demo/dist/css/tabler-dark.min.css
Vendored
+2
View File
@@ -0,0 +1,2 @@
@media not print{.theme-dark,.theme-dark .dropdown-menu,.theme-dark .example-bg,.theme-dark .modal-content{color:#afbdd1;background:#222935}.theme-dark .card,.theme-dark .sidebar,.theme-dark .topbar{color:inherit;background:#303645}.theme-dark .text-body{color:#afbdd1!important}.theme-dark .avatar-list-stacked .avatar{box-shadow:0 0 0 2px #222226}.theme-dark .navbar-brand-logo{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.theme-dark .form-fieldset{border-color:transparent}.theme-dark .form-check-input:not(:checked),.theme-dark .form-control,.theme-dark .form-select{background:0 0;border-color:rgba(175,189,209,.4);color:inherit}.theme-dark .input-group-text{border-color:rgba(175,189,209,.4)}.theme-dark .brand-logo{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}}@media not print and (prefers-color-scheme:dark){.auto-theme-dark,.auto-theme-dark .dropdown-menu,.auto-theme-dark .example-bg,.auto-theme-dark .modal-content{color:#afbdd1;background:#222935}.auto-theme-dark .card,.auto-theme-dark .sidebar,.auto-theme-dark .topbar{color:inherit;background:#303645}.auto-theme-dark .text-body{color:#afbdd1!important}.auto-theme-dark .avatar-list-stacked .avatar{box-shadow:0 0 0 2px #222226}.auto-theme-dark .navbar-brand-logo{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.auto-theme-dark .form-fieldset{border-color:transparent}.auto-theme-dark .form-check-input:not(:checked),.auto-theme-dark .form-control,.auto-theme-dark .form-select{background:0 0;border-color:rgba(175,189,209,.4);color:inherit}.auto-theme-dark .input-group-text{border-color:rgba(175,189,209,.4)}.auto-theme-dark .brand-logo{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}}
/*# sourceMappingURL=tabler-dark.min.css.map */
demo/dist/css/tabler-dark.min.css.map
Vendored
+1
View File
@@ -0,0 +1 @@
{"version":3,"sources":["../../scss/_dark.scss","dist/css/tabler-dark.css"],"names":[],"mappings":"AAmDA,iBAhDE,YCAA,2BACA,wBAFA,2BDKE,MAAA,QACA,WAAA,QAGF,kBCHA,qBACA,oBDKE,MAAA,QACA,WAAA,QAGF,uBACE,MAAA,kBAGF,yCACE,WAAA,EAAA,EAAA,EAAA,IAAA,QAGF,+BACE,eAAA,cAAA,UAAA,OAAA,cAAA,UAGF,2BACE,aAAA,YCRF,4CDWA,0BCZA,yBDeE,WAAA,IACA,aAAA,qBACA,MAAA,QAGF,8BACE,aAAA,qBAGF,wBACE,eAAA,cAAA,UAAA,OAAA,cAAA,WAUJ,iDAtDE,iBCiCA,gCACA,6BAFA,gCD5BE,MAAA,QACA,WAAA,QAGF,uBC8BA,0BACA,yBD5BE,MAAA,QACA,WAAA,QAGF,4BACE,MAAA,kBAGF,8CACE,WAAA,EAAA,EAAA,EAAA,IAAA,QAGF,oCACE,eAAA,cAAA,UAAA,OAAA,cAAA,UAGF,gCACE,aAAA,YCyBF,iDDtBA,+BCqBA,8BDlBE,WAAA,IACA,aAAA,qBACA,MAAA,QAGF,mCACE,aAAA,qBAGF,6BACE,eAAA,cAAA,UAAA,OAAA,cAAA","sourcesContent":["// stylelint-disable declaration-no-important\n\n@mixin dark-mode {\n &,\n .modal-content,\n .dropdown-menu,\n .example-bg {\n color: $dark-body-color;\n background: $dark-body-bg;\n }\n\n .card,\n .sidebar,\n .topbar {\n color: inherit;\n background: $dark;\n }\n\n .text-body {\n color: #afbdd1 !important;\n }\n\n .avatar-list-stacked .avatar {\n box-shadow: 0 0 0 2px #222226;\n }\n\n .navbar-brand-logo {\n filter: brightness(0) invert(1);\n }\n\n .form-fieldset {\n border-color: transparent;\n }\n\n .form-control,\n .form-select,\n .form-check-input:not(:checked) {\n background: transparent;\n border-color: $dark-border-color;\n color: inherit;\n }\n\n .input-group-text {\n border-color: $dark-border-color;\n }\n\n .brand-logo {\n filter: brightness(0) invert(1);\n }\n}\n\n@media not print {\n .theme-dark {\n @include dark-mode;\n }\n}\n\n@media not print and (prefers-color-scheme: dark) {\n .auto-theme-dark {\n @include dark-mode;\n }\n}\n","@media not print {\n .theme-dark,\n .theme-dark .modal-content,\n .theme-dark .dropdown-menu,\n .theme-dark .example-bg {\n color: #afbdd1;\n background: #222935; }\n .theme-dark .card,\n .theme-dark .sidebar,\n .theme-dark .topbar {\n color: inherit;\n background: #303645; }\n .theme-dark .text-body {\n color: #afbdd1 !important; }\n .theme-dark .avatar-list-stacked .avatar {\n box-shadow: 0 0 0 2px #222226; }\n .theme-dark .navbar-brand-logo {\n -webkit-filter: brightness(0) invert(1);\n filter: brightness(0) invert(1); }\n .theme-dark .form-fieldset {\n border-color: transparent; }\n .theme-dark .form-control,\n .theme-dark .form-select,\n .theme-dark .form-check-input:not(:checked) {\n background: transparent;\n border-color: rgba(175, 189, 209, 0.4);\n color: inherit; }\n .theme-dark .input-group-text {\n border-color: rgba(175, 189, 209, 0.4); }\n .theme-dark .brand-logo {\n -webkit-filter: brightness(0) invert(1);\n filter: brightness(0) invert(1); } }\n\n@media not print and (prefers-color-scheme: dark) {\n .auto-theme-dark,\n .auto-theme-dark .modal-content,\n .auto-theme-dark .dropdown-menu,\n .auto-theme-dark .example-bg {\n color: #afbdd1;\n background: #222935; }\n .auto-theme-dark .card,\n .auto-theme-dark .sidebar,\n .auto-theme-dark .topbar {\n color: inherit;\n background: #303645; }\n .auto-theme-dark .text-body {\n color: #afbdd1 !important; }\n .auto-theme-dark .avatar-list-stacked .avatar {\n box-shadow: 0 0 0 2px #222226; }\n .auto-theme-dark .navbar-brand-logo {\n -webkit-filter: brightness(0) invert(1);\n filter: brightness(0) invert(1); }\n .auto-theme-dark .form-fieldset {\n border-color: transparent; }\n .auto-theme-dark .form-control,\n .auto-theme-dark .form-select,\n .auto-theme-dark .form-check-input:not(:checked) {\n background: transparent;\n border-color: rgba(175, 189, 209, 0.4);\n color: inherit; }\n .auto-theme-dark .input-group-text {\n border-color: rgba(175, 189, 209, 0.4); }\n .auto-theme-dark .brand-logo {\n -webkit-filter: brightness(0) invert(1);\n filter: brightness(0) invert(1); } }\n/*# sourceMappingURL=tabler-dark.css.map */"]}
demo/dist/css/tabler-flags.css
Vendored
+1 -1
View File
@@ -13,7 +13,7 @@
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: 1px solid rgba(53, 64, 82, 0.16);
border: 1px solid rgba(123, 126, 136, 0.24);
border-radius: 3px; }
.flag-country-ad {
demo/dist/css/tabler-flags.css.map
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
demo/dist/css/tabler-flags.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
demo/dist/css/tabler-flags.min.css.map
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
demo/dist/css/tabler-payments.css
Vendored
+30
View File
@@ -62,6 +62,12 @@
.payment-provider-bitpay {
background-image: url("../img/payments/bitpay.svg"); }
.payment-provider-blik {
background-image: url("../img/payments/blik.svg"); }
.payment-provider-blik-dark {
background-image: url("../img/payments/blik-dark.svg"); }
.payment-provider-cirrus-dark {
background-image: url("../img/payments/cirrus-dark.svg"); }
@@ -98,6 +104,12 @@
.payment-provider-discover {
background-image: url("../img/payments/discover.svg"); }
.payment-provider-dotpay {
background-image: url("../img/payments/dotpay.svg"); }
.payment-provider-dotpay-dark {
background-image: url("../img/payments/dotpay-dark.svg"); }
.payment-provider-dwolla-dark {
background-image: url("../img/payments/dwolla-dark.svg"); }
@@ -164,6 +176,12 @@
.payment-provider-mastercard {
background-image: url("../img/payments/mastercard.svg"); }
.payment-provider-mir-dark {
background-image: url("../img/payments/mir-dark.svg"); }
.payment-provider-mir {
background-image: url("../img/payments/mir.svg"); }
.payment-provider-monero-dark {
background-image: url("../img/payments/monero-dark.svg"); }
@@ -236,6 +254,12 @@
.payment-provider-payza {
background-image: url("../img/payments/payza.svg"); }
.payment-provider-przelewy24 {
background-image: url("../img/payments/przelewy24.svg"); }
.payment-provider-przelewy24-dark {
background-image: url("../img/payments/przelewy24-dark.svg"); }
.payment-provider-ripple-dark {
background-image: url("../img/payments/ripple-dark.svg"); }
@@ -290,6 +314,12 @@
.payment-provider-switch {
background-image: url("../img/payments/switch.svg"); }
.payment-provider-tpay {
background-image: url("../img/payments/tpay.svg"); }
.payment-provider-tpay-dark {
background-image: url("../img/payments/tpay-dark.svg"); }
.payment-provider-ukash-dark {
background-image: url("../img/payments/ukash-dark.svg"); }
demo/dist/css/tabler-payments.css.map
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
demo/dist/css/tabler-payments.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
demo/dist/css/tabler-payments.min.css.map
Vendored
+1 -1
View File
@@ -1 +1 @@
{"version":3,"sources":["../../scss/tabler-payments.scss","../../scss/ui/_payments.scss"],"names":[],"mappings":"AAAA;;;;;ACEA,SACE,MAAA,WACA,OAAA,KACA,QAAA,aACA,WAAA,UAAA,MAAA,CAAA,KAAA,KACA,eAAA,OACA,WAAA,OACA,WAAA,EAAA,EAAA,IAAA,IAAA,eACA,cAAA,IAIA,iCACE,iBAAA,wCADF,4BACE,iBAAA,mCADF,8BACE,iBAAA,qCADF,yBACE,iBAAA,gCADF,8BACE,iBAAA,qCADF,yBACE,iBAAA,gCADF,uCACE,iBAAA,8CADF,kCACE,iBAAA,yCADF,gCACE,iBAAA,uCADF,2BACE,iBAAA,kCADF,kCACE,iBAAA,yCADF,6BACE,iBAAA,oCADF,+BACE,iBAAA,sCADF,0BACE,iBAAA,iCADF,8BACE,iBAAA,qCADF,yBACE,iBAAA,gCADF,8BACE,iBAAA,qCADF,yBACE,iBAAA,gCADF,mCACE,iBAAA,0CADF,8BACE,iBAAA,qCADF,gCACE,iBAAA,uCADF,2BACE,iBAAA,kCADF,kCACE,iBAAA,yCADF,6BACE,iBAAA,oCADF,mCACE,iBAAA,0CADF,8BACE,iBAAA,qCADF,gCACE,iBAAA,uCADF,2BACE,iBAAA,kCADF,8BACE,iBAAA,qCADF,yBACE,iBAAA,gCADF,4BACE,iBAAA,mCADF,uBACE,iBAAA,8BADF,4BACE,iBAAA,mCADF,uBACE,iBAAA,8BADF,+BACE,iBAAA,sCADF,0BACE,iBAAA,iCADF,oCACE,iBAAA,2CADF,+BACE,iBAAA,sCADF,gCACE,iBAAA,uCADF,2BACE,iBAAA,kCADF,2BACE,iBAAA,kCADF,sBACE,iBAAA,6BADF,8BACE,iBAAA,qCADF,yBACE,iBAAA,gCADF,6BACE,iBAAA,oCADF,wBACE,iBAAA,+BADF,+BACE,iBAAA,sCADF,0BACE,iBAAA,iCADF,kCACE,iBAAA,yCADF,6BACE,iBAAA,oCADF,8BACE,iBAAA,qCADF,yBACE,iBAAA,gCADF,gCACE,iBAAA,uCADF,2BACE,iBAAA,kCADF,6BACE,iBAAA,oCADF,wBACE,iBAAA,+BADF,6BACE,iBAAA,oCADF,wBACE,iBAAA,+BADF,8BACE,iBAAA,qCADF,yBACE,iBAAA,gCADF,+BACE,iBAAA,sCADF,0BACE,iBAAA,iCADF,8BACE,iBAAA,qCADF,yBACE,iBAAA,gCADF,gCACE,iBAAA,uCADF,2BACE,iBAAA,kCADF,8BACE,iBAAA,qCADF,yBACE,iBAAA,gCADF,mCACE,iBAAA,0CADF,8BACE,iBAAA,qCADF,4BACE,iBAAA,mCADF,uBACE,iBAAA,8BADF,6BACE,iBAAA,oCADF,wBACE,iBAAA,+BADF,8BACE,iBAAA,qCADF,yBACE,iBAAA,gCADF,4BACE,iBAAA,mCADF,uBACE,iBAAA,8BADF,4BACE,iBAAA,mCADF,uBACE,iBAAA,8BADF,+BACE,iBAAA,sCADF,0BACE,iBAAA,iCADF,8BACE,iBAAA,qCADF,yBACE,iBAAA,gCADF,4BACE,iBAAA,mCADF,uBACE,iBAAA,8BADF,8BACE,iBAAA,qCADF,yBACE,iBAAA,gCADF,8BACE,iBAAA,qCADF,yBACE,iBAAA,gCADF,8BACE,iBAAA,qCADF,yBACE,iBAAA,gCADF,6BACE,iBAAA,oCADF,wBACE,iBAAA,+BADF,gCACE,iBAAA,uCADF,2BACE,iBAAA,kCADF,gCACE,iBAAA,uCADF,2BACE,iBAAA,kCADF,gCACE,iBAAA,uCADF,2BACE,iBAAA,kCADF,4BACE,iBAAA,mCADF,uBACE,iBAAA,8BADF,gCACE,iBAAA,uCADF,2BACE,iBAAA,kCADF,oCACE,iBAAA,2CADF,+BACE,iBAAA,sCADF,gCACE,iBAAA,uCADF,2BACE,iBAAA,kCAKF,YACE,MAAA,WACA,OAAA,OAFF,YACE,MAAA,WACA,OAAA,KAFF,YACE,MAAA,WACA,OAAA","sourcesContent":["/*!\n * Tabler Payments (v0.1.0)\n * Copyright 2018-2019 The Tabler Authors\n * Copyright 2018-2019 codecalm\n * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)\n */\n\n @import \"config\";\n @import \"ui/payments\";\n ","$payment-icons: ('2checkout-dark', '2checkout', 'alipay-dark', 'alipay', 'amazon-dark', 'amazon', 'americanexpress-dark', 'americanexpress', 'applepay-dark', 'applepay', 'bancontact-dark', 'bancontact', 'bitcoin-dark', 'bitcoin', 'bitpay-dark', 'bitpay', 'cirrus-dark', 'cirrus', 'clickandbuy-dark', 'clickandbuy', 'coinkite-dark', 'coinkite', 'dinersclub-dark', 'dinersclub', 'directdebit-dark', 'directdebit', 'discover-dark', 'discover', 'dwolla-dark', 'dwolla', 'ebay-dark', 'ebay', 'eway-dark', 'eway', 'giropay-dark', 'giropay', 'googlewallet-dark', 'googlewallet', 'ingenico-dark', 'ingenico', 'jcb-dark', 'jcb', 'klarna-dark', 'klarna', 'laser-dark', 'laser', 'maestro-dark', 'maestro', 'mastercard-dark', 'mastercard', 'monero-dark', 'monero', 'neteller-dark', 'neteller', 'ogone-dark', 'ogone', 'okpay-dark', 'okpay', 'paybox-dark', 'paybox', 'paymill-dark', 'paymill', 'payone-dark', 'payone', 'payoneer-dark', 'payoneer', 'paypal-dark', 'paypal', 'paysafecard-dark', 'paysafecard', 'payu-dark', 'payu', 'payza-dark', 'payza', 'ripple-dark', 'ripple', 'sage-dark', 'sage', 'sepa-dark', 'sepa', 'shopify-dark', 'shopify', 'skrill-dark', 'skrill', 'solo-dark', 'solo', 'square-dark', 'square', 'stripe-dark', 'stripe', 'switch-dark', 'switch', 'ukash-dark', 'ukash', 'unionpay-dark', 'unionpay', 'verifone-dark', 'verifone', 'verisign-dark', 'verisign', 'visa-dark', 'visa', 'webmoney-dark', 'webmoney', 'westernunion-dark', 'westernunion', 'worldpay-dark', 'worldpay');\n\n.payment {\n width: 2rem * 1.66666;\n height: 2rem;\n display: inline-block;\n background: no-repeat center/100% 100%;\n vertical-align: bottom;\n font-style: normal;\n box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1);\n border-radius: 2px;\n}\n\n@each $payment in $payment-icons {\n .payment-provider-#{$payment} {\n background-image: url(\"#{$assets-base}/img/payments/#{$payment}.svg\");\n }\n}\n\n@each $payment-size, $size in $payment-sizes {\n .payment-#{$payment-size} {\n width: $size * 1.66666;\n height: $size;\n }\n}\n"]}
{"version":3,"sources":["../../scss/tabler-payments.scss","../../scss/ui/_payments.scss"],"names":[],"mappings":"AAAA;;;;;ACEA,SACE,MAAA,WACA,OAAA,KACA,QAAA,aACA,WAAA,UAAA,MAAA,CAAA,KAAA,KACA,eAAA,OACA,WAAA,OACA,WAAA,EAAA,EAAA,IAAA,IAAA,eACA,cAAA,IAIA,iCACE,iBAAA,wCADF,4BACE,iBAAA,mCADF,8BACE,iBAAA,qCADF,yBACE,iBAAA,gCADF,8BACE,iBAAA,qCADF,yBACE,iBAAA,gCADF,uCACE,iBAAA,8CADF,kCACE,iBAAA,yCADF,gCACE,iBAAA,uCADF,2BACE,iBAAA,kCADF,kCACE,iBAAA,yCADF,6BACE,iBAAA,oCADF,+BACE,iBAAA,sCADF,0BACE,iBAAA,iCADF,8BACE,iBAAA,qCADF,yBACE,iBAAA,gCADF,uBACE,iBAAA,8BADF,4BACE,iBAAA,mCADF,8BACE,iBAAA,qCADF,yBACE,iBAAA,gCADF,mCACE,iBAAA,0CADF,8BACE,iBAAA,qCADF,gCACE,iBAAA,uCADF,2BACE,iBAAA,kCADF,kCACE,iBAAA,yCADF,6BACE,iBAAA,oCADF,mCACE,iBAAA,0CADF,8BACE,iBAAA,qCADF,gCACE,iBAAA,uCADF,2BACE,iBAAA,kCADF,yBACE,iBAAA,gCADF,8BACE,iBAAA,qCADF,8BACE,iBAAA,qCADF,yBACE,iBAAA,gCADF,4BACE,iBAAA,mCADF,uBACE,iBAAA,8BADF,4BACE,iBAAA,mCADF,uBACE,iBAAA,8BADF,+BACE,iBAAA,sCADF,0BACE,iBAAA,iCADF,oCACE,iBAAA,2CADF,+BACE,iBAAA,sCADF,gCACE,iBAAA,uCADF,2BACE,iBAAA,kCADF,2BACE,iBAAA,kCADF,sBACE,iBAAA,6BADF,8BACE,iBAAA,qCADF,yBACE,iBAAA,gCADF,6BACE,iBAAA,oCADF,wBACE,iBAAA,+BADF,+BACE,iBAAA,sCADF,0BACE,iBAAA,iCADF,kCACE,iBAAA,yCADF,6BACE,iBAAA,oCADF,2BACE,iBAAA,kCADF,sBACE,iBAAA,6BADF,8BACE,iBAAA,qCADF,yBACE,iBAAA,gCADF,gCACE,iBAAA,uCADF,2BACE,iBAAA,kCADF,6BACE,iBAAA,oCADF,wBACE,iBAAA,+BADF,6BACE,iBAAA,oCADF,wBACE,iBAAA,+BADF,8BACE,iBAAA,qCADF,yBACE,iBAAA,gCADF,+BACE,iBAAA,sCADF,0BACE,iBAAA,iCADF,8BACE,iBAAA,qCADF,yBACE,iBAAA,gCADF,gCACE,iBAAA,uCADF,2BACE,iBAAA,kCADF,8BACE,iBAAA,qCADF,yBACE,iBAAA,gCADF,mCACE,iBAAA,0CADF,8BACE,iBAAA,qCADF,4BACE,iBAAA,mCADF,uBACE,iBAAA,8BADF,6BACE,iBAAA,oCADF,wBACE,iBAAA,+BADF,6BACE,iBAAA,oCADF,kCACE,iBAAA,yCADF,8BACE,iBAAA,qCADF,yBACE,iBAAA,gCADF,4BACE,iBAAA,mCADF,uBACE,iBAAA,8BADF,4BACE,iBAAA,mCADF,uBACE,iBAAA,8BADF,+BACE,iBAAA,sCADF,0BACE,iBAAA,iCADF,8BACE,iBAAA,qCADF,yBACE,iBAAA,gCADF,4BACE,iBAAA,mCADF,uBACE,iBAAA,8BADF,8BACE,iBAAA,qCADF,yBACE,iBAAA,gCADF,8BACE,iBAAA,qCADF,yBACE,iBAAA,gCADF,8BACE,iBAAA,qCADF,yBACE,iBAAA,gCADF,uBACE,iBAAA,8BADF,4BACE,iBAAA,mCADF,6BACE,iBAAA,oCADF,wBACE,iBAAA,+BADF,gCACE,iBAAA,uCADF,2BACE,iBAAA,kCADF,gCACE,iBAAA,uCADF,2BACE,iBAAA,kCADF,gCACE,iBAAA,uCADF,2BACE,iBAAA,kCADF,4BACE,iBAAA,mCADF,uBACE,iBAAA,8BADF,gCACE,iBAAA,uCADF,2BACE,iBAAA,kCADF,oCACE,iBAAA,2CADF,+BACE,iBAAA,sCADF,gCACE,iBAAA,uCADF,2BACE,iBAAA,kCAKF,YACE,MAAA,WACA,OAAA,OAFF,YACE,MAAA,WACA,OAAA,KAFF,YACE,MAAA,WACA,OAAA","sourcesContent":["/*!\n * Tabler Payments (v0.1.0)\n * Copyright 2018-2019 The Tabler Authors\n * Copyright 2018-2019 codecalm\n * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)\n */\n\n @import \"config\";\n @import \"ui/payments\";\n ","$payment-icons: ('2checkout-dark', '2checkout', 'alipay-dark', 'alipay', 'amazon-dark', 'amazon', 'americanexpress-dark', 'americanexpress', 'applepay-dark', 'applepay', 'bancontact-dark', 'bancontact', 'bitcoin-dark', 'bitcoin', 'bitpay-dark', 'bitpay', 'blik', 'blik-dark', 'cirrus-dark', 'cirrus', 'clickandbuy-dark', 'clickandbuy', 'coinkite-dark', 'coinkite', 'dinersclub-dark', 'dinersclub', 'directdebit-dark', 'directdebit', 'discover-dark', 'discover', 'dotpay', 'dotpay-dark', 'dwolla-dark', 'dwolla', 'ebay-dark', 'ebay', 'eway-dark', 'eway', 'giropay-dark', 'giropay', 'googlewallet-dark', 'googlewallet', 'ingenico-dark', 'ingenico', 'jcb-dark', 'jcb', 'klarna-dark', 'klarna', 'laser-dark', 'laser', 'maestro-dark', 'maestro', 'mastercard-dark', 'mastercard', 'mir-dark', 'mir', 'monero-dark', 'monero', 'neteller-dark', 'neteller', 'ogone-dark', 'ogone', 'okpay-dark', 'okpay', 'paybox-dark', 'paybox', 'paymill-dark', 'paymill', 'payone-dark', 'payone', 'payoneer-dark', 'payoneer', 'paypal-dark', 'paypal', 'paysafecard-dark', 'paysafecard', 'payu-dark', 'payu', 'payza-dark', 'payza', 'przelewy24', 'przelewy24-dark', 'ripple-dark', 'ripple', 'sage-dark', 'sage', 'sepa-dark', 'sepa', 'shopify-dark', 'shopify', 'skrill-dark', 'skrill', 'solo-dark', 'solo', 'square-dark', 'square', 'stripe-dark', 'stripe', 'switch-dark', 'switch', 'tpay', 'tpay-dark', 'ukash-dark', 'ukash', 'unionpay-dark', 'unionpay', 'verifone-dark', 'verifone', 'verisign-dark', 'verisign', 'visa-dark', 'visa', 'webmoney-dark', 'webmoney', 'westernunion-dark', 'westernunion', 'worldpay-dark', 'worldpay');\n\n.payment {\n width: 2rem * 1.66666;\n height: 2rem;\n display: inline-block;\n background: no-repeat center/100% 100%;\n vertical-align: bottom;\n font-style: normal;\n box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1);\n border-radius: 2px;\n}\n\n@each $payment in $payment-icons {\n .payment-provider-#{$payment} {\n background-image: url(\"#{$assets-base}/img/payments/#{$payment}.svg\");\n }\n}\n\n@each $payment-size, $size in $payment-sizes {\n .payment-#{$payment-size} {\n width: $size * 1.66666;\n height: $size;\n }\n}\n"]}
demo/dist/css/tabler-rtl.css
Vendored
+16
View File
@@ -0,0 +1,16 @@
html[dir="rtl"] body {
text-align: right;
direction: rtl; }
html[dir="rtl"] .hide-rtl {
display: none !important; }
html[dir="rtl"] .show-rtl {
display: block !important; }
html[dir="rtl"] .float-right {
float: left !important; }
html[dir="rtl"] .float-left {
float: right !important; }
/*# sourceMappingURL=tabler-rtl.css.map */
demo/dist/css/tabler-rtl.css.map
Vendored
+1
View File
@@ -0,0 +1 @@
{"version":3,"sources":["../../scss/_rtl.scss"],"names":[],"mappings":"AAEA;EAEI,iBAAiB;EACjB,cAAc,EAAA;;AAHlB;EAOI,wBAAwB,EAAA;;AAP5B;EAWI,yBAAyB,EAAA;;AAX7B;EAeI,sBAAsB,EAAA;;AAf1B;EAmBI,uBAAuB,EAAA","file":"tabler-rtl.css","sourcesContent":["// stylelint-disable declaration-no-important\n\nhtml[dir=\"rtl\"] {\n body {\n text-align: right;\n direction: rtl;\n }\n\n .hide-rtl {\n display: none !important;\n }\n\n .show-rtl {\n display: block !important;\n }\n\n .float-right {\n float: left !important;\n }\n\n .float-left {\n float: right !important;\n }\n}\n"]}
demo/dist/css/tabler-rtl.min.css
Vendored
+2
View File
@@ -0,0 +1,2 @@
html[dir=rtl] body{text-align:right;direction:rtl}html[dir=rtl] .hide-rtl{display:none!important}html[dir=rtl] .show-rtl{display:block!important}html[dir=rtl] .float-right{float:left!important}html[dir=rtl] .float-left{float:right!important}
/*# sourceMappingURL=tabler-rtl.min.css.map */
demo/dist/css/tabler-rtl.min.css.map
Vendored
+1
View File
@@ -0,0 +1 @@
{"version":3,"sources":["../../scss/_rtl.scss"],"names":[],"mappings":"AAEA,mBAEI,WAAA,MACA,UAAA,IAHJ,wBAOI,QAAA,eAPJ,wBAWI,QAAA,gBAXJ,2BAeI,MAAA,eAfJ,0BAmBI,MAAA","sourcesContent":["// stylelint-disable declaration-no-important\n\nhtml[dir=\"rtl\"] {\n body {\n text-align: right;\n direction: rtl;\n }\n\n .hide-rtl {\n display: none !important;\n }\n\n .show-rtl {\n display: block !important;\n }\n\n .float-right {\n float: left !important;\n }\n\n .float-left {\n float: right !important;\n }\n}\n"]}
demo/dist/css/tabler.css
Vendored
+1834 -1867
View File
File diff suppressed because it is too large Load Diff
demo/dist/css/tabler.css.map
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
demo/dist/css/tabler.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
demo/dist/css/tabler.min.css.map
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
demo/dist/img/flags/ad.svg
Vendored
+1 -150
View File
File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 32 KiB

demo/dist/img/flags/ae.svg
Vendored
+1 -6
View File
@@ -1,6 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-ae" width="640" height="480">
<path fill="#00732f" d="M0 0h640v160H0z"/>
<path fill="#fff" d="M0 160h640v160H0z"/>
<path d="M0 320h640v160H0z"/>
<path fill="red" d="M0 0h220v480H0z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><path fill="#00732f" d="M0 0h640v160H0z"/><path fill="#fff" d="M0 160h640v160H0z"/><path d="M0 320h640v160H0z"/><path fill="red" d="M0 0h220v480H0z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 257 B

After

Width:  |  Height:  |  Size: 221 B

demo/dist/img/flags/af.svg
Vendored
+1 -81
View File
File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 20 KiB

demo/dist/img/flags/ag.svg
Vendored
+1 -14
View File
@@ -1,14 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-ag" width="640" height="480">
<defs>
<clipPath id="a">
<path fill-opacity=".7" d="M-79.7 0H603v512H-79.7z"/>
</clipPath>
</defs>
<g fill-rule="evenodd" clip-path="url(#a)" transform="translate(74.7) scale(.9375)">
<path fill="#fff" d="M-120 0h763.3v511.5H-120z"/>
<path d="M-118.3.6h760.9v216.1h-761z"/>
<path fill="#0061ff" d="M21.3 203.2h505V317h-505z"/>
<path fill="#e20000" d="M642.8 1.8V512H262L642.8 1.7zM-118.7 1.8V512H262L-118.7 1.7z"/>
<path fill="#ffd600" d="M440.4 203.3L364 184l64.9-49-79.7 11.4 41-69.5-70.7 41L332.3 37l-47.9 63.8-19.3-74-21.7 76.3-47.8-65 13.7 83.2L138.5 78l41 69.5-77.4-12.5 63.8 47.8L86 203.3h354.3z"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><defs><clipPath id="a"><path fill-opacity=".7" d="M-79.7 0H603v512H-79.7z"/></clipPath></defs><g fill-rule="evenodd" clip-path="url(#a)" transform="translate(74.7) scale(.9375)"><path fill="#fff" d="M-120 0h763.3v511.5H-120z"/><path d="M-118.3.6h760.9v216.1h-761z"/><path fill="#0061ff" d="M21.3 203.2h505V317h-505z"/><path fill="#e20000" d="M642.8 1.8V512H262L642.8 1.7zm-761.5 0V512H262L-118.7 1.7z"/><path fill="#ffd600" d="M440.4 203.3L364 184l64.9-49-79.7 11.4 41-69.5-70.7 41L332.3 37l-47.9 63.8-19.3-74-21.7 76.3-47.8-65 13.7 83.2L138.5 78l41 69.5-77.4-12.5 63.8 47.8L86 203.3h354.3z"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 748 B

After

Width:  |  Height:  |  Size: 668 B

demo/dist/img/flags/ai.svg
Vendored
+1 -767
View File
File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 41 KiB

After

Width:  |  Height:  |  Size: 38 KiB

demo/dist/img/flags/al.svg
Vendored
+1 -5
View File
@@ -1,5 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icon-css-al" width="640" height="480">
<path fill="#e41e20" d="M0 0h640v480H0z"/>
<path id="a" d="M272 93.3c-4.6 0-12.3 1.5-12.2 5-13-2.1-14.3 3.2-13.5 8 1.2-1.9 2.7-3 3.9-3.1 1.7-.3 3.5.3 5.4 1.4a21.6 21.6 0 0 1 4.8 4.1c-4.6 1.1-8.2.4-11.8-.2a16.5 16.5 0 0 1-5.7-2.4c-1.5-1-2-2-4.3-4.3-2.7-2.8-5.6-2-4.7 2.3 2.1 4 5.6 5.8 10 6.6 2.1.3 5.3 1 8.9 1 3.6 0 7.6-.5 9.8 0-1.3.8-2.8 2.3-5.8 2.8-3 .6-7.5-1.8-10.3-2.4.3 2.3 3.3 4.5 9.1 5.7 9.6 2 17.5 3.6 22.8 6.5a37.3 37.3 0 0 1 10.9 9.2c4.7 5.5 5 9.8 5.2 10.8 1 8.8-2.1 13.8-7.9 15.4-2.8.7-8-.7-9.8-2.9-2-2.2-3.7-6-3.2-12 .5-2.2 3.1-8.3.9-9.5a273.7 273.7 0 0 0-32.3-15.1c-2.5-1-4.5 2.4-5.3 3.8a50.2 50.2 0 0 1-36-23.7c-4.2-7.6-11.3 0-10.1 7.3 1.9 8 8 13.8 15.4 18 7.5 4.1 17 8.2 26.5 8 5.2 1 5.1 7.6-1 8.9-12.1 0-21.8-.2-30.9-9-6.9-6.3-10.7 1.2-8.8 5.4 3.4 13.1 22.1 16.8 41 12.6 7.4-1.2 3 6.6 1 6.7-8 5.7-22.1 11.2-34.6 0-5.7-4.4-9.6-.8-7.4 5.5 5.5 16.5 26.7 13 41.2 5 3.7-2.1 7.1 2.7 2.6 6.4-18.1 12.6-27.1 12.8-35.3 8-10.2-4.1-11 7.2-5 11 6.7 4 23.8 1 36.4-7 5.4-4 5.6 2.3 2.2 4.8-14.9 12.9-20.8 16.3-36.3 14.2-7.7-.6-7.6 8.9-1.6 12.6 8.3 5.1 24.5-3.3 37-13.8 5.3-2.8 6.2 1.8 3.6 7.3a53.9 53.9 0 0 1-21.8 18c-7 2.7-13.6 2.3-18.3.7-5.8-2-6.5 4-3.3 9.4 1.9 3.3 9.8 4.3 18.4 1.3 8.6-3 17.8-10.2 24.1-18.5 5.5-4.9 4.9 1.6 2.3 6.2-12.6 20-24.2 27.4-39.5 26.2-6.7-1.2-8.3 4-4 9 7.6 6.2 17 6 25.4-.2 7.3-7 21.4-22.4 28.8-30.6 5.2-4.1 6.9 0 5.3 8.4-1.4 4.8-4.8 10-14.3 13.6-6.5 3.7-1.6 8.8 3.2 9 2.7 0 8.1-3.2 12.3-7.8 5.4-6.2 5.8-10.3 8.8-19.9 2.8-4.6 7.9-2.4 7.9 2.4-2.5 9.6-4.5 11.3-9.5 15.2-4.7 4.5 3.3 6 6 4.1 7.8-5.2 10.6-12 13.2-18.2 2-4.4 7.4-2.3 4.8 5-6 17.4-16 24.2-33.3 27.8-1.7.3-2.8 1.3-2.2 3.3l7 7c-10.7 3.2-19.4 5-30.2 8l-14.8-9.8c-1.3-3.2-2-8.2-9.8-4.7-5.2-2.4-7.7-1.5-10.6 1 4.2 0 6 1.2 7.7 3.1 2.2 5.7 7.2 6.3 12.3 4.7 3.3 2.7 5 4.9 8.4 7.7l-16.7-.5c-6-6.3-10.6-6-14.8-1-3.3.5-4.6.5-6.8 4.4 3.4-1.4 5.6-1.8 7.1-.3 6.3 3.7 10.4 2.9 13.5 0l17.5 1.1c-2.2 2-5.2 3-7.5 4.8-9-2.6-13.8 1-15.4 8.3a17 17 0 0 0-1.2 9.3c.8-3 2.3-5.5 4.9-7 8 2 11-1.3 11.5-6.1 4-3.2 9.8-3.9 13.7-7.1 4.6 1.4 6.8 2.3 11.4 3.8 1.6 5 5.3 6.9 11.3 5.6 7 .2 5.8 3.2 6.4 5.5 2-3.3 1.9-6.6-2.5-9.6-1.6-4.3-5.2-6.3-9.8-3.8-4.4-1.2-5.5-3-9.9-4.3 11-3.5 18.8-4.3 29.8-7.8l7.7 6.8c1.5.9 2.9 1.1 3.8 0 6.9-10 10-18.7 16.3-25.3 2.5-2.8 5.6-6.4 9-7.3 1.7-.5 3.8-.2 5.2 1.3 1.3 1.4 2.4 4.1 2 8.2-.7 5.7-2.1 7.6-3.7 11-1.7 3.5-3.6 5.6-5.7 8.3-4 5.3-9.4 8.4-12.6 10.5-6.4 4.1-9 2.3-14 2-6.4.7-8 3.8-2.8 8.1 4.8 2.6 9.2 2.9 12.8 2.2 3-.6 6.6-4.5 9.2-6.6 2.8-3.3 7.6.6 4.3 4.5-5.9 7-11.7 11.6-19 11.5-7.7 1-6.2 5.3-1.2 7.4 9.2 3.7 17.4-3.3 21.6-8 3.2-3.5 5.5-3.6 5 1.9-3.3 9.9-7.6 13.7-14.8 14.2-5.8-.6-5.9 4-1.6 7 9.6 6.6 16.6-4.8 19.9-11.6 2.3-6.2 5.9-3.3 6.3 1.8 0 6.9-3 12.4-11.3 19.4 6.3 10.1 13.7 20.4 20 30.5l19.2-214L320 139c-2-1.8-8.8-9.8-10.5-11-.7-.6-1-1-.1-1.4.9-.4 3-.8 4.5-1-4-4.1-7.6-5.4-15.3-7.6 1.9-.8 3.7-.4 9.3-.6a30.2 30.2 0 0 0-13.5-10.2c4.2-3 5-3.2 9.2-6.7a86.3 86.3 0 0 1-19.5-3.8 37.4 37.4 0 0 0-12-3.4zm.8 8.4c3.8 0 6.1 1.3 6.1 2.9 0 1.6-2.3 2.9-6.1 2.9s-6.2-1.5-6.2-3c0-1.6 2.4-2.8 6.2-2.8z"/>
<use width="100%" height="100%" transform="matrix(-1 0 0 1 640 0)" xlink:href="#a"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="640" height="480"><path fill="#e41e20" d="M0 0h640v480H0z"/><path id="a" d="M272 93.3c-4.6 0-12.3 1.5-12.2 5-13-2.1-14.3 3.2-13.5 8 1.2-1.9 2.7-3 3.9-3.1 1.7-.3 3.5.3 5.4 1.4a21.6 21.6 0 0 1 4.8 4.1c-4.6 1.1-8.2.4-11.8-.2a16.5 16.5 0 0 1-5.7-2.4c-1.5-1-2-2-4.3-4.3-2.7-2.8-5.6-2-4.7 2.3 2.1 4 5.6 5.8 10 6.6 2.1.3 5.3 1 8.9 1 3.6 0 7.6-.5 9.8 0-1.3.8-2.8 2.3-5.8 2.8-3 .6-7.5-1.8-10.3-2.4.3 2.3 3.3 4.5 9.1 5.7 9.6 2 17.5 3.6 22.8 6.5a37.3 37.3 0 0 1 10.9 9.2c4.7 5.5 5 9.8 5.2 10.8 1 8.8-2.1 13.8-7.9 15.4-2.8.7-8-.7-9.8-2.9-2-2.2-3.7-6-3.2-12 .5-2.2 3.1-8.3.9-9.5a273.7 273.7 0 0 0-32.3-15.1c-2.5-1-4.5 2.4-5.3 3.8a50.2 50.2 0 0 1-36-23.7c-4.2-7.6-11.3 0-10.1 7.3 1.9 8 8 13.8 15.4 18 7.5 4.1 17 8.2 26.5 8 5.2 1 5.1 7.6-1 8.9-12.1 0-21.8-.2-30.9-9-6.9-6.3-10.7 1.2-8.8 5.4 3.4 13.1 22.1 16.8 41 12.6 7.4-1.2 3 6.6 1 6.7-8 5.7-22.1 11.2-34.6 0-5.7-4.4-9.6-.8-7.4 5.5 5.5 16.5 26.7 13 41.2 5 3.7-2.1 7.1 2.7 2.6 6.4-18.1 12.6-27.1 12.8-35.3 8-10.2-4.1-11 7.2-5 11 6.7 4 23.8 1 36.4-7 5.4-4 5.6 2.3 2.2 4.8-14.9 12.9-20.8 16.3-36.3 14.2-7.7-.6-7.6 8.9-1.6 12.6 8.3 5.1 24.5-3.3 37-13.8 5.3-2.8 6.2 1.8 3.6 7.3a53.9 53.9 0 0 1-21.8 18c-7 2.7-13.6 2.3-18.3.7-5.8-2-6.5 4-3.3 9.4 1.9 3.3 9.8 4.3 18.4 1.3 8.6-3 17.8-10.2 24.1-18.5 5.5-4.9 4.9 1.6 2.3 6.2-12.6 20-24.2 27.4-39.5 26.2-6.7-1.2-8.3 4-4 9 7.6 6.2 17 6 25.4-.2 7.3-7 21.4-22.4 28.8-30.6 5.2-4.1 6.9 0 5.3 8.4-1.4 4.8-4.8 10-14.3 13.6-6.5 3.7-1.6 8.8 3.2 9 2.7 0 8.1-3.2 12.3-7.8 5.4-6.2 5.8-10.3 8.8-19.9 2.8-4.6 7.9-2.4 7.9 2.4-2.5 9.6-4.5 11.3-9.5 15.2-4.7 4.5 3.3 6 6 4.1 7.8-5.2 10.6-12 13.2-18.2 2-4.4 7.4-2.3 4.8 5-6 17.4-16 24.2-33.3 27.8-1.7.3-2.8 1.3-2.2 3.3l7 7c-10.7 3.2-19.4 5-30.2 8l-14.8-9.8c-1.3-3.2-2-8.2-9.8-4.7-5.2-2.4-7.7-1.5-10.6 1 4.2 0 6 1.2 7.7 3.1 2.2 5.7 7.2 6.3 12.3 4.7 3.3 2.7 5 4.9 8.4 7.7l-16.7-.5c-6-6.3-10.6-6-14.8-1-3.3.5-4.6.5-6.8 4.4 3.4-1.4 5.6-1.8 7.1-.3 6.3 3.7 10.4 2.9 13.5 0l17.5 1.1c-2.2 2-5.2 3-7.5 4.8-9-2.6-13.8 1-15.4 8.3a17 17 0 0 0-1.2 9.3c.8-3 2.3-5.5 4.9-7 8 2 11-1.3 11.5-6.1 4-3.2 9.8-3.9 13.7-7.1 4.6 1.4 6.8 2.3 11.4 3.8 1.6 5 5.3 6.9 11.3 5.6 7 .2 5.8 3.2 6.4 5.5 2-3.3 1.9-6.6-2.5-9.6-1.6-4.3-5.2-6.3-9.8-3.8-4.4-1.2-5.5-3-9.9-4.3 11-3.5 18.8-4.3 29.8-7.8l7.7 6.8c1.5.9 2.9 1.1 3.8 0 6.9-10 10-18.7 16.3-25.3 2.5-2.8 5.6-6.4 9-7.3 1.7-.5 3.8-.2 5.2 1.3 1.3 1.4 2.4 4.1 2 8.2-.7 5.7-2.1 7.6-3.7 11-1.7 3.5-3.6 5.6-5.7 8.3-4 5.3-9.4 8.4-12.6 10.5-6.4 4.1-9 2.3-14 2-6.4.7-8 3.8-2.8 8.1 4.8 2.6 9.2 2.9 12.8 2.2 3-.6 6.6-4.5 9.2-6.6 2.8-3.3 7.6.6 4.3 4.5-5.9 7-11.7 11.6-19 11.5-7.7 1-6.2 5.3-1.2 7.4 9.2 3.7 17.4-3.3 21.6-8 3.2-3.5 5.5-3.6 5 1.9-3.3 9.9-7.6 13.7-14.8 14.2-5.8-.6-5.9 4-1.6 7 9.6 6.6 16.6-4.8 19.9-11.6 2.3-6.2 5.9-3.3 6.3 1.8 0 6.9-3 12.4-11.3 19.4 6.3 10.1 13.7 20.4 20 30.5l19.2-214L320 139c-2-1.8-8.8-9.8-10.5-11-.7-.6-1-1-.1-1.4.9-.4 3-.8 4.5-1-4-4.1-7.6-5.4-15.3-7.6 1.9-.8 3.7-.4 9.3-.6a30.2 30.2 0 0 0-13.5-10.2c4.2-3 5-3.2 9.2-6.7a86.3 86.3 0 0 1-19.5-3.8 37.4 37.4 0 0 0-12-3.4zm.8 8.4c3.8 0 6.1 1.3 6.1 2.9 0 1.6-2.3 2.9-6.1 2.9s-6.2-1.5-6.2-3c0-1.6 2.4-2.8 6.2-2.8z"/><use width="100%" height="100%" transform="matrix(-1 0 0 1 640 0)" xlink:href="#a"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

demo/dist/img/flags/am.svg
Vendored
+1 -5
View File
@@ -1,5 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-am" width="640" height="480">
<path fill="red" d="M0 0h640v160H0z"/>
<path fill="#00f" d="M0 160h640v160H0z"/>
<path fill="orange" d="M0 320h640v160H0z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><path fill="red" d="M0 0h640v160H0z"/><path fill="#00f" d="M0 160h640v160H0z"/><path fill="orange" d="M0 320h640v160H0z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 226 B

After

Width:  |  Height:  |  Size: 193 B

demo/dist/img/flags/ao.svg
Vendored
+1 -13
View File
@@ -1,13 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-ao" width="640" height="480">
<g fill-rule="evenodd" stroke-width="1pt">
<path fill="red" d="M0 0h640v243.6H0z"/>
<path d="M0 236.4h640V480H0z"/>
</g>
<path fill="#ffec00" fill-rule="evenodd" d="M228.7 148.2c165.2 43.3 59 255.6-71.3 167.2l-8.8 13.6c76.7 54.6 152.6 10.6 174-46.4 22.2-58.8-7.6-141.5-92.6-150l-1.3 15.6z"/>
<path fill="#ffec00" fill-rule="evenodd" d="M170 330.8l21.7 10.1-10.2 21.8-21.7-10.2zm149-99.5h24v24h-24zm-11.7-38.9l22.3-8.6 8.7 22.3-22.3 8.7zm-26-29.1l17.1-16.9 16.9 17-17 16.9zm-26.2-39.8l22.4 8.4-8.5 22.4-22.4-8.4zM316 270l22.3 8.9-9 22.2-22.2-8.9zm-69.9 70l22-9.3 9.5 22-22 9.4zm-39.5 2.8h24v24h-24zm41.3-116l-20.3-15-20.3 14.6 8-23-20.3-15h24.5l8.5-22.6 7.8 22.7 24.7-.3-19.6 15.3 7 23.4z"/>
<path fill="#fe0" fill-rule="evenodd" d="M336 346.4c-1.2.4-6.2 12.4-9.7 18.2l3.7 1c13.6 4.8 20.4 9.2 26.2 17.5a7.9 7.9 0 0 0 10.2.7s2.8-1 6.4-5c3-4.5 2.2-8-1.4-11.1-11-8-22.9-14-35.4-21.3z"/>
<path fill-rule="evenodd" d="M365.3 372.8a4.3 4.3 0 1 1-8.7 0 4.3 4.3 0 0 1 8.6 0zm-21.4-13.6a4.3 4.3 0 1 1-8.7 0 4.3 4.3 0 0 1 8.7 0zm10.9 7a4.3 4.3 0 1 1-8.7 0 4.3 4.3 0 0 1 8.7 0z"/>
<path fill="#fe0" fill-rule="evenodd" d="M324.5 363.7c-42.6-24.3-87.3-50.5-130-74.8-18.7-11.7-19.6-33.4-7-49.9 1.2-2.3 2.8-1.8 3.4-.5 1.5 8 6 16.3 11.4 21.5C247 288.4 290 315.8 334 345.6c-3.4 5.8-6 12.3-9.5 18z"/>
<path fill="#ffec00" fill-rule="evenodd" d="M297.2 305.5l17.8 16-16 17.8-17.8-16z"/>
<path fill="none" stroke="#000" stroke-width="3" d="M331.5 348.8l-125-75.5m109.6 58.1L274 304.1m18.2 42.7L249.3 322"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><g fill-rule="evenodd" stroke-width="1pt"><path fill="red" d="M0 0h640v243.6H0z"/><path d="M0 236.4h640V480H0z"/></g><path fill="#ffec00" fill-rule="evenodd" d="M228.7 148.2c165.2 43.3 59 255.6-71.3 167.2l-8.8 13.6c76.7 54.6 152.6 10.6 174-46.4 22.2-58.8-7.6-141.5-92.6-150l-1.3 15.6z"/><path fill="#ffec00" fill-rule="evenodd" d="M170 330.8l21.7 10.1-10.2 21.8-21.7-10.2zm149-99.5h24v24h-24zm-11.7-38.9l22.3-8.6 8.7 22.3-22.3 8.7zm-26-29.1l17.1-16.9 16.9 17-17 16.9zm-26.2-39.8l22.4 8.4-8.5 22.4-22.4-8.4zM316 270l22.3 8.9-9 22.2-22.2-8.9zm-69.9 70l22-9.3 9.5 22-22 9.4zm-39.5 2.8h24v24h-24zm41.3-116l-20.3-15-20.3 14.6 8-23-20.3-15h24.5l8.5-22.6 7.8 22.7 24.7-.3-19.6 15.3 7 23.4z"/><path fill="#fe0" fill-rule="evenodd" d="M336 346.4c-1.2.4-6.2 12.4-9.7 18.2l3.7 1c13.6 4.8 20.4 9.2 26.2 17.5a7.9 7.9 0 0 0 10.2.7s2.8-1 6.4-5c3-4.5 2.2-8-1.4-11.1-11-8-22.9-14-35.4-21.3z"/><path fill-rule="evenodd" d="M365.3 372.8a4.3 4.3 0 1 1-8.7 0 4.3 4.3 0 0 1 8.6 0zm-21.4-13.6a4.3 4.3 0 1 1-8.7 0 4.3 4.3 0 0 1 8.7 0zm10.9 7a4.3 4.3 0 1 1-8.7 0 4.3 4.3 0 0 1 8.7 0z"/><path fill="#fe0" fill-rule="evenodd" d="M324.5 363.7c-42.6-24.3-87.3-50.5-130-74.8-18.7-11.7-19.6-33.4-7-49.9 1.2-2.3 2.8-1.8 3.4-.5 1.5 8 6 16.3 11.4 21.5C247 288.4 290 315.8 334 345.6c-3.4 5.8-6 12.3-9.5 18z"/><path fill="#ffec00" fill-rule="evenodd" d="M297.2 305.5l17.8 16-16 17.8-17.8-16z"/><path fill="none" stroke="#000" stroke-width="3" d="M331.5 348.8l-125-75.5m109.6 58.1L274 304.1m18.2 42.7L249.3 322"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

demo/dist/img/flags/aq.svg
Vendored
+1 -6
View File
@@ -1,6 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-aq" width="640" height="480">
<path fill="#3a7dce" fill-rule="evenodd" d="M0 0h640v480H0z"/>
<path fill="#fff" d="M184.8 225.3c-2.9-5.9-2.9-5.9-2.9-11.8-1.4 0-1.7.3-2.5 0-.8-.2-1.2 5.5-3.9 4.4-.4-.6 2-4.7-.6-6.4-.8-.5.2-3.9-.2-5.4 0 0-3.3 1.8-5.7-4.4-1.3-1.6-3 1.5-3 1.5s.8 1.9-.5 2.3c-1.9-1.4-3.2-.6-5.6-2.5-2.3-2 .5-4.1-4-5.7 3-7.4 3-6 10.2-8.9-4.4-3-4.4-3-7.3-7.4-4.3-1.4-5.7-3-10-5.9-5.8-7.3-8.7-22.1-8.7-32.4 3.6-3.5 8.6 11.8 15.9 16.2l10 4.4c5.8 3 7.3 6 11.6 8.9l13 4.4c5.8 4.4 8.7 10.3 13 11.8 4.7 0 5.6-2.7 7.1-3 8.5-.4 12.8-1.5 14.5-4 1.7-2.2 5.8 1.1 17.4-3.3l-1.5-6s3.1-2.5 7.3-1.4c-.2-2.7-.4-9.9 3.7-13.1-2.5-2.7-.9-4.6-.9-4.6s2.3-2.3 2.6-3.5c-1.2-6.5 1-6.6 1.6-8.5s-2-1.2-1.3-3.9c.7-2.6 4.9-3.2 5.5-5.4.5-2.2-1.2-3.3-1.1-3.8.9-2 .1-7 0-8.9 7.7-2 10.3-8.5 13-5.9 1.4-8.8 2.8-11.8 11.5-11.8 1.2-2.7-3.1-5-1.4-5.9 2.9-.3 5-.2 8.5 4.3 1 1.4 1.2-2 2.3-2.4 1-.4 3.7-.4 4-2.2.5-1.8 1-4.1 2.5-7 1.2-2.5 2.2.9 3.2 5.6 6.1.2 19.9 1.6 25.7 3.2 4.3 1.1 7.2-1.2 11.3-1.6 3.1 3.1 6 .8 7.6 7.5 2.3 3.6 6 .3 6.9 1.3 4.8 13.6 21.4 4.5 22.7 4.7 2 0 4.7 6 6.3 6 2.8-.5 2-2.4 4.4-1.7-.7 5.2 4.6 11 4.6 14.9 0 0 1.3.6 2.5-.5s2.3-4 3.3-4l6.5 1.2c7.8 2.8 11.8 3.4 14.8 4.8 1.5 2.6 2.8 4 5.7 3.5 2.4 1.6.6 3.8 2 3.9 3-1.5 3.9-3.1 6.8-1.6a17.6 17.6 0 0 1 7.2 7.4c0 1.4-1.5 7.3 0 16.2.7 3 1 5.3 4.1 10.3-.8 5.3 4 14 4 16.2 0 3-2.4 4.5-3.8 7.5 5.8 4.4 0 11.8-2.9 16.2 21.7 4.4 11.6 13.3 28.9 8.8-4.3 10.4-2.8 9.5 1.5 19.9-8.6 5.9-.2 7.7-6 15-.3.5 3.5 6.5 8.8 6.5-1.4 11.8-5.8 7.4-4.3 25-11.4-.2-6.8 13.3-14.4 11.9.4 8.4 4.3 9.2 2.8 17.7-5.7 1.5-5.7 1.5-8.6 5.9l-4.4-1.5c-1.4 7.4-4.3 8.9 0 16.3H439c-.1 2.5 2.5 3.2 3 5.9-.3 1-8.3 5.7-14.5 5.9-1.6 3.6 4.3 7.5 4 9.3-6.8 1.4-9.8 9.9-9.8 9.9s3.5 1.4 2.9 3c-1.9-1.5-2.9-1.6-5.8-1.6-1.4.4-5 0-8.3 5.8-3.7 1.2-5.5.8-8.3 4.6-1.2-3.7-3 0-5.2 1.4s-5.1 4.9-5.5 4.7c0-1 1.3-4.7 1.3-4.7l-7.2 1.5-.9.1c-.5 0-.4-4.3-1.8-4.1-1.3.1-5.2 5.5-6.6 5.6-1.3.2-1.7-1.7-2.9-1.5-1.1.2-3.4 5.6-4.2 5.8-.8.1-4-3.4-6.8-2.9-14.2 5.1-16.4-10-18.7-1.5-3-1.6-2.4-.7-5.4.1-2 .5-2.1-2.6-3.9-2.5-3.4 0-3.2 3.4-5.1 2.4-1.5-7-10.8-5.7-11.7-8.6-.7-3.1 4-3 5.6-5.2 1.1-3-1.3-4.1 3.5-7 6.2-4.3 2.6-6 3.7-9.2 2-4.6 2-5.8.4-9.9 0 0-4.9-13.2-5.8-13.2-3-.9-3 4.9-7.2 6.4-8.6 3-24-7.5-26.6-7.5-2.4 0-13.7 2.8-13.3-3-1.6 5.6-7.8 1.3-8.2 1.3-5.8 0-3.6 4.6-7.5 4.4-1.7-.6-19.5-1.6-19.5-1.6v3l-11.6-6-10-3c-8.7-2.9-4.4-10.3-18.8-5.8v-9h-7.3c3-17.6 0-8.8-1.4-25l-5.8 1.5c-5.7-8 8-6.5-4.3-11.8 0 0 .2-8.8-2.9-6-.6.4 1.5 4.5 1.5 4.5-11.6-1.5-14.5-4.4-14.5-16.2 0 0 9.5 1.3 8.7 0a73 73 0 0 1-2.8-17.6c-.2-2 8.8-6.8 7-11.5 1.2-.4 4.4-.5 4.4-.5"/>
<path fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M574.6 284.3a3 3 0 0 0 0 2.8c1-1.3.2-1.9 0-2.8z"/>
<path fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2" d="M203.3 167.8s-2.4-.3-1.9 1.8c.8-1.7 1.8-1.7 1.9-1.8zm.5-5c-1.3 0-3-.2-2.4 2 .8-1.7 2.4-1.9 2.4-2zm9.1 28.3s2.1-.1 1.6 2c-.8-1.6-1.5-1.9-1.6-2z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><path fill="#3a7dce" fill-rule="evenodd" d="M0 0h640v480H0z"/><path fill="#fff" d="M184.8 225.3c-2.9-5.9-2.9-5.9-2.9-11.8-1.4 0-1.7.3-2.5 0-.8-.2-1.2 5.5-3.9 4.4-.4-.6 2-4.7-.6-6.4-.8-.5.2-3.9-.2-5.4 0 0-3.3 1.8-5.7-4.4-1.3-1.6-3 1.5-3 1.5s.8 1.9-.5 2.3c-1.9-1.4-3.2-.6-5.6-2.5-2.3-2 .5-4.1-4-5.7 3-7.4 3-6 10.2-8.9-4.4-3-4.4-3-7.3-7.4-4.3-1.4-5.7-3-10-5.9-5.8-7.3-8.7-22.1-8.7-32.4 3.6-3.5 8.6 11.8 15.9 16.2l10 4.4c5.8 3 7.3 6 11.6 8.9l13 4.4c5.8 4.4 8.7 10.3 13 11.8 4.7 0 5.6-2.7 7.1-3 8.5-.4 12.8-1.5 14.5-4 1.7-2.2 5.8 1.1 17.4-3.3l-1.5-6s3.1-2.5 7.3-1.4c-.2-2.7-.4-9.9 3.7-13.1-2.5-2.7-.9-4.6-.9-4.6s2.3-2.3 2.6-3.5c-1.2-6.5 1-6.6 1.6-8.5s-2-1.2-1.3-3.9c.7-2.6 4.9-3.2 5.5-5.4.5-2.2-1.2-3.3-1.1-3.8.9-2 .1-7 0-8.9 7.7-2 10.3-8.5 13-5.9 1.4-8.8 2.8-11.8 11.5-11.8 1.2-2.7-3.1-5-1.4-5.9 2.9-.3 5-.2 8.5 4.3 1 1.4 1.2-2 2.3-2.4 1-.4 3.7-.4 4-2.2.5-1.8 1-4.1 2.5-7 1.2-2.5 2.2.9 3.2 5.6 6.1.2 19.9 1.6 25.7 3.2 4.3 1.1 7.2-1.2 11.3-1.6 3.1 3.1 6 .8 7.6 7.5 2.3 3.6 6 .3 6.9 1.3 4.8 13.6 21.4 4.5 22.7 4.7 2 0 4.7 6 6.3 6 2.8-.5 2-2.4 4.4-1.7-.7 5.2 4.6 11 4.6 14.9 0 0 1.3.6 2.5-.5s2.3-4 3.3-4l6.5 1.2c7.8 2.8 11.8 3.4 14.8 4.8 1.5 2.6 2.8 4 5.7 3.5 2.4 1.6.6 3.8 2 3.9 3-1.5 3.9-3.1 6.8-1.6a17.6 17.6 0 0 1 7.2 7.4c0 1.4-1.5 7.3 0 16.2.7 3 1 5.3 4.1 10.3-.8 5.3 4 14 4 16.2 0 3-2.4 4.5-3.8 7.5 5.8 4.4 0 11.8-2.9 16.2 21.7 4.4 11.6 13.3 28.9 8.8-4.3 10.4-2.8 9.5 1.5 19.9-8.6 5.9-.2 7.7-6 15-.3.5 3.5 6.5 8.8 6.5-1.4 11.8-5.8 7.4-4.3 25-11.4-.2-6.8 13.3-14.4 11.9.4 8.4 4.3 9.2 2.8 17.7-5.7 1.5-5.7 1.5-8.6 5.9l-4.4-1.5c-1.4 7.4-4.3 8.9 0 16.3H439c-.1 2.5 2.5 3.2 3 5.9-.3 1-8.3 5.7-14.5 5.9-1.6 3.6 4.3 7.5 4 9.3-6.8 1.4-9.8 9.9-9.8 9.9s3.5 1.4 2.9 3c-1.9-1.5-2.9-1.6-5.8-1.6-1.4.4-5 0-8.3 5.8-3.7 1.2-5.5.8-8.3 4.6-1.2-3.7-3 0-5.2 1.4s-5.1 4.9-5.5 4.7c0-1 1.3-4.7 1.3-4.7l-7.2 1.5-.9.1c-.5 0-.4-4.3-1.8-4.1-1.3.1-5.2 5.5-6.6 5.6-1.3.2-1.7-1.7-2.9-1.5-1.1.2-3.4 5.6-4.2 5.8-.8.1-4-3.4-6.8-2.9-14.2 5.1-16.4-10-18.7-1.5-3-1.6-2.4-.7-5.4.1-2 .5-2.1-2.6-3.9-2.5-3.4 0-3.2 3.4-5.1 2.4-1.5-7-10.8-5.7-11.7-8.6-.7-3.1 4-3 5.6-5.2 1.1-3-1.3-4.1 3.5-7 6.2-4.3 2.6-6 3.7-9.2 2-4.6 2-5.8.4-9.9 0 0-4.9-13.2-5.8-13.2-3-.9-3 4.9-7.2 6.4-8.6 3-24-7.5-26.6-7.5-2.4 0-13.7 2.8-13.3-3-1.6 5.6-7.8 1.3-8.2 1.3-5.8 0-3.6 4.6-7.5 4.4-1.7-.6-19.5-1.6-19.5-1.6v3l-11.6-6-10-3c-8.7-2.9-4.4-10.3-18.8-5.8v-9H195c3-17.6 0-8.8-1.4-25l-5.8 1.5c-5.7-8 8-6.5-4.3-11.8 0 0 .2-8.8-2.9-6-.6.4 1.5 4.5 1.5 4.5-11.6-1.5-14.5-4.4-14.5-16.2 0 0 9.5 1.3 8.7 0a73 73 0 0 1-2.8-17.6c-.2-2 8.8-6.8 7-11.5 1.2-.4 4.4-.5 4.4-.5"/><path fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M574.6 284.3a3 3 0 0 0 0 2.8c1-1.3.2-1.9 0-2.8z"/><path fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2" d="M203.3 167.8s-2.4-.3-1.9 1.8c.8-1.7 1.8-1.7 1.9-1.8zm.5-5c-1.3 0-3-.2-2.4 2 .8-1.7 2.4-1.9 2.4-2zm9.1 28.3s2.1-.1 1.6 2c-.8-1.6-1.5-1.9-1.6-2z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

demo/dist/img/flags/ar.svg
Vendored
+1 -31
View File
@@ -1,31 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icon-css-ar" width="640" height="480">
<path fill="#74acdf" d="M0 0h640v480H0z"/>
<path fill="#fff" d="M0 160h640v160H0z"/>
<g id="c" transform="translate(-64) scale(.96)">
<path id="a" fill="#f6b40e" stroke="#85340a" stroke-width="1.1" d="M396.8 251.3l28.5 62s.5 1.2 1.3.9c.8-.4.3-1.5.3-1.5l-23.7-64m-.7 24.1c-.4 9.4 5.4 14.6 4.7 23-.8 8.5 3.8 13.2 5 16.5 1 3.3-1.3 5.2-.3 5.7s3-2.1 2.4-6.8c-.7-4.6-4.2-6-3.4-16.3.8-10.3-4.2-12.7-3-22"/>
<use width="100%" height="100%" transform="rotate(22.5 400 250)" xlink:href="#a"/>
<use width="100%" height="100%" transform="rotate(45 400 250)" xlink:href="#a"/>
<use width="100%" height="100%" transform="rotate(67.5 400 250)" xlink:href="#a"/>
<path id="b" fill="#85340a" d="M404.3 274.4c.5 9 5.6 13 4.6 21.3 2.2-6.5-3.1-11.6-2.8-21.2m-7.7-23.8l19.5 42.6-16.3-43.9"/>
<use width="100%" height="100%" transform="rotate(22.5 400 250)" xlink:href="#b"/>
<use width="100%" height="100%" transform="rotate(45 400 250)" xlink:href="#b"/>
<use width="100%" height="100%" transform="rotate(67.5 400 250)" xlink:href="#b"/>
</g>
<use width="100%" height="100%" transform="rotate(90 320 240)" xlink:href="#c"/>
<use width="100%" height="100%" transform="rotate(180 320 240)" xlink:href="#c"/>
<use width="100%" height="100%" transform="rotate(-90 320 240)" xlink:href="#c"/>
<circle cx="320" cy="240" r="26.7" fill="#f6b40e" stroke="#85340a" stroke-width="1.4"/>
<path id="h" fill="#843511" d="M329.1 234.3c-1.8 0-3.6.8-4.6 2.4 2 1.9 6.6 2 9.7-.2a7 7 0 0 0-5.1-2.2zm0 .4c1.7 0 3.4.8 3.6 1.6-2 2.3-5.3 2-7.4.4a4.3 4.3 0 0 1 3.8-2z"/>
<use width="100%" height="100%" transform="matrix(-1 0 0 1 640.2 0)" xlink:href="#d"/>
<use width="100%" height="100%" transform="matrix(-1 0 0 1 640.2 0)" xlink:href="#e"/>
<use width="100%" height="100%" transform="translate(18.1)" xlink:href="#f"/>
<use width="100%" height="100%" transform="matrix(-1 0 0 1 640.2 0)" xlink:href="#g"/>
<path fill="#85340a" d="M316 243.7a1.9 1.9 0 1 0 1.8 2.9 4 4 0 0 0 2.2.6h.2a3.9 3.9 0 0 0 2.3-.6 1.9 1.9 0 1 0 1.8-3c.5.3.8.7.8 1.3 0 .6-.5 1.2-1.2 1.2a1.2 1.2 0 0 1-1.2-1.2 3 3 0 0 1-2.6 1.7 3 3 0 0 1-2.5-1.7 1.2 1.2 0 0 1-1.3 1.2c-.6 0-1.2-.6-1.2-1.2s.3-1 .8-1.2zm2 5.5c-2.1 0-3 1.8-4.8 3 1-.4 1.9-1.2 3.3-2s2.7.2 3.5.2c.8 0 2-1 3.5-.2 1.4.8 2.3 1.6 3.3 2-1.9-1.2-2.7-3-4.8-3a5.5 5.5 0 0 0-2 .6 5.5 5.5 0 0 0-2-.7z"/>
<path fill="#85340a" d="M317.2 251.6c-.8 0-1.8.2-3.4.6 3.7-.8 4.5.5 6.2.5 1.6 0 2.4-1.3 6.1-.5-4-1.2-4.9-.4-6.1-.4-.8 0-1.4-.3-2.8-.2z"/>
<path fill="#85340a" d="M314 252.2h-.8c4.3.5 2.3 3 6.8 3s2.5-2.5 6.8-3c-4.5-.4-3.1 2.3-6.8 2.3-3.5 0-2.4-2.3-6-2.3zm9.7 6.7a3.7 3.7 0 0 0-7.4 0 3.8 3.8 0 0 1 7.4 0z"/>
<path id="e" fill="#85340a" d="M303.4 234.3c4.7-4.1 10.7-4.8 14-1.7a8 8 0 0 1 1.5 3.5c.4 2.3-.3 4.8-2.1 7.4l.8.4a14.6 14.6 0 0 0 1.6-9.4 13.3 13.3 0 0 0-.6-2.3c-4.5-3.7-10.7-4-15.2 2z"/>
<path id="d" fill="#85340a" d="M310.8 233c2.7 0 3.3.7 4.5 1.7 1.2 1 1.9.8 2 1 .3.2 0 .8-.3.6-.5-.2-1.3-.6-2.5-1.6s-2.5-1-3.7-1c-3.7 0-5.7 3-6.2 2.8-.3-.2 2.1-3.5 6.2-3.5z"/>
<use width="100%" height="100%" transform="translate(-18.4)" xlink:href="#h"/>
<circle id="f" cx="310.9" cy="236.3" r="1.9" fill="#85340a"/>
<path id="g" fill="#85340a" d="M305.9 237.5c3.5 2.7 7 2.5 9 1.3 2-1.3 2-1.7 1.6-1.7-.4 0-.8.4-2.4 1.3-1.7.8-4.1.8-8.2-.9z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="640" height="480"><path fill="#74acdf" d="M0 0h640v480H0z"/><path fill="#fff" d="M0 160h640v160H0z"/><g id="c" transform="translate(-64) scale(.96)"><path id="a" fill="#f6b40e" stroke="#85340a" stroke-width="1.1" d="M396.8 251.3l28.5 62s.5 1.2 1.3.9c.8-.4.3-1.5.3-1.5l-23.7-64m-.7 24.1c-.4 9.4 5.4 14.6 4.7 23-.8 8.5 3.8 13.2 5 16.5 1 3.3-1.3 5.2-.3 5.7s3-2.1 2.4-6.8c-.7-4.6-4.2-6-3.4-16.3.8-10.3-4.2-12.7-3-22"/><use width="100%" height="100%" transform="rotate(22.5 400 250)" xlink:href="#a"/><use width="100%" height="100%" transform="rotate(45 400 250)" xlink:href="#a"/><use width="100%" height="100%" transform="rotate(67.5 400 250)" xlink:href="#a"/><path id="b" fill="#85340a" d="M404.3 274.4c.5 9 5.6 13 4.6 21.3 2.2-6.5-3.1-11.6-2.8-21.2m-7.7-23.8l19.5 42.6-16.3-43.9"/><use width="100%" height="100%" transform="rotate(22.5 400 250)" xlink:href="#b"/><use width="100%" height="100%" transform="rotate(45 400 250)" xlink:href="#b"/><use width="100%" height="100%" transform="rotate(67.5 400 250)" xlink:href="#b"/></g><use width="100%" height="100%" transform="rotate(90 320 240)" xlink:href="#c"/><use width="100%" height="100%" transform="rotate(180 320 240)" xlink:href="#c"/><use width="100%" height="100%" transform="rotate(-90 320 240)" xlink:href="#c"/><circle cx="320" cy="240" r="26.7" fill="#f6b40e" stroke="#85340a" stroke-width="1.4"/><path id="h" fill="#843511" d="M329.1 234.3c-1.8 0-3.6.8-4.6 2.4 2 1.9 6.6 2 9.7-.2a7 7 0 0 0-5.1-2.2zm0 .4c1.7 0 3.4.8 3.6 1.6-2 2.3-5.3 2-7.4.4a4.3 4.3 0 0 1 3.8-2z"/><use width="100%" height="100%" transform="matrix(-1 0 0 1 640.2 0)" xlink:href="#d"/><use width="100%" height="100%" transform="matrix(-1 0 0 1 640.2 0)" xlink:href="#e"/><use width="100%" height="100%" transform="translate(18.1)" xlink:href="#f"/><use width="100%" height="100%" transform="matrix(-1 0 0 1 640.2 0)" xlink:href="#g"/><path fill="#85340a" d="M316 243.7a1.9 1.9 0 1 0 1.8 2.9 4 4 0 0 0 2.2.6h.2a3.9 3.9 0 0 0 2.3-.6 1.9 1.9 0 1 0 1.8-3c.5.3.8.7.8 1.3 0 .6-.5 1.2-1.2 1.2a1.2 1.2 0 0 1-1.2-1.2 3 3 0 0 1-2.6 1.7 3 3 0 0 1-2.5-1.7 1.2 1.2 0 0 1-1.3 1.2c-.6 0-1.2-.6-1.2-1.2s.3-1 .8-1.2zm2 5.5c-2.1 0-3 1.8-4.8 3 1-.4 1.9-1.2 3.3-2s2.7.2 3.5.2c.8 0 2-1 3.5-.2 1.4.8 2.3 1.6 3.3 2-1.9-1.2-2.7-3-4.8-3a5.5 5.5 0 0 0-2 .6 5.5 5.5 0 0 0-2-.7z"/><path fill="#85340a" d="M317.2 251.6c-.8 0-1.8.2-3.4.6 3.7-.8 4.5.5 6.2.5 1.6 0 2.4-1.3 6.1-.5-4-1.2-4.9-.4-6.1-.4-.8 0-1.4-.3-2.8-.2z"/><path fill="#85340a" d="M314 252.2h-.8c4.3.5 2.3 3 6.8 3s2.5-2.5 6.8-3c-4.5-.4-3.1 2.3-6.8 2.3-3.5 0-2.4-2.3-6-2.3zm9.7 6.7a3.7 3.7 0 0 0-7.4 0 3.8 3.8 0 0 1 7.4 0z"/><path id="e" fill="#85340a" d="M303.4 234.3c4.7-4.1 10.7-4.8 14-1.7a8 8 0 0 1 1.5 3.5c.4 2.3-.3 4.8-2.1 7.4l.8.4a14.6 14.6 0 0 0 1.6-9.4 13.3 13.3 0 0 0-.6-2.3c-4.5-3.7-10.7-4-15.2 2z"/><path id="d" fill="#85340a" d="M310.8 233c2.7 0 3.3.7 4.5 1.7 1.2 1 1.9.8 2 1 .3.2 0 .8-.3.6-.5-.2-1.3-.6-2.5-1.6s-2.5-1-3.7-1c-3.7 0-5.7 3-6.2 2.8-.3-.2 2.1-3.5 6.2-3.5z"/><use width="100%" height="100%" transform="translate(-18.4)" xlink:href="#h"/><circle id="f" cx="310.9" cy="236.3" r="1.9" fill="#85340a"/><path id="g" fill="#85340a" d="M305.9 237.5c3.5 2.7 7 2.5 9 1.3 2-1.3 2-1.7 1.6-1.7-.4 0-.8.4-2.4 1.3-1.7.8-4.1.8-8.2-.9z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.3 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

demo/dist/img/flags/as.svg
Vendored
+1 -33
View File
File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.9 KiB

After

Width:  |  Height:  |  Size: 7.7 KiB

demo/dist/img/flags/at.svg
Vendored
+1 -6
View File
@@ -1,6 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-at" width="640" height="480">
<g fill-rule="evenodd">
<path fill="#fff" d="M640 480H0V0h640z"/>
<path fill="#df0000" d="M640 480H0V320h640zm0-319.9H0V.1h640z"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><g fill-rule="evenodd"><path fill="#fff" d="M640 480H0V0h640z"/><path fill="#df0000" d="M640 480H0V320h640zm0-319.9H0V.1h640z"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 243 B

After

Width:  |  Height:  |  Size: 203 B

demo/dist/img/flags/au.svg
Vendored
+1 -9
View File
@@ -1,9 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-au" width="640" height="480">
<g stroke-width="1pt">
<path fill="#006" d="M0 0h640v480H0z"/>
<path fill="#fff" d="M0 0v28l307 222h38.7v-28L38.7 0H0zm345.7 0v28l-307 222H0v-28L307 0h38.7z"/>
<path fill="#fff" d="M144 0v250h57.6V0H144zM0 83.3v83.4h345.7V83.3H0z"/>
<path fill="#c00" d="M0 100v50h345.7v-50H0zM155.6 0v250H190V0h-34.5zM0 250l115.2-83.3H141L25.8 250H0zM0 0l115.2 83.3H89.5L0 18.6V0zm204.7 83.3L319.9 0h25.8L230.5 83.3h-25.8zm141 166.7l-115.2-83.3h25.7l89.5 64.7V250z"/>
<path fill="#fff" fill-rule="evenodd" d="M299.8 392.5l-43.7 3.8 6 43.4L232 408l-30.1 31.7 6-43.4-43.7-3.8 37.7-22.3-24.3-36.5 41 15.5 13.4-41.7 13.5 41.7 41-15.5-24.3 36.5m224.4 62.3L476 416.7l17.8 6.7 5.8-18.1 5.8 18.1 17.8-6.7-10.5 15.8 16.4 9.7-19 1.7 2.6 18.9-13-13.9-13.2 13.9 2.6-18.9-19-1.6m16.4-291.9L476 134.6l17.8 6.7 5.8-18.1 5.8 18.1 17.8-6.7-10.5 15.8 16.4 9.8-19 1.6 2.6 18.9-13-13.8-13.2 13.7 2.6-18.8-19-1.6M380.8 265l-10.5-15.8 17.8 6.7 5.8-18.1 5.9 18.1 17.8-6.7-10.6 15.8 16.4 9.7-19 1.7 2.7 18.9-13.2-13.9-13 13.9 2.5-18.9-19-1.6m216.3-38L570 221l17.8 6.7 5.8-18.1 5.9 18.1 17.8-6.7-10.5 15.8 16.3 9.7-19 1.7 2.6 18.8-13-13.8-13.2 13.8 2.6-18.8-19-1.7M542 320l-10.3 6.5 2.9-11.9-9.3-7.8 12.1-1 4.6-11.2 4.7 11.3 12.1.9-9.3 7.8 2.9 11.9"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><g stroke-width="1pt"><path fill="#006" d="M0 0h640v480H0z"/><path fill="#fff" d="M0 0v28l307 222h38.7v-28L38.7 0H0zm345.7 0v28l-307 222H0v-28L307 0h38.7z"/><path fill="#fff" d="M144 0v250h57.6V0H144zM0 83.3v83.4h345.7V83.3H0z"/><path fill="#c00" d="M0 100v50h345.7v-50H0zM155.6 0v250H190V0h-34.5zM0 250l115.2-83.3H141L25.8 250H0zM0 0l115.2 83.3H89.5L0 18.6V0zm204.7 83.3L319.9 0h25.8L230.5 83.3h-25.8zm141 166.7l-115.2-83.3h25.7l89.5 64.7V250z"/><path fill="#fff" fill-rule="evenodd" d="M299.8 392.5l-43.7 3.8 6 43.4L232 408l-30.1 31.7 6-43.4-43.7-3.8 37.7-22.3-24.3-36.5 41 15.5 13.4-41.7 13.5 41.7 41-15.5-24.3 36.5m224.4 62.3L476 416.7l17.8 6.7 5.8-18.1 5.8 18.1 17.8-6.7-10.5 15.8 16.4 9.7-19 1.7 2.6 18.9-13-13.9-13.2 13.9 2.6-18.9-19-1.6m16.4-291.9L476 134.6l17.8 6.7 5.8-18.1 5.8 18.1 17.8-6.7-10.5 15.8 16.4 9.8-19 1.6 2.6 18.9-13-13.8-13.2 13.7 2.6-18.8-19-1.6M380.8 265l-10.5-15.8 17.8 6.7 5.8-18.1 5.9 18.1 17.8-6.7L407 265l16.4 9.7-19 1.7 2.7 18.9-13.2-13.9-13 13.9 2.5-18.9-19-1.6m216.3-38L570 221l17.8 6.7 5.8-18.1 5.9 18.1 17.8-6.7-10.5 15.8 16.3 9.7-19 1.7 2.6 18.8-13-13.8-13.2 13.8 2.6-18.8-19-1.7M542 320l-10.3 6.5 2.9-11.9-9.3-7.8 12.1-1 4.6-11.2 4.7 11.3 12.1.9-9.3 7.8 2.9 11.9"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

demo/dist/img/flags/aw.svg
Vendored
+1 -186
View File
File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.7 KiB

After

Width:  |  Height:  |  Size: 9.1 KiB

demo/dist/img/flags/ax.svg
Vendored
+1 -18
View File
@@ -1,18 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-ax" width="640" height="480">
<defs>
<clipPath id="a">
<path fill-opacity=".7" d="M106.3 0h1133.3v850H106.3z"/>
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(.56472 0 0 .56482 -60 -.1)">
<path fill="#0053a5" d="M0 0h1300v850H0z"/>
<g fill="#ffce00">
<path d="M400 0h250v850H400z"/>
<path d="M0 300h1300v250H0z"/>
</g>
<g fill="#d21034">
<path d="M475 0h100v850H475z"/>
<path d="M0 375h1300v100H0z"/>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><defs><clipPath id="a"><path fill-opacity=".7" d="M106.3 0h1133.3v850H106.3z"/></clipPath></defs><g clip-path="url(#a)" transform="matrix(.56472 0 0 .56482 -60 -.1)"><path fill="#0053a5" d="M0 0h1300v850H0z"/><g fill="#ffce00"><path d="M400 0h250v850H400z"/><path d="M0 300h1300v250H0z"/></g><g fill="#d21034"><path d="M475 0h100v850H475z"/><path d="M0 375h1300v100H0z"/></g></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 556 B

After

Width:  |  Height:  |  Size: 450 B

demo/dist/img/flags/az.svg
Vendored
+1 -8
View File
@@ -1,8 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-az" width="640" height="480">
<path fill="#3f9c35" d="M.1 0h640v480H.1z"/>
<path fill="#ed2939" d="M.1 0h640v320H.1z"/>
<path fill="#00b9e4" d="M.1 0h640v160H.1z"/>
<circle cx="304" cy="240" r="72" fill="#fff"/>
<circle cx="320" cy="240" r="60" fill="#ed2939"/>
<path fill="#fff" d="M384 200l7.7 21.5 20.6-9.8-9.8 20.7L424 240l-21.5 7.7 9.8 20.6-20.6-9.8L384 280l-7.7-21.5-20.6 9.8 9.8-20.6L344 240l21.5-7.7-9.8-20.6 20.6 9.8L384 200z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><path fill="#3f9c35" d="M.1 0h640v480H.1z"/><path fill="#ed2939" d="M.1 0h640v320H.1z"/><path fill="#00b9e4" d="M.1 0h640v160H.1z"/><circle cx="304" cy="240" r="72" fill="#fff"/><circle cx="320" cy="240" r="60" fill="#ed2939"/><path fill="#fff" d="M384 200l7.7 21.5 20.6-9.8-9.8 20.7L424 240l-21.5 7.7 9.8 20.6-20.6-9.8L384 280l-7.7-21.5-20.6 9.8 9.8-20.6L344 240l21.5-7.7-9.8-20.6 20.6 9.8L384 200z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 515 B

After

Width:  |  Height:  |  Size: 473 B

demo/dist/img/flags/ba.svg
Vendored
+1 -12
View File
@@ -1,12 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-ba" width="640" height="480">
<defs>
<clipPath id="a">
<path fill-opacity=".7" d="M-85.3 0h682.6v512H-85.3z"/>
</clipPath>
</defs>
<g fill-rule="evenodd" clip-path="url(#a)" transform="translate(80) scale(.9375)">
<path fill="#009" d="M-85.3 0h682.6v512H-85.3V0z"/>
<path fill="#FC0" d="M56.5 0l511 512.3V.3L56.5 0z"/>
<path fill="#FFF" d="M439.9 481.5L412 461.2l-28.6 20.2 10.8-33.2-28.2-20.5h35l10.8-33.2 10.7 33.3h35l-28 20.7 10.4 33zm81.3 10.4l-35-.1-10.7-33.3-10.8 33.2h-35l28.2 20.5-10.8 33.2 28.6-20.2 28 20.3-10.5-33 28-20.6zM365.6 384.7l28-20.7-35-.1-10.7-33.2-10.8 33.2-35-.1 28.2 20.5-10.8 33.3 28.6-20.3 28 20.4-10.5-33zm-64.3-64.5l28-20.6-35-.1-10.7-33.3-10.9 33.2h-34.9l28.2 20.5-10.8 33.2 28.6-20.2 27.9 20.3-10.4-33zm-63.7-63.6l28-20.7h-35L220 202.5l-10.8 33.2h-35l28.2 20.4-10.8 33.3 28.6-20.3 28 20.4-10.5-33zm-64.4-64.3l28-20.6-35-.1-10.7-33.3-10.9 33.2h-34.9L138 192l-10.8 33.2 28.6-20.2 27.9 20.3-10.4-33zm-63.6-63.9l27.9-20.7h-35L91.9 74.3 81 107.6H46L74.4 128l-10.9 33.2L92.1 141l27.8 20.4-10.3-33zm-64-64l27.9-20.7h-35L27.9 10.3 17 43.6h-35L10.4 64-.6 97.3 28.1 77l27.8 20.4-10.3-33zm-64-64L9.4-20.3h-35l-10.7-33.3L-47-20.4h-35L-53.7 0l-10.8 33.2L-35.9 13l27.8 20.4-10.3-33z"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><defs><clipPath id="a"><path fill-opacity=".7" d="M-85.3 0h682.6v512H-85.3z"/></clipPath></defs><g fill-rule="evenodd" clip-path="url(#a)" transform="translate(80) scale(.9375)"><path fill="#009" d="M-85.3 0h682.6v512H-85.3V0z"/><path fill="#FC0" d="M56.5 0l511 512.3V.3L56.5 0z"/><path fill="#FFF" d="M439.9 481.5L412 461.2l-28.6 20.2 10.8-33.2-28.2-20.5h35l10.8-33.2 10.7 33.3h35l-28 20.7 10.4 33zm81.3 10.4l-35-.1-10.7-33.3-10.8 33.2h-35l28.2 20.5-10.8 33.2 28.6-20.2 28 20.3-10.5-33 28-20.6zM365.6 384.7l28-20.7-35-.1-10.7-33.2-10.8 33.2-35-.1 28.2 20.5-10.8 33.3 28.6-20.3 28 20.4-10.5-33zm-64.3-64.5l28-20.6-35-.1-10.7-33.3-10.9 33.2h-34.9l28.2 20.5-10.8 33.2 28.6-20.2 27.9 20.3-10.4-33zm-63.7-63.6l28-20.7h-35L220 202.5l-10.8 33.2h-35l28.2 20.4-10.8 33.3 28.6-20.3 28 20.4-10.5-33zm-64.4-64.3l28-20.6-35-.1-10.7-33.3-10.9 33.2h-34.9L138 192l-10.8 33.2 28.6-20.2 27.9 20.3-10.4-33zm-63.6-63.9l27.9-20.7h-35L91.9 74.3 81 107.6H46L74.4 128l-10.9 33.2L92.1 141l27.8 20.4-10.3-33zm-64-64l27.9-20.7h-35L27.9 10.3 17 43.6h-35L10.4 64l-11 33.3L28.1 77l27.8 20.4-10.3-33zm-64-64L9.4-20.3h-35l-10.7-33.3L-47-20.4h-35L-53.7 0l-10.8 33.2L-35.9 13l27.8 20.4-10.3-33z"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

demo/dist/img/flags/bb.svg
Vendored
+1 -6
View File
@@ -1,6 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icon-css-bb" width="640" height="480">
<path fill="#00267f" d="M0 0h640v480H0z"/>
<path fill="#ffc726" d="M213.3 0h213.4v480H213.3z"/>
<path id="a" d="M319.8 135.5c-7 19-14 38.6-29.2 53.7 4.7-1.6 13-3 18.2-2.8v79.5l-22.4 3.3c-.8 0-1-1.3-1-3-2.2-24.7-8-45.5-14.8-67-.5-2.9-9-14-2.4-12 .8 0 9.5 3.6 8.2 1.9a85 85 0 0 0-46.4-24c-1.5-.3-2.4.5-1 2.2 22.4 34.6 41.3 75.5 41.1 124 8.8 0 30-5.2 38.7-5.2v56.1H320l2.5-156.7z"/>
<use width="100%" height="100%" transform="matrix(-1 0 0 1 639.5 0)" xlink:href="#a"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="640" height="480"><path fill="#00267f" d="M0 0h640v480H0z"/><path fill="#ffc726" d="M213.3 0h213.4v480H213.3z"/><path id="a" d="M319.8 135.5c-7 19-14 38.6-29.2 53.7 4.7-1.6 13-3 18.2-2.8v79.5l-22.4 3.3c-.8 0-1-1.3-1-3-2.2-24.7-8-45.5-14.8-67-.5-2.9-9-14-2.4-12 .8 0 9.5 3.6 8.2 1.9a85 85 0 0 0-46.4-24c-1.5-.3-2.4.5-1 2.2 22.4 34.6 41.3 75.5 41.1 124 8.8 0 30-5.2 38.7-5.2v56.1H320l2.5-156.7z"/><use width="100%" height="100%" transform="matrix(-1 0 0 1 639.5 0)" xlink:href="#a"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 613 B

After

Width:  |  Height:  |  Size: 577 B

demo/dist/img/flags/bd.svg
Vendored
+1 -4
View File
@@ -1,4 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-bd" width="640" height="480">
<path fill="#006a4e" d="M0 0h640v480H0z"/>
<circle cx="280" cy="240" r="160" fill="#f42a41"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><path fill="#006a4e" d="M0 0h640v480H0z"/><circle cx="280" cy="240" r="160" fill="#f42a41"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 193 B

After

Width:  |  Height:  |  Size: 163 B

demo/dist/img/flags/be.svg
Vendored
+1 -7
View File
@@ -1,7 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-be" width="640" height="480">
<g fill-rule="evenodd" stroke-width="1pt">
<path d="M0 0h213.3v480H0z"/>
<path fill="#ffd90c" d="M213.3 0h213.4v480H213.3z"/>
<path fill="#f31830" d="M426.7 0H640v480H426.7z"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><g fill-rule="evenodd" stroke-width="1pt"><path d="M0 0h213.3v480H0z"/><path fill="#ffd90c" d="M213.3 0h213.4v480H213.3z"/><path fill="#f31830" d="M426.7 0H640v480H426.7z"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 293 B

After

Width:  |  Height:  |  Size: 248 B

demo/dist/img/flags/bf.svg
Vendored
+1 -7
View File
@@ -1,7 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-bf" width="640" height="480">
<g fill-rule="evenodd">
<path fill="#de0000" d="M640 479.6H.4V0H640z"/>
<path fill="#35a100" d="M639.6 480H0V240.2h639.6z"/>
<path fill="#fff300" d="M254.6 276.2l-106-72.4h131L320 86.6 360.4 204l131-.1-106 72.4 40.5 117.3-106-72.6L214 393.4"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><g fill-rule="evenodd"><path fill="#de0000" d="M640 479.6H.4V0H640z"/><path fill="#35a100" d="M639.6 480H0V240.2h639.6z"/><path fill="#fff300" d="M254.6 276.2l-106-72.4h131L320 86.6 360.4 204l131-.1-106 72.4 40.5 117.3-106-72.6L214 393.4"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 360 B

After

Width:  |  Height:  |  Size: 315 B

demo/dist/img/flags/bg.svg
Vendored
+1 -7
View File
@@ -1,7 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-bg" width="640" height="480">
<g fill-rule="evenodd" stroke-width="1pt">
<path fill="#d62612" d="M0 320h640v160H0z"/>
<path fill="#fff" d="M0 0h640v160H0z"/>
<path fill="#00966e" d="M0 160h640v160H0z"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><g fill-rule="evenodd" stroke-width="1pt"><path fill="#d62612" d="M0 320h640v160H0z"/><path fill="#fff" d="M0 0h640v160H0z"/><path fill="#00966e" d="M0 160h640v160H0z"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 289 B

After

Width:  |  Height:  |  Size: 244 B

demo/dist/img/flags/bh.svg
Vendored
+1 -11
View File
@@ -1,11 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-bh" width="640" height="480">
<defs>
<clipPath id="a">
<path fill-opacity=".7" d="M0 0h640v480H0z"/>
</clipPath>
</defs>
<g fill-rule="evenodd" stroke-width="1pt" clip-path="url(#a)">
<path fill="#e10011" d="M-32.5 0h720v480h-720z"/>
<path fill="#fff" d="M114.3 479.8l-146.8.2V0h146l94.3 30.4-93.5 29.5 93.5 30.5-93.5 29.5 93.5 30.5-93.5 29.5 93.5 30.5-93.5 29.5 93.5 30.5-93.5 29.5 93.5 30.5-93.5 29.5 93.5 30.5-93.5 29.5 93.5 30.5-93.5 29.5"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><defs><clipPath id="a"><path fill-opacity=".7" d="M0 0h640v480H0z"/></clipPath></defs><g fill-rule="evenodd" stroke-width="1pt" clip-path="url(#a)"><path fill="#e10011" d="M-32.5 0h720v480h-720z"/><path fill="#fff" d="M114.3 479.8l-146.8.2V0h146l94.3 30.4-93.5 29.5 93.5 30.5-93.5 29.5 93.5 30.5-93.5 29.5 93.5 30.5-93.5 29.5 93.5 30.5-93.5 29.5 93.5 30.5-93.5 29.5 93.5 30.5-93.5 29.5 93.5 30.5-93.5 29.5"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 546 B

After

Width:  |  Height:  |  Size: 483 B

demo/dist/img/flags/bi.svg
Vendored
+1 -15
View File
@@ -1,15 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-bi" width="640" height="480">
<defs>
<clipPath id="a">
<path fill-opacity=".7" d="M-90.5 0H592v512H-90.5z"/>
</clipPath>
</defs>
<g fill-rule="evenodd" clip-path="url(#a)" transform="translate(84.9) scale(.9375)">
<path fill="#00cf00" d="M-178 0l428.8 256L-178 512zm857.6 0L250.8 256l428.8 256z"/>
<path fill="red" d="M-178 0l428.8 256L679.6 0zm0 512l428.8-256 428.8 256z"/>
<path fill="#fff" d="M679.6 0h-79.9L-178 464.3V512h79.9L679.6 47.7z"/>
<path fill="#fff" d="M398.9 256a148 148 0 1 1-296.1 0 148 148 0 0 1 296 0z"/>
<path fill="#fff" d="M-178 0v47.7L599.7 512h79.9v-47.7L-98.1 0z"/>
<path fill="red" stroke="#00de00" stroke-width="3.9" d="M280 200.2l-19.3.3-10 16.4-9.9-16.4-19.2-.4 9.3-16.9-9.2-16.8 19.2-.4 10-16.4 9.9 16.5 19.2.4-9.3 16.8zm-64.6 111.6l-19.2.3-10 16.4-9.9-16.4-19.2-.4 9.3-16.9-9.2-16.8 19.2-.4 10-16.4 9.9 16.5 19.2.4-9.3 16.8zm130.6 0l-19.2.3-10 16.4-10-16.4-19.1-.4 9.3-16.9-9.3-16.8 19.2-.4 10-16.4 10 16.5 19.2.4-9.4 16.8z"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><defs><clipPath id="a"><path fill-opacity=".7" d="M-90.5 0H592v512H-90.5z"/></clipPath></defs><g fill-rule="evenodd" clip-path="url(#a)" transform="translate(84.9) scale(.9375)"><path fill="#00cf00" d="M-178 0l428.8 256L-178 512zm857.6 0L250.8 256l428.8 256z"/><path fill="red" d="M-178 0l428.8 256L679.6 0zm0 512l428.8-256 428.8 256z"/><path fill="#fff" d="M679.6 0h-79.9L-178 464.3V512h79.9L679.6 47.7z"/><path fill="#fff" d="M398.9 256a148 148 0 1 1-296.1 0 148 148 0 0 1 296 0z"/><path fill="#fff" d="M-178 0v47.7L599.7 512h79.9v-47.7L-98.1 0z"/><path fill="red" stroke="#00de00" stroke-width="3.9" d="M280 200.2l-19.3.3-10 16.4-9.9-16.4-19.2-.4 9.3-16.9-9.2-16.8 19.2-.4 10-16.4 9.9 16.5 19.2.4-9.3 16.8zm-64.6 111.6l-19.2.3-10 16.4-9.9-16.4-19.2-.4 9.3-16.9-9.2-16.8 19.2-.4 10-16.4 9.9 16.5 19.2.4-9.3 16.8zm130.6 0l-19.2.3-10 16.4-10-16.4-19.1-.4 9.3-16.9-9.3-16.8 19.2-.4 10-16.4 10 16.5 19.2.4-9.4 16.8z"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 991 B

demo/dist/img/flags/bj.svg
Vendored
+1 -14
View File
@@ -1,14 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-bj" width="640" height="480">
<defs>
<clipPath id="a">
<path fill="gray" d="M67.6-154h666v666h-666z"/>
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(.961 0 0 .7207 -65 111)">
<g fill-rule="evenodd" stroke-width="1pt">
<path fill="#319400" d="M0-154h333v666H0z"/>
<path fill="#ffd600" d="M333-154h666v333H333z"/>
<path fill="#de2110" d="M333 179h666v333H333z"/>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><defs><clipPath id="a"><path fill="gray" d="M67.6-154h666v666h-666z"/></clipPath></defs><g clip-path="url(#a)" transform="matrix(.961 0 0 .7207 -65 111)"><g fill-rule="evenodd" stroke-width="1pt"><path fill="#319400" d="M0-154h333v666H0z"/><path fill="#ffd600" d="M333-154h666v333H333z"/><path fill="#de2110" d="M333 179h666v333H333z"/></g></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 499 B

After

Width:  |  Height:  |  Size: 415 B

demo/dist/img/flags/bl.svg
Vendored
+1 -7
View File
@@ -1,7 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-bl" width="640" height="480">
<g fill-rule="evenodd" stroke-width="1pt">
<path fill="#fff" d="M0 0h640v480H0z"/>
<path fill="#00267f" d="M0 0h213.3v480H0z"/>
<path fill="#f31830" d="M426.7 0H640v480H426.7z"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><g fill-rule="evenodd" stroke-width="1pt"><path fill="#fff" d="M0 0h640v480H0z"/><path fill="#00267f" d="M0 0h213.3v480H0z"/><path fill="#f31830" d="M426.7 0H640v480H426.7z"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 295 B

After

Width:  |  Height:  |  Size: 250 B

demo/dist/img/flags/bm.svg
Vendored
+1 -98
View File
File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 22 KiB

demo/dist/img/flags/bn.svg
Vendored
+1 -36
View File
File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

demo/dist/img/flags/bo.svg
Vendored
+1 -676
View File
File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 116 KiB

After

Width:  |  Height:  |  Size: 109 KiB

demo/dist/img/flags/bq.svg
Vendored
+1 -5
View File
@@ -1,5 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-bq" width="640" height="480">
<path fill="#21468b" d="M0 0h640v480H0z"/>
<path fill="#fff" d="M0 0h640v320H0z"/>
<path fill="#ae1c28" d="M0 0h640v160H0z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><path fill="#21468b" d="M0 0h640v480H0z"/><path fill="#fff" d="M0 0h640v320H0z"/><path fill="#ae1c28" d="M0 0h640v160H0z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 227 B

After

Width:  |  Height:  |  Size: 194 B

demo/dist/img/flags/br.svg
Vendored
+1 -45
View File
File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.1 KiB

After

Width:  |  Height:  |  Size: 7.8 KiB

demo/dist/img/flags/bs.svg
Vendored
+1 -13
View File
@@ -1,13 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-bs" width="640" height="480">
<defs>
<clipPath id="a">
<path fill-opacity=".7" d="M-12 0h640v480H-12z"/>
</clipPath>
</defs>
<g fill-rule="evenodd" clip-path="url(#a)" transform="translate(12)">
<path fill="#fff" d="M968.5 480h-979V1.8h979z"/>
<path fill="#ffe900" d="M968.5 344.5h-979V143.3h979z"/>
<path fill="#08ced6" d="M968.5 480h-979V320.6h979zm0-318.7h-979V2h979z"/>
<path d="M-11 0c2.3 0 391.8 236.8 391.8 236.8L-12 479.2-10.9 0z"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><defs><clipPath id="a"><path fill-opacity=".7" d="M-12 0h640v480H-12z"/></clipPath></defs><g fill-rule="evenodd" clip-path="url(#a)" transform="translate(12)"><path fill="#fff" d="M968.5 480h-979V1.8h979z"/><path fill="#ffe900" d="M968.5 344.5h-979V143.3h979z"/><path fill="#08ced6" d="M968.5 480h-979V320.6h979zm0-318.7h-979V2h979z"/><path d="M-11 0c2.3 0 391.8 236.8 391.8 236.8L-12 479.2-10.9 0z"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 549 B

After

Width:  |  Height:  |  Size: 476 B

demo/dist/img/flags/bt.svg
Vendored
+1 -89
View File
File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 24 KiB

demo/dist/img/flags/bv.svg
Vendored
+1 -13
View File
@@ -1,13 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-bv" width="640" height="480">
<defs>
<clipPath id="a">
<path fill-opacity=".7" d="M0 0h640v480H0z"/>
</clipPath>
</defs>
<g fill-rule="evenodd" stroke-width="1pt" clip-path="url(#a)">
<path fill="#fff" d="M-28 0h699.7v512H-28z"/>
<path fill="#d72828" d="M-53-77.8h218.7v276.2H-53zM289.4-.6h381v199h-381zM-27.6 320h190.4v190.3H-27.6zm319.6 2.1h378.3v188.2H292z"/>
<path fill="#003897" d="M196.7-25.4H261v535.7h-64.5z"/>
<path fill="#003897" d="M-27.6 224.8h698v63.5h-698z"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><defs><clipPath id="a"><path fill-opacity=".7" d="M0 0h640v480H0z"/></clipPath></defs><g fill-rule="evenodd" stroke-width="1pt" clip-path="url(#a)"><path fill="#fff" d="M-28 0h699.7v512H-28z"/><path fill="#d72828" d="M-53-77.8h218.7v276.2H-53zM289.4-.6h381v199h-381zM-27.6 320h190.4v190.3H-27.6zm319.6 2.1h378.3v188.2H292z"/><path fill="#003897" d="M196.7-25.4H261v535.7h-64.5z"/><path fill="#003897" d="M-27.6 224.8h698v63.5h-698z"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 582 B

After

Width:  |  Height:  |  Size: 509 B

demo/dist/img/flags/bw.svg
Vendored
+1 -7
View File
@@ -1,7 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-bw" width="640" height="480">
<g fill-rule="evenodd">
<path fill="#00cbff" d="M0 0h640v480H0z"/>
<path fill="#fff" d="M0 160h640v160H0z"/>
<path d="M0 186h640v108H0z"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><g fill-rule="evenodd"><path fill="#00cbff" d="M0 0h640v480H0z"/><path fill="#fff" d="M0 160h640v160H0z"/><path d="M0 186h640v108H0z"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 255 B

After

Width:  |  Height:  |  Size: 210 B

demo/dist/img/flags/by.svg
Vendored
+1 -20
View File
File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.9 KiB

After

Width:  |  Height:  |  Size: 5.7 KiB

demo/dist/img/flags/bz.svg
Vendored
+1 -145
View File
File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 46 KiB

After

Width:  |  Height:  |  Size: 45 KiB

demo/dist/img/flags/ca.svg
Vendored
+1 -4
View File
@@ -1,4 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-ca" width="640" height="480">
<path fill="#fff" d="M81.1 0h362.3v512H81.1z" transform="translate(74.1) scale(.9375)"/>
<path fill="#bf0a30" d="M-100 0H81.1v512H-100zm543.4 0h181.1v512h-181zm-308 247.4l-14.2 4.8 65.5 57.5c5 14.7-1.7 19-6 26.8l71-9L250 399l14.8-.4-3.3-71 71.2 8.5c-4.4-9.3-8.3-14.2-4.3-29l65.4-54.5-11.4-4.2c-9.4-7.2 4-34.7 6-52.1 0 0-38.1 13.1-40.6 6.2l-9.8-18.7-34.7 38.2c-3.8.9-5.4-.6-6.3-3.8l16-79.8-25.4 14.3c-2.1 1-4.2.2-5.6-2.3l-24.5-49-25.2 50.9c-1.9 1.8-3.8 2-5.4.8l-24.2-13.6 14.6 79.1c-1.2 3.2-4 4-7.2 2.3l-33.3-37.7c-4.3 7-7.2 18.3-13 20.9-5.7 2.4-25-4.8-37.9-7.6 4.4 15.9 18.2 42.3 9.5 51z" transform="translate(74.1) scale(.9375)"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><path fill="#fff" d="M150.131 0h339.656v480H150.132z"/><path fill="#bf0a30" d="M-19.65 0h169.781v480H-19.65zm509.438 0h169.78v480H489.882zm-288.75 231.938l-13.313 4.5 61.406 53.906c4.688 13.781-1.593 17.812-5.625 25.125l66.563-8.438-1.594 67.031 13.875-.375-3.094-66.562 66.75 7.969c-4.125-8.719-7.781-13.313-4.031-27.188l61.313-51.094-10.688-3.937c-8.813-6.75 3.75-32.531 5.625-48.844 0 0-35.719 12.281-38.063 5.813l-9.187-17.532-32.531 35.813c-3.563.844-5.063-.563-5.906-3.563l15-74.812-23.813 13.406c-1.969.938-3.938.188-5.25-2.156l-22.969-45.938-23.625 47.72c-1.781 1.687-3.562 1.874-5.062.75l-22.688-12.75 13.688 74.155c-1.125 3-3.75 3.75-6.75 2.157L239.85 171.75c-4.031 6.562-6.75 17.156-12.187 19.594-5.344 2.25-23.438-4.5-35.532-7.125 4.125 14.906 17.063 39.656 8.907 47.812z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 731 B

After

Width:  |  Height:  |  Size: 857 B

demo/dist/img/flags/cc.svg
Vendored
+1 -19
View File
@@ -1,19 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icon-css-cc" width="640" height="480">
<defs>
<path id="a" d="M0-360l69.4 215.8 212-80.3L156-35.6 351 80.1 125 99.8l31.1 224.6L0 160l-156.2 164.3 31.1-224.5L-351 80l195-115.7-125.5-188.9 212 80.3z"/>
<path id="b" d="M0-210L54.9-75.5l144.8 10.6-111 93.8 34.7 141L0 93.3-123.4 170l34.6-141-111-93.8 145-10.6z"/>
</defs>
<path fill="green" d="M0 0h640v480H0z"/>
<circle cx="320" cy="240" r="66.7" fill="#ffe000"/>
<circle cx="340.8" cy="240" r="54.9" fill="green"/>
<circle cx="109.8" cy="173.3" r="69.8" fill="#ffe000"/>
<path fill="#802000" stroke="#7b3100" stroke-width="1.5" d="M105 226h17.5s.7-1.6-.2-2.4c-1-.8-4.7-1-3.7-3.8 2-5.8 2.4-4 3.7-17.8 1.3-13.8 2-35.5 2-35.5h-2.6s.5 6.7-1 15.5c-1.4 8.8-1.9 9.5-3.5 16.3-1.6 6.7-1.8 7.3-3.3 11.2-1.4 4-1.6 4.1-3.8 7.8-2.3 3.6-1.5 2.2-2.7 4.4-.7 1.1-1.4.8-1.9 1.6-.4.8-.5 2.7-.5 2.7z"/>
<path fill="green" d="M118.3 122.5c.2 2.7-.1 6.3-1.2 9.2-1.2 3.2-2.4 6.5-2.3 9.8-1.8.6-3.7-3.9-5.5-1.2 1.3 3.7 4.4 6.6 6.4 9.9.4 1 3.4 3.7 1.6 4.3-4.3-1.5-5.4-7-8-10.3a19 19 0 0 0-15.5-10c-2.5.1-10.4-.5-8.4 3.7 3 2 6.8 3.4 9.8 5.7 2.3.2 6.3 4 6.1 5.4-4-1.6-5.8-3.5-10-5.2-5.8-2.2-13.7-.9-17 4.8-.5 1.5-1.4 5.8.5 6.3 2.2-3.4 5.3-7.3 9.9-6.2 3.6.3-4 6.7-1.1 5.4 1-.4 3-1.8 4.6-2 1.5 0 2.3 1 3.4 1.2 2.3.3 3 1.2 2.7 1.8-.2.6-1 0-3.3.8-1.1.4-1.7 1.4-3 1.9-1.4.4-4.2.5-5.2 0-3.7-1.5-9.7-1.3-10.8 3.3 0 2-1.8-.2-2.6.7-.7 2.2-.8 4.4-4 4.2-2 2-4 4.2-6.6 5.7 1.5 3.4 7.3-3.4 7-.5-2.5 3.5 1.4 4.2 3 1.5 2.9-3 6.5-6.7 10.7-3.6 2 1.9 3.2-1 4.7-1 1 2.5 2.1.2 3.2-.5 1.7-.2 1.2 2.2 3.2.7 4.1-2.7 9.1-.4 13.1-3 4.3-2 .6 1.5-.5 2.9-1.9 3.6-.3 8.4-4.3 10.6-1.7 4.3 1.9 10-1.7 13.2-.5 2 4.6 1.8 6 2.6 2.6 0 0-5.8 2.5-6.6 3.4 2 3.2-3.8 2.5-5.6.4-4 .6-8.6 2.6-12.3 2.2-4.5 4.2 1.9 1.8 3.7-1.4 4.1-3.4 9.4-.3 13.3 1 .2 1.7 2.4 2.8 3 1.2.7 2.8-.1 3-2.1 1.6-6 .8-12.4 3-18.3 1.5-1.8 3.6-.3 4.5 1.4 3 3.5 5.1 7.8 8.7 10.7 3.3 1.5 6.3 3.9 7.8 7.3 0 2.6 7.4 3 5.2 0-2.1-2.7-.7-5.6 1.4-7.5 1.2.3.9-1.8 0-1-1.5-.3-1.6-3 .4-1.7 3.5 1.1-.2-2.5-1.5-2.6-2.9-1.8-6.2-3.8-7.6-7 3.8 0 7.7 2.1 11.5.9 3.1-1.6 6.2 0 7.3 2.8 2.4-.4 1.4-2.8 0-3.6 1.7-.7 3-2.2.8-3.5-1-1.4 1.5-4-1.7-3.8.1-2.5-.8-4.7-3.5-5.6-2.7-2.2-10.6 3.4-10.3-1.7-.8-2.8 3.2-.4 4.3-1.8 1.1-3-5.5-2.6-3.3-5 1.4-.8 8.1-2.1 2.9-3.1a8.3 8.3 0 0 1-7-1.1c-1.9 3.1-7.2-1.8-6.3 3.8-.7 2.1-5.5 7.6-6.8 3.4 1-3.3 6.8-4.3 5-8.8-.3-2.7-2.6.5-3.6.3-.6-1.7 1.6-3.8 3.2-4.2 3 2.4 3-3 6-2.5 2.1-.5-.7-1.4-1.3-1.8.6-1.5 3.9-2.3.7-3.7-2.9-2-5 2.1-7.3 2.3-2.2-2.5 2-3.7 3.2-5 .1-1-2.4-.3-1.7-1.2.7-1.1 5.2-1.2 3-3a14.7 14.7 0 0 0-10.2.6c-2 .6-2.5 5-4.2 4.8-.7-2 .3-5.8-2.4-6.3zm15 42.3c2.4-.4 0 3.7-1 3.6 0-1.4-3.6-1.3-1.3-2.6a7.3 7.3 0 0 1 2.3-1z"/>
<g fill="#ffe000" transform="translate(0 80) scale(.0635)">
<use width="100%" height="100%" x="7560" y="4200" xlink:href="#a"/>
<use width="100%" height="100%" x="6300" y="2205" xlink:href="#a"/>
<use width="100%" height="100%" x="7560" y="840" xlink:href="#a"/>
<use width="100%" height="100%" x="8680" y="1869" xlink:href="#a"/>
<use width="100%" height="100%" x="8064" y="2730" xlink:href="#b"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="640" height="480"><defs><path id="a" d="M0-360l69.4 215.8 212-80.3L156-35.6 351 80.1 125 99.8l31.1 224.6L0 160l-156.2 164.3 31.1-224.5L-351 80l195-115.7-125.5-188.9 212 80.3z"/><path id="b" d="M0-210L54.9-75.5l144.8 10.6-111 93.8 34.7 141L0 93.3-123.4 170l34.6-141-111-93.8 145-10.6z"/></defs><path fill="green" d="M0 0h640v480H0z"/><circle cx="320" cy="240" r="66.7" fill="#ffe000"/><circle cx="340.8" cy="240" r="54.9" fill="green"/><circle cx="109.8" cy="173.3" r="69.8" fill="#ffe000"/><path fill="#802000" stroke="#7b3100" stroke-width="1.5" d="M105 226h17.5s.7-1.6-.2-2.4c-1-.8-4.7-1-3.7-3.8 2-5.8 2.4-4 3.7-17.8 1.3-13.8 2-35.5 2-35.5h-2.6s.5 6.7-1 15.5c-1.4 8.8-1.9 9.5-3.5 16.3-1.6 6.7-1.8 7.3-3.3 11.2-1.4 4-1.6 4.1-3.8 7.8-2.3 3.6-1.5 2.2-2.7 4.4-.7 1.1-1.4.8-1.9 1.6-.4.8-.5 2.7-.5 2.7z"/><path fill="green" d="M118.3 122.5c.2 2.7-.1 6.3-1.2 9.2-1.2 3.2-2.4 6.5-2.3 9.8-1.8.6-3.7-3.9-5.5-1.2 1.3 3.7 4.4 6.6 6.4 9.9.4 1 3.4 3.7 1.6 4.3-4.3-1.5-5.4-7-8-10.3a19 19 0 0 0-15.5-10c-2.5.1-10.4-.5-8.4 3.7 3 2 6.8 3.4 9.8 5.7 2.3.2 6.3 4 6.1 5.4-4-1.6-5.8-3.5-10-5.2-5.8-2.2-13.7-.9-17 4.8-.5 1.5-1.4 5.8.5 6.3 2.2-3.4 5.3-7.3 9.9-6.2 3.6.3-4 6.7-1.1 5.4 1-.4 3-1.8 4.6-2 1.5 0 2.3 1 3.4 1.2 2.3.3 3 1.2 2.7 1.8-.2.6-1 0-3.3.8-1.1.4-1.7 1.4-3 1.9-1.4.4-4.2.5-5.2 0-3.7-1.5-9.7-1.3-10.8 3.3 0 2-1.8-.2-2.6.7-.7 2.2-.8 4.4-4 4.2-2 2-4 4.2-6.6 5.7 1.5 3.4 7.3-3.4 7-.5-2.5 3.5 1.4 4.2 3 1.5 2.9-3 6.5-6.7 10.7-3.6 2 1.9 3.2-1 4.7-1 1 2.5 2.1.2 3.2-.5 1.7-.2 1.2 2.2 3.2.7 4.1-2.7 9.1-.4 13.1-3 4.3-2 .6 1.5-.5 2.9-1.9 3.6-.3 8.4-4.3 10.6-1.7 4.3 1.9 10-1.7 13.2-.5 2 4.6 1.8 6 2.6 2.6 0 0-5.8 2.5-6.6 3.4 2 3.2-3.8 2.5-5.6.4-4 .6-8.6 2.6-12.3 2.2-4.5 4.2 1.9 1.8 3.7-1.4 4.1-3.4 9.4-.3 13.3 1 .2 1.7 2.4 2.8 3 1.2.7 2.8-.1 3-2.1 1.6-6 .8-12.4 3-18.3 1.5-1.8 3.6-.3 4.5 1.4 3 3.5 5.1 7.8 8.7 10.7 3.3 1.5 6.3 3.9 7.8 7.3 0 2.6 7.4 3 5.2 0-2.1-2.7-.7-5.6 1.4-7.5 1.2.3.9-1.8 0-1-1.5-.3-1.6-3 .4-1.7 3.5 1.1-.2-2.5-1.5-2.6-2.9-1.8-6.2-3.8-7.6-7 3.8 0 7.7 2.1 11.5.9 3.1-1.6 6.2 0 7.3 2.8 2.4-.4 1.4-2.8 0-3.6 1.7-.7 3-2.2.8-3.5-1-1.4 1.5-4-1.7-3.8.1-2.5-.8-4.7-3.5-5.6-2.7-2.2-10.6 3.4-10.3-1.7-.8-2.8 3.2-.4 4.3-1.8 1.1-3-5.5-2.6-3.3-5 1.4-.8 8.1-2.1 2.9-3.1a8.3 8.3 0 0 1-7-1.1c-1.9 3.1-7.2-1.8-6.3 3.8-.7 2.1-5.5 7.6-6.8 3.4 1-3.3 6.8-4.3 5-8.8-.3-2.7-2.6.5-3.6.3-.6-1.7 1.6-3.8 3.2-4.2 3 2.4 3-3 6-2.5 2.1-.5-.7-1.4-1.3-1.8.6-1.5 3.9-2.3.7-3.7-2.9-2-5 2.1-7.3 2.3-2.2-2.5 2-3.7 3.2-5 .1-1-2.4-.3-1.7-1.2.7-1.1 5.2-1.2 3-3a14.7 14.7 0 0 0-10.2.6c-2 .6-2.5 5-4.2 4.8-.7-2 .3-5.8-2.4-6.3zm15 42.3c2.4-.4 0 3.7-1 3.6 0-1.4-3.6-1.3-1.3-2.6a7.3 7.3 0 0 1 2.3-1z"/><g fill="#ffe000" transform="translate(0 80) scale(.0635)"><use width="100%" height="100%" x="7560" y="4200" xlink:href="#a"/><use width="100%" height="100%" x="6300" y="2205" xlink:href="#a"/><use width="100%" height="100%" x="7560" y="840" xlink:href="#a"/><use width="100%" height="100%" x="8680" y="1869" xlink:href="#a"/><use width="100%" height="100%" x="8064" y="2730" xlink:href="#b"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

demo/dist/img/flags/cd.svg
Vendored
+1 -5
View File
@@ -1,5 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-cd" width="640" height="480">
<path fill="#007fff" d="M0 0h640v480H0z"/>
<path fill="#f7d618" d="M28.8 96H96l20.8-67.2L137.6 96h67.2l-54.4 41.6 20.8 67.2-54.4-41.6-54.4 41.6 20.8-67.2L28.8 96zM600 0L0 360v120h40l600-360V0h-40"/>
<path fill="#ce1021" d="M640 0L0 384v96L640 96V0"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><path fill="#007fff" d="M0 0h640v480H0z"/><path fill="#f7d618" d="M28.8 96H96l20.8-67.2L137.6 96h67.2l-54.4 41.6 20.8 67.2-54.4-41.6-54.4 41.6 20.8-67.2L28.8 96zM600 0L0 360v120h40l600-360V0h-40"/><path fill="#ce1021" d="M640 0L0 384v96L640 96V0"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 352 B

After

Width:  |  Height:  |  Size: 319 B

demo/dist/img/flags/cf.svg
Vendored
+1 -15
View File
@@ -1,15 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-cf" width="640" height="480">
<defs>
<clipPath id="a">
<path fill-opacity=".7" d="M-12.4 32h640v480h-640z"/>
</clipPath>
</defs>
<g fill-rule="evenodd" clip-path="url(#a)" transform="translate(12.4 -32)">
<path fill="#00f" d="M-52 32h719.3v119H-52z"/>
<path fill="#ff0" d="M-52 391.6h719.3V512H-52z"/>
<path fill="#009a00" d="M-52 271.3h719.3v120.3H-52z"/>
<path fill="#fff" d="M-52 151h719.3v120.3H-52z"/>
<path fill="red" d="M247.7 32.5h119.9V512H247.7z"/>
<path fill="#ff0" d="M99.3 137.7l-31.5-21.8-31.3 22L47.4 101l-30.5-23 38.2-1 12.5-36.3L80.3 77l38.1.7L88.2 101"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><defs><clipPath id="a"><path fill-opacity=".7" d="M-12.4 32h640v480h-640z"/></clipPath></defs><g fill-rule="evenodd" clip-path="url(#a)" transform="translate(12.4 -32)"><path fill="#00f" d="M-52 32h719.3v119H-52z"/><path fill="#ff0" d="M-52 391.6h719.3V512H-52z"/><path fill="#009a00" d="M-52 271.3h719.3v120.3H-52z"/><path fill="#fff" d="M-52 151h719.3v120.3H-52z"/><path fill="red" d="M247.7 32.5h119.9V512H247.7z"/><path fill="#ff0" d="M99.3 137.7l-31.5-21.8-31.3 22L47.4 101 16.9 78l38.2-1 12.5-36.3L80.3 77l38.1.7L88.2 101"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 689 B

After

Width:  |  Height:  |  Size: 605 B

demo/dist/img/flags/cg.svg
Vendored
+1 -12
View File
@@ -1,12 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-cg" width="640" height="480">
<defs>
<clipPath id="a">
<path fill-opacity=".7" d="M-79.5 32h640v480h-640z"/>
</clipPath>
</defs>
<g fill-rule="evenodd" stroke-width="1pt" clip-path="url(#a)" transform="translate(79.5 -32)">
<path fill="#ff0" d="M-119.5 32h720v480h-720z"/>
<path fill="#00ca00" d="M-119.5 32v480l480-480h-480z"/>
<path fill="red" d="M120.5 512h480V32l-480 480z"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><defs><clipPath id="a"><path fill-opacity=".7" d="M-79.5 32h640v480h-640z"/></clipPath></defs><g fill-rule="evenodd" stroke-width="1pt" clip-path="url(#a)" transform="translate(79.5 -32)"><path fill="#ff0" d="M-119.5 32h720v480h-720z"/><path fill="#00ca00" d="M-119.5 32v480l480-480h-480z"/><path fill="red" d="M120.5 512h480V32l-480 480z"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 484 B

After

Width:  |  Height:  |  Size: 416 B

demo/dist/img/flags/ch.svg
Vendored
+1 -9
View File
@@ -1,9 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-ch" width="640" height="480">
<g fill-rule="evenodd" stroke-width="1pt">
<path fill="#d52b1e" d="M0 0h640v480H0z"/>
<g fill="#fff">
<path d="M170 195h300v90H170z"/>
<path d="M275 90h90v300h-90z"/>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><g fill-rule="evenodd" stroke-width="1pt"><path fill="#d52b1e" d="M0 0h640v480H0z"/><g fill="#fff"><path d="M170 195h300v90H170z"/><path d="M275 90h90v300h-90z"/></g></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 300 B

After

Width:  |  Height:  |  Size: 241 B

demo/dist/img/flags/ci.svg
Vendored
+1 -7
View File
@@ -1,7 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-ci" width="640" height="480">
<g fill-rule="evenodd">
<path fill="#00cd00" d="M426.8 0H640v480H426.8z"/>
<path fill="#ff9a00" d="M0 0h212.9v480H0z"/>
<path fill="#fff" d="M212.9 0h214v480h-214z"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><g fill-rule="evenodd"><path fill="#00cd00" d="M426.8 0H640v480H426.8z"/><path fill="#ff9a00" d="M0 0h212.9v480H0z"/><path fill="#fff" d="M212.9 0h214v480h-214z"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 283 B

After

Width:  |  Height:  |  Size: 238 B

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