From b998a6bc2cc831486f50799d0a36ffe1c20d1205 Mon Sep 17 00:00:00 2001 From: codecalm Date: Sat, 7 Nov 2020 01:53:22 +0100 Subject: [PATCH] Release 1.0.0-alpha.11 --- demo/all.html | 215 +---- demo/blank.html | 180 +--- demo/buttons.html | 177 +--- demo/calendar.html | 177 +--- demo/cards-masonry.html | 180 +--- demo/cards.html | 180 +--- demo/carousel.html | 177 +--- demo/changelog.html | 421 +++++---- demo/charts-heatmap.html | 177 +--- demo/charts.html | 177 +--- demo/crypto-currencies.html | 177 +--- demo/dist/css/demo.css | 194 +++- demo/dist/css/demo.min.css | 6 +- demo/dist/css/tabler-flags.css | 4 +- demo/dist/css/tabler-flags.min.css | 4 +- demo/dist/css/tabler-payments.css | 4 +- demo/dist/css/tabler-payments.min.css | 4 +- demo/dist/css/tabler.css | 884 +++++++++++------- demo/dist/css/tabler.min.css | 6 +- demo/dist/js/tabler.js | 31 +- demo/dist/js/tabler.min.js | 6 +- .../libs/apexcharts/dist/apexcharts.min.js | 8 +- demo/docs/alerts.html | 481 +++++----- demo/docs/autosize.html | 424 +++++---- demo/docs/avatars.html | 439 +++++---- demo/docs/badges.html | 490 +++++----- demo/docs/breadcrumb.html | 468 +++++----- demo/docs/buttons.html | 744 ++++++++------- demo/docs/cards.html | 537 ++++++----- demo/docs/carousel.html | 436 +++++---- demo/docs/charts.html | 422 +++++---- demo/docs/colors.html | 437 +++++---- demo/docs/countup.html | 433 +++++---- demo/docs/cursors.html | 424 +++++---- demo/docs/divider.html | 524 ++++++----- demo/docs/dropdowns.html | 518 +++++----- demo/docs/empty.html | 483 ++++++---- demo/docs/flags.html | 432 +++++---- demo/docs/form-elements.html | 493 +++++----- demo/docs/form-helpers.html | 424 +++++---- demo/docs/icons.html | 745 +++++++++++++++ demo/docs/index.html | 431 +++++---- demo/docs/input-mask.html | 424 +++++---- demo/docs/modals.html | 430 +++++---- demo/docs/payments.html | 432 +++++---- demo/docs/progress.html | 441 +++++---- demo/docs/range-slider.html | 431 +++++---- demo/docs/ribbons.html | 428 +++++---- demo/docs/skeleton.html | 428 +++++---- demo/docs/spinners.html | 450 +++++---- demo/docs/steps.html | 478 +++++----- demo/docs/switch-icon.html | 848 +++++++++++++++++ demo/docs/tables.html | 478 +++++----- demo/docs/tabs.html | 455 +++++---- demo/docs/timelines.html | 433 +++++---- demo/docs/toasts.html | 438 +++++---- demo/docs/tooltips.html | 437 +++++---- demo/docs/typography.html | 446 +++++---- demo/dropdowns.html | 177 +--- demo/empty.html | 177 +--- demo/error-404.html | 6 +- demo/error-500.html | 6 +- demo/error-maintenance.html | 5 +- demo/forgot-password.html | 8 +- demo/form-elements.html | 209 +---- demo/gallery.html | 177 +--- demo/icons.html | 177 +--- demo/index.html | 177 +--- demo/invoice.html | 177 +--- demo/layout-combo.html | 177 +--- demo/layout-condensed-dark.html | 177 +--- demo/layout-condensed.html | 177 +--- demo/layout-dark.html | 177 +--- demo/layout-fluid-vertical.html | 177 +--- demo/layout-fluid.html | 177 +--- demo/layout-horizontal.html | 177 +--- demo/layout-navbar-dark.html | 177 +--- demo/layout-navbar-overlap.html | 177 +--- demo/layout-rtl.html | 177 +--- demo/layout-vertical-right.html | 177 +--- demo/layout-vertical.html | 177 +--- demo/lists.html | 177 +--- demo/maps-vector.html | 177 +--- demo/maps.html | 177 +--- demo/markdown.html | 177 +--- demo/modals.html | 177 +--- demo/music.html | 177 +--- demo/navigation.html | 177 +--- demo/pagination.html | 177 +--- demo/pricing.html | 177 +--- demo/search-results.html | 177 +--- demo/settings-index.html | 177 +--- demo/sign-in.html | 8 +- demo/sign-up.html | 8 +- demo/skeleton.html | 177 +--- demo/snippets.html | 177 +--- demo/social.html | 177 +--- demo/tables.html | 177 +--- demo/tabs.html | 177 +--- demo/typography.html | 177 +--- demo/users.html | 177 +--- demo/wizard.html | 6 +- dist/css/demo.css | 194 +++- dist/css/demo.min.css | 6 +- dist/css/tabler-flags.css | 4 +- dist/css/tabler-flags.min.css | 4 +- dist/css/tabler-payments.css | 4 +- dist/css/tabler-payments.min.css | 4 +- dist/css/tabler.css | 884 +++++++++++------- dist/css/tabler.min.css | 6 +- dist/js/tabler.js | 31 +- dist/js/tabler.min.js | 6 +- dist/libs/apexcharts/dist/apexcharts.min.js | 8 +- package.json | 2 +- 114 files changed, 12239 insertions(+), 16193 deletions(-) create mode 100644 demo/docs/icons.html create mode 100644 demo/docs/switch-icon.html diff --git a/demo/all.html b/demo/all.html index 37aa88f33..951f280df 100644 --- a/demo/all.html +++ b/demo/all.html @@ -1,7 +1,7 @@ + + + + + + Icons - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. + + + + + + + + + + + + + + + + + + + +
+
+
+ + + Tabler + +
+
+ + + + +
+
+
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam. +
+
+
+
+
+ + +
+
Paweł Kuna
+
UI Designer
+
+ +
+ Set status + Profile & account + Feedback +
+ Settings + Logout +
+
+
+
+
+
+ +
+
+
+ +
+
+
+

+ Documentation +

+
+
+
+
+
+ +
+
+
+
+
+
+
+

Icons

+
+
+

Base icon

+
+
+ + + + +
+
+
+
+ 
<!-- SVG icon code -->
+<!-- SVG icon code -->
+<!-- SVG icon code -->
+<!-- SVG icon code -->
+
+
+

Filled icons

+
+
+ + + + +
+
+
+
+ 
<!-- SVG icon code with class="icon-filled" -->
+<!-- SVG icon code with class="icon-filled" -->
+<!-- SVG icon code with class="icon-filled" -->
+<!-- SVG icon code with class="icon-filled" -->
+
+
+

Icon colors

+
+
+ + + + + + + + + + + + +
+
+
+
+ 
<span class="text-red">
+  <!-- SVG icon code with class="icon-filled" -->
+</span>
+<span class="text-yellow">
+  <!-- SVG icon code with class="icon-filled" -->
+</span>
+<span class="text-blue">
+  <!-- SVG icon code -->
+</span>
+<span class="text-green">
+  <!-- SVG icon code -->
+</span>
+
+
+
+
+
+
+
+
+ +
+
+ + + + + + + \ No newline at end of file diff --git a/demo/docs/index.html b/demo/docs/index.html index a7172b626..0bfcef1a3 100644 --- a/demo/docs/index.html +++ b/demo/docs/index.html @@ -1,7 +1,7 @@ + + + + + + Switch icon - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. + + + + + + + + + + + + + + + + + + + + +
+
+
+ + + Tabler + +
+
+ + + + +
+
+
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam. +
+
+
+
+
+ + +
+
Paweł Kuna
+
UI Designer
+
+ +
+ Set status + Profile & account + Feedback +
+ Settings + Logout +
+
+
+
+
+
+ +
+
+
+ +
+
+
+

+ Documentation +

+
+
+
+
+
+ +
+
+
+
+
+
+
+

Switch icon

+
+

The Switch Icon component is used to create a transition between two icons. You can use any icon, both line and filled version.

+
+

Default markup

+

To replace the icons, all should add active class to the switch-icon component.

+
+
+
+ +
+
+
+
+
+ 
<button class="switch-icon" data-toggle="switch-icon">
+  <span class="switch-icon-a text-muted">
+    <!-- SVG icon code -->
+  </span>
+  <span class="switch-icon-b text-blue">
+    <!-- SVG icon code -->
+  </span>
+</button>
+
+
+

Switch animations

+

You can also add a fancy animation to add variety to your button. See demo below:

+
+
+
+ + + + + + + + +
+
+
+
+
+ 
<button class="switch-icon" data-toggle="switch-icon">
+  <span class="switch-icon-a text-muted">
+    <!-- SVG icon code -->
+  </span>
+  <span class="switch-icon-b text-blue">
+    <!-- SVG icon code with class="icon-filled" -->
+  </span>
+</button>
+<button class="switch-icon switch-icon-fade" data-toggle="switch-icon">
+  <span class="switch-icon-a text-muted">
+    <!-- SVG icon code -->
+  </span>
+  <span class="switch-icon-b text-red">
+    <!-- SVG icon code with class="icon-filled" -->
+  </span>
+</button>
+<button class="switch-icon switch-icon-scale" data-toggle="switch-icon">
+  <span class="switch-icon-a text-muted">
+    <!-- SVG icon code -->
+  </span>
+  <span class="switch-icon-b text-yellow">
+    <!-- SVG icon code with class="icon-filled" -->
+  </span>
+</button>
+<button class="switch-icon switch-icon-flip" data-toggle="switch-icon">
+  <span class="switch-icon-a text-muted">
+    <!-- SVG icon code -->
+  </span>
+  <span class="switch-icon-b text-facebook">
+    <!-- SVG icon code -->
+  </span>
+</button>
+<button class="switch-icon switch-icon-slide-up" data-toggle="switch-icon">
+  <span class="switch-icon-a text-muted">
+    <!-- SVG icon code -->
+  </span>
+  <span class="switch-icon-b text-twitter">
+    <!-- SVG icon code -->
+  </span>
+</button>
+<button class="switch-icon switch-icon-slide-left" data-toggle="switch-icon">
+  <span class="switch-icon-a text-muted">
+    <!-- SVG icon code -->
+  </span>
+  <span class="switch-icon-b text-red">
+    <!-- SVG icon code -->
+  </span>
+</button>
+<button class="switch-icon switch-icon-slide-down" data-toggle="switch-icon">
+  <span class="switch-icon-a text-muted">
+    <!-- SVG icon code -->
+  </span>
+  <span class="switch-icon-b text-muted">
+    <!-- SVG icon code -->
+  </span>
+</button>
+<button class="switch-icon switch-icon-slide-right" data-toggle="switch-icon">
+  <span class="switch-icon-a text-muted">
+    <!-- SVG icon code -->
+  </span>
+  <span class="switch-icon-b text-muted">
+    <!-- SVG icon code -->
+  </span>
+</button>
+
+
+
+
+
+
+
+
+ +
+
+ + + + + + + \ No newline at end of file diff --git a/demo/docs/tables.html b/demo/docs/tables.html index a64eedcf0..40034a196 100644 --- a/demo/docs/tables.html +++ b/demo/docs/tables.html @@ -1,7 +1,7 @@