0.0.12

version 0.0.12
version 0.0.11
2025-12-21 17:34:25 +04:00 · 2018-03-27 11:37:55 +02:00 · 2018-03-27 11:37:46 +02:00 · 2018-03-27 11:34:06 +02:00 · 2018-03-27 11:30:11 +02:00 · 2018-03-27 11:30:02 +02:00
48 changed files with 326 additions and 15088 deletions
--- a/dist-new-version.sh
+++ b/dist-new-version.sh
@@ -0,0 +1,15 @@
+#!/usr/bin/env bash
+
+version=0.0.12
+
+echo "Version $version"
+
+npm run dist
+git add .
+git commit -am "version $version"
+git push origin master
+
+npm run publish-dist
+
+npm version $version
+npm publish
--- a/dist/400.html
+++ b/dist/400.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>Page 400 - tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
--- a/dist/401.html
+++ b/dist/401.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>Page 401 - tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
--- a/dist/403.html
+++ b/dist/403.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>Page 403 - tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
--- a/dist/404.html
+++ b/dist/404.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>Page 404 - tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
--- a/dist/500.html
+++ b/dist/500.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>Page 500 - tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
--- a/dist/503.html
+++ b/dist/503.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>Page 503 - tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
--- a/dist/assets/css/dashboard.css
+++ b/dist/assets/css/dashboard.css
--- a/dist/assets/plugins/charts-c3/plugin.css
+++ b/dist/assets/plugins/charts-c3/plugin.css
@@ -1,4 +1,8 @@
 /*-- Chart --*/
+.c3 {
+  overflow: hidden;
+}
+
 .c3 svg {
  font: 10px sans-serif;
  -webkit-tap-highlight-color: transparent;
--- a/dist/assets/plugins/charts-c3/plugin.min.css
+++ b/dist/assets/plugins/charts-c3/plugin.min.css
@@ -1,224 +0,0 @@
-/*-- Chart --*/
-.c3 svg {
-  font: 10px sans-serif;
-  -webkit-tap-highlight-color: transparent;
-  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
-}
-
-.c3 path,
-.c3 line {
-  fill: none;
-  stroke: rgba(0, 40, 100, 0.12);
-}
-
-.c3 text {
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  font-size: px2rem(12px);
-}
-
-.c3-legend-item-tile,
-.c3-xgrid-focus,
-.c3-ygrid,
-.c3-event-rect,
-.c3-bars path {
-  shape-rendering: crispEdges;
-}
-
-.c3-chart-arc path {
-  stroke: #fff;
-}
-
-.c3-chart-arc text {
-  fill: #fff;
-  font-size: 13px;
-}
-
-/*-- Axis --*/
-/*-- Grid --*/
-.c3-grid line {
-  stroke: #f0f0f0;
-}
-
-.c3-grid text {
-  fill: #aaa;
-}
-
-.c3-xgrid,
-.c3-ygrid {
-  stroke: #e6e6e6;
-  stroke-dasharray: 2 4;
-}
-
-/*-- Text on Chart --*/
-.c3-text {
-  font-size: 12px;
-}
-
-.c3-text.c3-empty {
-  fill: #808080;
-  font-size: 2em;
-}
-
-/*-- Line --*/
-.c3-line {
-  stroke-width: 2px;
-}
-
-/*-- Point --*/
-.c3-circle._expanded_ {
-  stroke-width: 2px;
-  stroke: white;
-}
-
-.c3-selected-circle {
-  fill: white;
-  stroke-width: 1.5px;
-}
-
-/*-- Bar --*/
-.c3-bar {
-  stroke-width: 0;
-}
-
-.c3-bar._expanded_ {
-  fill-opacity: 1;
-  fill-opacity: 0.75;
-}
-
-/*-- Focus --*/
-.c3-target.c3-focused {
-  opacity: 1;
-}
-
-.c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step {
-  stroke-width: 2px;
-}
-
-.c3-target.c3-defocused {
-  opacity: 0.3 !important;
-}
-
-/*-- Region --*/
-.c3-region {
-  fill: steelblue;
-  fill-opacity: .1;
-}
-
-/*-- Brush --*/
-.c3-brush .extent {
-  fill-opacity: .1;
-}
-
-/*-- Select - Drag --*/
-/*-- Legend --*/
-.c3-legend-item text {
-  fill: #545454;
-  font-size: 14px;
-}
-
-.c3-legend-item-hidden {
-  opacity: 0.15;
-}
-
-.c3-legend-background {
-  opacity: 0.75;
-  fill: white;
-  stroke: lightgray;
-  stroke-width: 1;
-}
-
-/*-- Title --*/
-.c3-title {
-  font: 14px sans-serif;
-}
-
-/*-- Tooltip --*/
-.c3-tooltip-container {
-  z-index: 10;
-}
-
-.c3-tooltip {
-  border-collapse: collapse;
-  border-spacing: 0;
-  empty-cells: show;
-  font-size: 11px;
-  line-height: 1;
-  font-weight: 700;
-  color: #fff;
-  border-radius: 3px;
-  background: #212529;
-  white-space: nowrap;
-}
-
-.c3-tooltip th {
-  padding: 6px 6px;
-  text-align: left;
-}
-
-.c3-tooltip td {
-  padding: 4px 6px;
-  font-weight: 400;
-}
-
-.c3-tooltip td > span {
-  display: inline-block;
-  width: 8px;
-  height: 8px;
-  margin-right: 8px;
-  border-radius: 50%;
-  vertical-align: baseline;
-}
-
-.c3-tooltip td.value {
-  text-align: right;
-}
-
-/*-- Area --*/
-.c3-area {
-  stroke-width: 0;
-  opacity: 0.1;
-}
-
-/*-- Arc --*/
-.c3-chart-arcs-title {
-  dominant-baseline: middle;
-  font-size: 1.3em;
-}
-
-.c3-chart-arcs .c3-chart-arcs-background {
-  fill: #e0e0e0;
-  stroke: none;
-}
-
-.c3-chart-arcs .c3-chart-arcs-gauge-unit {
-  fill: #000;
-  font-size: 16px;
-}
-
-.c3-chart-arcs .c3-chart-arcs-gauge-max {
-  fill: #777;
-}
-
-.c3-chart-arcs .c3-chart-arcs-gauge-min {
-  fill: #777;
-}
-
-.c3-chart-arc .c3-gauge-value {
-  fill: #000;
-  /*  font-size: 28px !important;*/
-}
-
-.c3-chart-arc.c3-target g path {
-  opacity: 1;
-}
-
-.c3-chart-arc.c3-target.c3-focused g path {
-  opacity: 1;
-}
-
-.c3-axis {
-  fill: #868e96;
-}
--- a/dist/assets/plugins/fullcalendar/plugin.min.css
+++ b/dist/assets/plugins/fullcalendar/plugin.min.css
--- a/dist/assets/plugins/iconfonts/plugin.min.css
+++ b/dist/assets/plugins/iconfonts/plugin.min.css
--- a/dist/assets/plugins/maps-google/plugin.min.css
+++ b/dist/assets/plugins/maps-google/plugin.min.css
--- a/dist/assets/plugins/prismjs/plugin.min.css
+++ b/dist/assets/plugins/prismjs/plugin.min.css
@@ -1,198 +0,0 @@
-@charset "UTF-8";
-/* PrismJS 1.9.0
-http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+ruby+json+less+php+python+jsx+sass+scss+sql&plugins=line-highlight+line-numbers */
-/**
- * prism.js default theme for JavaScript, CSS and HTML
- * Based on dabblet (http://dabblet.com)
- * @author Lea Verou
- */
-.token.comment,
-.token.prolog,
-.token.doctype,
-.token.cdata {
-  color: slategray;
-}
-
-.token.punctuation {
-  color: #999;
-}
-
-.namespace {
-  opacity: .7;
-}
-
-.token.property,
-.token.tag,
-.token.boolean,
-.token.number,
-.token.constant,
-.token.symbol,
-.token.deleted {
-  color: #905;
-}
-
-.token.selector,
-.token.attr-name,
-.token.string,
-.token.char,
-.token.builtin,
-.token.inserted {
-  color: #690;
-}
-
-.token.operator,
-.token.entity,
-.token.url,
-.language-css .token.string,
-.style .token.string {
-  color: #a67f59;
-  background: rgba(255, 255, 255, 0.5);
-}
-
-.token.atrule,
-.token.attr-value,
-.token.keyword {
-  color: #07a;
-}
-
-.token.function {
-  color: #dd4a68;
-}
-
-.token.regex,
-.token.important,
-.token.variable {
-  color: #e90;
-}
-
-.token.important,
-.token.bold {
-  font-weight: bold;
-}
-
-.token.italic {
-  font-style: italic;
-}
-
-.token.entity {
-  cursor: help;
-}
-
-pre[data-line] {
-  position: relative;
-}
-
-.line-highlight {
-  position: absolute;
-  left: 0;
-  right: 0;
-  margin-top: 1em;
-  /* Same as .prism’s padding-top */
-  background: rgba(255, 255, 0, 0.1);
-  pointer-events: none;
-  line-height: inherit;
-  white-space: pre;
-}
-
-.line-highlight:before,
-.line-highlight[data-end]:after {
-  content: attr(data-start);
-  position: absolute;
-  top: .4em;
-  left: .6em;
-  min-width: 1em;
-  padding: 0 .5em;
-  background-color: rgba(153, 122, 102, 0.4);
-  color: #f5f2f0;
-  font: bold 65%/1.5 sans-serif;
-  text-align: center;
-  vertical-align: .3em;
-  border-radius: 999px;
-  text-shadow: none;
-  box-shadow: 0 1px white;
-}
-
-.line-highlight[data-end]:after {
-  content: attr(data-end);
-  top: auto;
-  bottom: .4em;
-}
-
-.line-numbers .line-highlight:before,
-.line-numbers .line-highlight:after {
-  content: none;
-}
-
-pre.line-numbers {
-  position: relative;
-  padding-left: 3.8em;
-  counter-reset: linenumber;
-}
-
-pre.line-numbers > code {
-  position: relative;
-  white-space: inherit;
-}
-
-.line-numbers .line-numbers-rows {
-  position: absolute;
-  pointer-events: none;
-  top: 0;
-  font-size: 100%;
-  left: -3.8em;
-  width: 3em;
-  /* works for line-numbers below 1000 lines */
-  letter-spacing: -1px;
-  border-right: 1px solid rgba(0, 40, 100, 0.12);
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-
-.line-numbers-rows > span {
-  pointer-events: none;
-  display: block;
-  counter-increment: linenumber;
-}
-
-.line-numbers-rows > span:before {
-  content: counter(linenumber);
-  color: rgba(134, 142, 150, 0.5);
-  display: block;
-  padding-right: 0.8em;
-  text-align: right;
-}
-
-pre.code-toolbar {
-  position: relative;
-}
-
-pre.code-toolbar > .toolbar {
-  position: absolute;
-  top: .3em;
-  right: .2em;
-  transition: opacity 0.3s ease-in-out;
-  opacity: 1;
-}
-
-pre.code-toolbar > .toolbar .toolbar-item {
-  display: inline-block;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-
-pre.code-toolbar > .toolbar a {
-  cursor: pointer;
-}
-
-pre.code-toolbar > .toolbar a,
-pre.code-toolbar > .toolbar button,
-pre.code-toolbar > .toolbar span {
-  color: #868e96;
-  padding: 0 .5em;
-  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
-  font-size: px2rem(14px);
-}
--- a/dist/blog.html
+++ b/dist/blog.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
--- a/dist/cards.html
+++ b/dist/cards.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>Cards design - tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
--- a/dist/charts.html
+++ b/dist/charts.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>Charts - tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
--- a/dist/crypto-currencies.html
+++ b/dist/crypto-currencies.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>Crypto currencies - tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
--- a/dist/docs/alerts.html
+++ b/dist/docs/alerts.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="../favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>Alerts - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
--- a/dist/docs/avatars.html
+++ b/dist/docs/avatars.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="../favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>Avatars - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
--- a/dist/docs/buttons.html
+++ b/dist/docs/buttons.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="../favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>Buttons - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
--- a/dist/docs/cards.html
+++ b/dist/docs/cards.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="../favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>Cards - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
--- a/dist/docs/charts.html
+++ b/dist/docs/charts.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="../favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>Charts - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
--- a/dist/docs/colors.html
+++ b/dist/docs/colors.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="../favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>Colors - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
--- a/dist/docs/form-components.html
+++ b/dist/docs/form-components.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="../favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>Form components - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -219,94 +219,134 @@
                      <div class="example">
                        <div class="form-group">
                          <label class="form-label">Color Input</label>
-                          <div class="d-flex">
-                            <label class="colorinput mr-2">
-                              <input name="color" type="checkbox" value="azure" class="colorinput-input" />
-                              <span class="colorinput-color bg-azure"></span>
-                            </label>
-                            <label class="colorinput mr-2">
-                              <input name="color" type="checkbox" value="indigo" class="colorinput-input" checked="" />
-                              <span class="colorinput-color bg-indigo"></span>
-                            </label>
-                            <label class="colorinput mr-2">
-                              <input name="color" type="checkbox" value="purple" class="colorinput-input" />
-                              <span class="colorinput-color bg-purple"></span>
-                            </label>
-                            <label class="colorinput mr-2">
-                              <input name="color" type="checkbox" value="pink" class="colorinput-input" />
-                              <span class="colorinput-color bg-pink"></span>
-                            </label>
-                            <label class="colorinput mr-2">
-                              <input name="color" type="checkbox" value="red" class="colorinput-input" />
-                              <span class="colorinput-color bg-red"></span>
-                            </label>
-                            <label class="colorinput mr-2">
-                              <input name="color" type="checkbox" value="orange" class="colorinput-input" />
-                              <span class="colorinput-color bg-orange"></span>
-                            </label>
-                            <label class="colorinput mr-2">
-                              <input name="color" type="checkbox" value="yellow" class="colorinput-input" />
-                              <span class="colorinput-color bg-yellow"></span>
-                            </label>
-                            <label class="colorinput mr-2">
-                              <input name="color" type="checkbox" value="lime" class="colorinput-input" />
-                              <span class="colorinput-color bg-lime"></span>
-                            </label>
-                            <label class="colorinput mr-2">
-                              <input name="color" type="checkbox" value="green" class="colorinput-input" />
-                              <span class="colorinput-color bg-green"></span>
-                            </label>
-                            <label class="colorinput mr-2">
-                              <input name="color" type="checkbox" value="teal" class="colorinput-input" />
-                              <span class="colorinput-color bg-teal"></span>
-                            </label>
+                          <div class="row gutters-xs">
+                            <div class="col-auto">
+                              <label class="colorinput">
+                                <input name="color" type="checkbox" value="azure" class="colorinput-input" />
+                                <span class="colorinput-color bg-azure"></span>
+                              </label>
+                            </div>
+                            <div class="col-auto">
+                              <label class="colorinput">
+                                <input name="color" type="checkbox" value="indigo" class="colorinput-input" checked="" />
+                                <span class="colorinput-color bg-indigo"></span>
+                              </label>
+                            </div>
+                            <div class="col-auto">
+                              <label class="colorinput">
+                                <input name="color" type="checkbox" value="purple" class="colorinput-input" />
+                                <span class="colorinput-color bg-purple"></span>
+                              </label>
+                            </div>
+                            <div class="col-auto">
+                              <label class="colorinput">
+                                <input name="color" type="checkbox" value="pink" class="colorinput-input" />
+                                <span class="colorinput-color bg-pink"></span>
+                              </label>
+                            </div>
+                            <div class="col-auto">
+                              <label class="colorinput">
+                                <input name="color" type="checkbox" value="red" class="colorinput-input" />
+                                <span class="colorinput-color bg-red"></span>
+                              </label>
+                            </div>
+                            <div class="col-auto">
+                              <label class="colorinput">
+                                <input name="color" type="checkbox" value="orange" class="colorinput-input" />
+                                <span class="colorinput-color bg-orange"></span>
+                              </label>
+                            </div>
+                            <div class="col-auto">
+                              <label class="colorinput">
+                                <input name="color" type="checkbox" value="yellow" class="colorinput-input" />
+                                <span class="colorinput-color bg-yellow"></span>
+                              </label>
+                            </div>
+                            <div class="col-auto">
+                              <label class="colorinput">
+                                <input name="color" type="checkbox" value="lime" class="colorinput-input" />
+                                <span class="colorinput-color bg-lime"></span>
+                              </label>
+                            </div>
+                            <div class="col-auto">
+                              <label class="colorinput">
+                                <input name="color" type="checkbox" value="green" class="colorinput-input" />
+                                <span class="colorinput-color bg-green"></span>
+                              </label>
+                            </div>
+                            <div class="col-auto">
+                              <label class="colorinput">
+                                <input name="color" type="checkbox" value="teal" class="colorinput-input" />
+                                <span class="colorinput-color bg-teal"></span>
+                              </label>
+                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="highlight">
                        <pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"form-group"</span><span class="nt">&gt;</span>
  <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-label"</span><span class="nt">&gt;</span>Color Input<span class="nt">&lt;/label&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;label</span> <span class="na">class=</span><span class="s">"colorinput mr-2"</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">"azure"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span> <span class="nt">/&gt;</span>
-      <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-azure"</span><span class="nt">&gt;&lt;/span&gt;</span>
-    <span class="nt">&lt;/label&gt;</span>
-    <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"colorinput mr-2"</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">"indigo"</span> <span class="na">class=</span><span class="s">"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">"colorinput-color bg-indigo"</span><span class="nt">&gt;&lt;/span&gt;</span>
-    <span class="nt">&lt;/label&gt;</span>
-    <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"colorinput mr-2"</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">"purple"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span> <span class="nt">/&gt;</span>
-      <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-purple"</span><span class="nt">&gt;&lt;/span&gt;</span>
-    <span class="nt">&lt;/label&gt;</span>
-    <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"colorinput mr-2"</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">"pink"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span> <span class="nt">/&gt;</span>
-      <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-pink"</span><span class="nt">&gt;&lt;/span&gt;</span>
-    <span class="nt">&lt;/label&gt;</span>
-    <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"colorinput mr-2"</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">"red"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span> <span class="nt">/&gt;</span>
-      <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-red"</span><span class="nt">&gt;&lt;/span&gt;</span>
-    <span class="nt">&lt;/label&gt;</span>
-    <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"colorinput mr-2"</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">"orange"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span> <span class="nt">/&gt;</span>
-      <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-orange"</span><span class="nt">&gt;&lt;/span&gt;</span>
-    <span class="nt">&lt;/label&gt;</span>
-    <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"colorinput mr-2"</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">"yellow"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span> <span class="nt">/&gt;</span>
-      <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-yellow"</span><span class="nt">&gt;&lt;/span&gt;</span>
-    <span class="nt">&lt;/label&gt;</span>
-    <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"colorinput mr-2"</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">"lime"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span> <span class="nt">/&gt;</span>
-      <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-lime"</span><span class="nt">&gt;&lt;/span&gt;</span>
-    <span class="nt">&lt;/label&gt;</span>
-    <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"colorinput mr-2"</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">"colorinput-input"</span> <span class="nt">/&gt;</span>
-      <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-green"</span><span class="nt">&gt;&lt;/span&gt;</span>
-    <span class="nt">&lt;/label&gt;</span>
-    <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"colorinput mr-2"</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">"teal"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span> <span class="nt">/&gt;</span>
-      <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-teal"</span><span class="nt">&gt;&lt;/span&gt;</span>
-    <span class="nt">&lt;/label&gt;</span>
+  <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"row gutters-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">"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">"azure"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span> <span class="nt">/&gt;</span>
+        <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-azure"</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">"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">"indigo"</span> <span class="na">class=</span><span class="s">"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">"colorinput-color bg-indigo"</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">"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">"purple"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span> <span class="nt">/&gt;</span>
+        <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-purple"</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">"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">"pink"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span> <span class="nt">/&gt;</span>
+        <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-pink"</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">"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">"red"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span> <span class="nt">/&gt;</span>
+        <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-red"</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">"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">"orange"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span> <span class="nt">/&gt;</span>
+        <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-orange"</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">"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">"yellow"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span> <span class="nt">/&gt;</span>
+        <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-yellow"</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">"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">"lime"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span> <span class="nt">/&gt;</span>
+        <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"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">"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">"colorinput-input"</span> <span class="nt">/&gt;</span>
+        <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"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</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">"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">"teal"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span> <span class="nt">/&gt;</span>
+        <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-teal"</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>
--- a/dist/docs/grid.html
+++ b/dist/docs/grid.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="../favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>Grid utilities - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
--- a/dist/docs/index.html
+++ b/dist/docs/index.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="../favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>Introduction - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
--- a/dist/docs/tags.html
+++ b/dist/docs/tags.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="../favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>Tags - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
--- a/dist/docs/typography.html
+++ b/dist/docs/typography.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="../favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>Typography - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
--- a/dist/email.html
+++ b/dist/email.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>Email - tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
--- a/dist/empty.html
+++ b/dist/empty.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>Empty page - tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
--- a/dist/forgot-password.html
+++ b/dist/forgot-password.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>Forgot password - tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
--- a/dist/form-elements.html
+++ b/dist/form-elements.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -288,47 +288,67 @@
                        </div>
                        <div class="form-group">
                          <label class="form-label">Color Input</label>
-                          <div class="d-flex">
-                            <label class="colorinput mr-2">
-                              <input name="color" type="checkbox" value="azure" class="colorinput-input" />
-                              <span class="colorinput-color bg-azure"></span>
-                            </label>
-                            <label class="colorinput mr-2">
-                              <input name="color" type="checkbox" value="indigo" class="colorinput-input"  checked/>
-                              <span class="colorinput-color bg-indigo"></span>
-                            </label>
-                            <label class="colorinput mr-2">
-                              <input name="color" type="checkbox" value="purple" class="colorinput-input" />
-                              <span class="colorinput-color bg-purple"></span>
-                            </label>
-                            <label class="colorinput mr-2">
-                              <input name="color" type="checkbox" value="pink" class="colorinput-input" />
-                              <span class="colorinput-color bg-pink"></span>
-                            </label>
-                            <label class="colorinput mr-2">
-                              <input name="color" type="checkbox" value="red" class="colorinput-input" />
-                              <span class="colorinput-color bg-red"></span>
-                            </label>
-                            <label class="colorinput mr-2">
-                              <input name="color" type="checkbox" value="orange" class="colorinput-input" />
-                              <span class="colorinput-color bg-orange"></span>
-                            </label>
-                            <label class="colorinput mr-2">
-                              <input name="color" type="checkbox" value="yellow" class="colorinput-input" />
-                              <span class="colorinput-color bg-yellow"></span>
-                            </label>
-                            <label class="colorinput mr-2">
-                              <input name="color" type="checkbox" value="lime" class="colorinput-input" />
-                              <span class="colorinput-color bg-lime"></span>
-                            </label>
-                            <label class="colorinput mr-2">
-                              <input name="color" type="checkbox" value="green" class="colorinput-input" />
-                              <span class="colorinput-color bg-green"></span>
-                            </label>
-                            <label class="colorinput mr-2">
-                              <input name="color" type="checkbox" value="teal" class="colorinput-input" />
-                              <span class="colorinput-color bg-teal"></span>
-                            </label>
+                          <div class="row gutters-xs">
+                            <div class="col-auto">
+                              <label class="colorinput">
+                                <input name="color" type="checkbox" value="azure" class="colorinput-input" />
+                                <span class="colorinput-color bg-azure"></span>
+                              </label>
+                            </div>
+                            <div class="col-auto">
+                              <label class="colorinput">
+                                <input name="color" type="checkbox" value="indigo" class="colorinput-input"  checked/>
+                                <span class="colorinput-color bg-indigo"></span>
+                              </label>
+                            </div>
+                            <div class="col-auto">
+                              <label class="colorinput">
+                                <input name="color" type="checkbox" value="purple" class="colorinput-input" />
+                                <span class="colorinput-color bg-purple"></span>
+                              </label>
+                            </div>
+                            <div class="col-auto">
+                              <label class="colorinput">
+                                <input name="color" type="checkbox" value="pink" class="colorinput-input" />
+                                <span class="colorinput-color bg-pink"></span>
+                              </label>
+                            </div>
+                            <div class="col-auto">
+                              <label class="colorinput">
+                                <input name="color" type="checkbox" value="red" class="colorinput-input" />
+                                <span class="colorinput-color bg-red"></span>
+                              </label>
+                            </div>
+                            <div class="col-auto">
+                              <label class="colorinput">
+                                <input name="color" type="checkbox" value="orange" class="colorinput-input" />
+                                <span class="colorinput-color bg-orange"></span>
+                              </label>
+                            </div>
+                            <div class="col-auto">
+                              <label class="colorinput">
+                                <input name="color" type="checkbox" value="yellow" class="colorinput-input" />
+                                <span class="colorinput-color bg-yellow"></span>
+                              </label>
+                            </div>
+                            <div class="col-auto">
+                              <label class="colorinput">
+                                <input name="color" type="checkbox" value="lime" class="colorinput-input" />
+                                <span class="colorinput-color bg-lime"></span>
+                              </label>
+                            </div>
+                            <div class="col-auto">
+                              <label class="colorinput">
+                                <input name="color" type="checkbox" value="green" class="colorinput-input" />
+                                <span class="colorinput-color bg-green"></span>
+                              </label>
+                            </div>
+                            <div class="col-auto">
+                              <label class="colorinput">
+                                <input name="color" type="checkbox" value="teal" class="colorinput-input" />
+                                <span class="colorinput-color bg-teal"></span>
+                              </label>
+                            </div>
                          </div>
                        </div>
                        <div class="form-group">
--- a/dist/gallery.html
+++ b/dist/gallery.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
--- a/dist/icons.html
+++ b/dist/icons.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>Icons - tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
--- a/dist/index.html
+++ b/dist/index.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>Homepage - tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -264,53 +264,55 @@
                    <h3 class="card-title">Development Activity</h3>
                  </div>
                  <div id="chart-development-activity" style="height: 10rem"></div>
-                  <table class="table card-table table-striped table-vcenter">
-                    <thead>
-                      <tr>
-                        <th colspan="2">User</th>
-                        <th>Commit</th>
-                        <th>Date</th>
-                        <th></th>
-                      </tr>
-                    </thead>
-                    <tbody>
-                      <tr>
-                        <td class="w-1"><span class="avatar" style="background-image: url(./demo/faces/male/9.jpg)"></span></td>
-                        <td>Ronald Bradley</td>
-                        <td>Initial commit</td>
-                        <td>May 6, 2018</td>
-                        <td class="w-1"><a href="#" class="icon"><i class="fe fe-trash"></i></a></td>
-                      </tr>
-                      <tr>
-                        <td><span class="avatar">BM</span></td>
-                        <td>Russell Gibson</td>
-                        <td>Main structure</td>
-                        <td>April 22, 2018</td>
-                        <td><a href="#" class="icon"><i class="fe fe-trash"></i></a></td>
-                      </tr>
-                      <tr>
-                        <td><span class="avatar" style="background-image: url(./demo/faces/female/1.jpg)"></span></td>
-                        <td>Beverly Armstrong</td>
-                        <td>Left sidebar adjusments</td>
-                        <td>April 15, 2018</td>
-                        <td><a href="#" class="icon"><i class="fe fe-trash"></i></a></td>
-                      </tr>
-                      <tr>
-                        <td><span class="avatar" style="background-image: url(./demo/faces/male/4.jpg)"></span></td>
-                        <td>Bobby Knight</td>
-                        <td>Topbar dropdown style</td>
-                        <td>April 8, 2018</td>
-                        <td><a href="#" class="icon"><i class="fe fe-trash"></i></a></td>
-                      </tr>
-                      <tr>
-                        <td><span class="avatar" style="background-image: url(./demo/faces/female/11.jpg)"></span></td>
-                        <td>Sharon Wells</td>
-                        <td>Fixes #625</td>
-                        <td>April 9, 2018</td>
-                        <td><a href="#" class="icon"><i class="fe fe-trash"></i></a></td>
-                      </tr>
-                    </tbody>
-                  </table>
+                  <div class="table-responsive">
+                    <table class="table card-table table-striped table-vcenter">
+                      <thead>
+                        <tr>
+                          <th colspan="2">User</th>
+                          <th>Commit</th>
+                          <th>Date</th>
+                          <th></th>
+                        </tr>
+                      </thead>
+                      <tbody>
+                        <tr>
+                          <td class="w-1"><span class="avatar" style="background-image: url(./demo/faces/male/9.jpg)"></span></td>
+                          <td>Ronald Bradley</td>
+                          <td>Initial commit</td>
+                          <td class="text-nowrap">May 6, 2018</td>
+                          <td class="w-1"><a href="#" class="icon"><i class="fe fe-trash"></i></a></td>
+                        </tr>
+                        <tr>
+                          <td><span class="avatar">BM</span></td>
+                          <td>Russell Gibson</td>
+                          <td>Main structure</td>
+                          <td class="text-nowrap">April 22, 2018</td>
+                          <td><a href="#" class="icon"><i class="fe fe-trash"></i></a></td>
+                        </tr>
+                        <tr>
+                          <td><span class="avatar" style="background-image: url(./demo/faces/female/1.jpg)"></span></td>
+                          <td>Beverly Armstrong</td>
+                          <td>Left sidebar adjusments</td>
+                          <td class="text-nowrap">April 15, 2018</td>
+                          <td><a href="#" class="icon"><i class="fe fe-trash"></i></a></td>
+                        </tr>
+                        <tr>
+                          <td><span class="avatar" style="background-image: url(./demo/faces/male/4.jpg)"></span></td>
+                          <td>Bobby Knight</td>
+                          <td>Topbar dropdown style</td>
+                          <td class="text-nowrap">April 8, 2018</td>
+                          <td><a href="#" class="icon"><i class="fe fe-trash"></i></a></td>
+                        </tr>
+                        <tr>
+                          <td><span class="avatar" style="background-image: url(./demo/faces/female/11.jpg)"></span></td>
+                          <td>Sharon Wells</td>
+                          <td>Fixes #625</td>
+                          <td class="text-nowrap">April 9, 2018</td>
+                          <td><a href="#" class="icon"><i class="fe fe-trash"></i></a></td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </div>
                </div>
                <script>
                  require(['c3', 'jquery'], function(c3, $) {
@@ -382,10 +384,10 @@
                  });
                </script>
              </div>
-              <div class="col-sm-6">
+              <div class="col-md-6">
                <div class="alert alert-primary">Are you in trouble? <a href="./docs/index.html" class="alert-link">Read our documentation</a> with code samples.</div>
                <div class="row">
-                  <div class="col-6">
+                  <div class="col-sm-6">
                    <div class="card">
                      <div class="card-header">
                        <h3 class="card-title">Chart title</h3>
@@ -430,7 +432,7 @@
                      });
                    </script>
                  </div>
-                  <div class="col-6">
+                  <div class="col-sm-6">
                    <div class="card">
                      <div class="card-header">
                        <h3 class="card-title">Chart title</h3>
@@ -481,7 +483,7 @@
                      });
                    </script>
                  </div>
-                  <div class="col-4">
+                  <div class="col-sm-4">
                    <div class="card">
                      <div class="card-body text-center">
                        <div class="h5">New fedbacks</div>
@@ -492,7 +494,7 @@
                      </div>
                    </div>
                  </div>
-                  <div class="col-4">
+                  <div class="col-sm-4">
                    <div class="card">
                      <div class="card-body text-center">
                        <div class="h5">Today profit</div>
@@ -503,7 +505,7 @@
                      </div>
                    </div>
                  </div>
-                  <div class="col-4">
+                  <div class="col-sm-4">
                    <div class="card">
                      <div class="card-body text-center">
                        <div class="h5">Users online</div>
@@ -612,7 +614,7 @@
            <div class="row row-cards row-deck">
              <div class="col-12">
                <div class="card">
-                  <table class="table table-responsive-sm table-hover table-outline table-vcenter card-table">
+                  <table class="table table-responsive table-hover table-outline table-vcenter text-nowrap card-table">
                    <thead>
                      <tr>
                        <th class="text-center w-1"><i class="icon-people"></i></th>
@@ -634,7 +636,7 @@
                        <td>
                          <div>Elizabeth Martin</div>
                          <div class="small text-muted">
-                            Registered: Feb 26, 2018
+                            Registered: Feb 27, 2018
                          </div>
                        </td>
                        <td>
@@ -734,7 +736,7 @@
                        <td>
                          <div>Crystal Austin</div>
                          <div class="small text-muted">
-                            Registered: Mar 17, 2018
+                            Registered: Mar 18, 2018
                          </div>
                        </td>
                        <td>
@@ -884,7 +886,7 @@
                        <td>
                          <div>Emma Wade</div>
                          <div class="small text-muted">
-                            Registered: Feb 27, 2018
+                            Registered: Feb 28, 2018
                          </div>
                        </td>
                        <td>
@@ -934,7 +936,7 @@
                        <td>
                          <div>Carol Henderson</div>
                          <div class="small text-muted">
-                            Registered: Feb 1, 2018
+                            Registered: Feb 2, 2018
                          </div>
                        </td>
                        <td>
@@ -984,7 +986,7 @@
                        <td>
                          <div>Christopher Harvey</div>
                          <div class="small text-muted">
-                            Registered: Jan 1, 2018
+                            Registered: Jan 2, 2018
                          </div>
                        </td>
                        <td>
@@ -1113,7 +1115,7 @@
                  </table>
                </div>
              </div>
-              <div class="col-sm-6 col-lg-4">
+              <div class="col-md-6 col-lg-4">
                <div class="card">
                  <div class="card-header">
                    <h3 class="card-title">Members</h3>
@@ -1274,9 +1276,9 @@
                  </div>
                </div>
              </div>
-              <div class="col-sm-6 col-lg-12">
+              <div class="col-md-6 col-lg-12">
                <div class="row">
-                  <div class="col-lg-3">
+                  <div class="col-sm-6 col-lg-3">
                    <div class="card">
                      <div class="card-body">
                        <div class="card-value pull-right text-blue">+5%</div>
@@ -1348,7 +1350,7 @@
                      });
                    </script>
                  </div>
-                  <div class="col-lg-3">
+                  <div class="col-sm-6 col-lg-3">
                    <div class="card">
                      <div class="card-body">
                        <div class="card-value pull-right text-red">-3%</div>
@@ -1420,7 +1422,7 @@
                      });
                    </script>
                  </div>
-                  <div class="col-lg-3">
+                  <div class="col-sm-6 col-lg-3">
                    <div class="card">
                      <div class="card-body">
                        <div class="card-value pull-right text-green">-3%</div>
@@ -1492,7 +1494,7 @@
                      });
                    </script>
                  </div>
-                  <div class="col-lg-3">
+                  <div class="col-sm-6 col-lg-3">
                    <div class="card">
                      <div class="card-body">
                        <div class="card-value pull-right text-yellow">9%</div>
@@ -1582,12 +1584,8 @@
                          <th>Created</th>
                          <th>Status</th>
                          <th>Price</th>
-                          <th>
-                            <span class="sr-only">Actions</span>
-                          </th>
-                          <th>
-                            <span class="sr-only">Download</span>
-                          </th>
+                          <th></th>
+                          <th></th>
                        </tr>
                      </thead>
                      <tbody>
--- a/dist/invoice.html
+++ b/dist/invoice.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>Invoice - tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
--- a/dist/login.html
+++ b/dist/login.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>Login - tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
--- a/dist/lookup.html
+++ b/dist/lookup.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>Lookup company - tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
--- a/dist/maps.html
+++ b/dist/maps.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>Maps - tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
--- a/dist/pagination.html
+++ b/dist/pagination.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>Pagination - tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
--- a/dist/pricing-cards.html
+++ b/dist/pricing-cards.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>Pricing cards - tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
--- a/dist/profile.html
+++ b/dist/profile.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>Profile - tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
--- a/dist/register.html
+++ b/dist/register.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>Register - tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
--- a/dist/sample-cards.html
+++ b/dist/sample-cards.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>Homepage - tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -1044,12 +1044,8 @@
                          <th>Created</th>
                          <th>Status</th>
                          <th>Price</th>
-                          <th>
-                            <span class="sr-only">Actions</span>
-                          </th>
-                          <th>
-                            <span class="sr-only">Download</span>
-                          </th>
+                          <th></th>
+                          <th></th>
                        </tr>
                      </thead>
                      <tbody>
--- a/dist/store.html
+++ b/dist/store.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>Store components - tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -192,7 +192,7 @@
                    <div class="card">
                      <div class="card-body">
                        <div class="mb-4 text-center">
-                          <img src="assets/images/products/apple-iphone7-special.jpg" alt="Apple iPhone 7 128GB" class="img-fluid">
+                          <img src="demo/products/apple-iphone7-special.jpg" alt="Apple iPhone 7 128GB" class="img-fluid">
                        </div>
                        <h4 class="card-title"><a href="javascript:void(0)">Apple iPhone 7 Plus 256GB Red Special Edition</a></h4>
                        <div class="card-subtitle">
@@ -213,7 +213,7 @@
                    <div class="card">
                      <div class="card-body">
                        <div class="mb-4 text-center">
-                          <img src="assets/images/products/gopro-hero.jpg" alt="Apple iPhone 7 128GB" class="img-fluid">
+                          <img src="demo/products/gopro-hero.jpg" alt="Apple iPhone 7 128GB" class="img-fluid">
                        </div>
                        <h4 class="card-title"><a href="javascript:void(0)">GoPro HERO6 Black</a></h4>
                        <div class="card-subtitle">
@@ -236,7 +236,7 @@
                <div class="card">
                  <table class="table card-table table-vcenter">
                    <tr>
-                      <td><img src="assets/images/products/apple-iphone7-special.jpg" alt="" class="h-8"></td>
+                      <td><img src="demo/products/apple-iphone7-special.jpg" alt="" class="h-8"></td>
                      <td>
                        Apple iPhone 7 Plus 256GB Red Special Edition
                      </td>
@@ -247,7 +247,7 @@
                      </td>
                    </tr>
                    <tr>
-                      <td><img src="assets/images/products/apple-macbook-pro.jpg" alt="" class="h-8"></td>
+                      <td><img src="demo/products/apple-macbook-pro.jpg" alt="" class="h-8"></td>
                      <td>
                        Apple MacBook Pro i7 3,1GHz/16/512/Radeon 560 Space Gray
                        <div class="badge badge-default badge-md">New</div>
@@ -259,7 +259,7 @@
                      </td>
                    </tr>
                    <tr>
-                      <td><img src="assets/images/products/apple-iphone7.jpg" alt="" class="h-8"></td>
+                      <td><img src="demo/products/apple-iphone7.jpg" alt="" class="h-8"></td>
                      <td>
                        Apple iPhone 7 32GB Jet Black
                      </td>
@@ -270,7 +270,7 @@
                      </td>
                    </tr>
                    <tr>
-                      <td><img src="assets/images/products/gopro-hero.jpg" alt="" class="h-8"></td>
+                      <td><img src="demo/products/gopro-hero.jpg" alt="" class="h-8"></td>
                      <td>
                        GoPro HERO6 Black
                        <div class="badge badge-default badge-md">New</div>
@@ -282,7 +282,7 @@
                      </td>
                    </tr>
                    <tr>
-                      <td><img src="assets/images/products/msi.jpg" alt="" class="h-8"></td>
+                      <td><img src="demo/products/msi.jpg" alt="" class="h-8"></td>
                      <td>
                        MSI GV62 i5-7300HQ/8GB/1TB/Win10X GTX1050
                      </td>
@@ -293,7 +293,7 @@
                      </td>
                    </tr>
                    <tr>
-                      <td><img src="assets/images/products/xiaomi-mi.jpg" alt="" class="h-8"></td>
+                      <td><img src="demo/products/xiaomi-mi.jpg" alt="" class="h-8"></td>
                      <td>
                        Xiaomi Mi A1 64GB Black
                        <div class="badge badge-default badge-md">New</div>
@@ -305,7 +305,7 @@
                      </td>
                    </tr>
                    <tr>
-                      <td><img src="assets/images/products/huawei-mate.jpg" alt="" class="h-8"></td>
+                      <td><img src="demo/products/huawei-mate.jpg" alt="" class="h-8"></td>
                      <td>
                        Huawei Mate 10 Pro Dual SIM Gray
                      </td>
@@ -316,7 +316,7 @@
                      </td>
                    </tr>
                    <tr>
-                      <td><img src="assets/images/products/sony-kd.jpg" alt="" class="h-8"></td>
+                      <td><img src="demo/products/sony-kd.jpg" alt="" class="h-8"></td>
                      <td>
                        Sony KD-49XE7005
                        <div class="badge badge-default badge-md">New</div>
@@ -328,7 +328,7 @@
                      </td>
                    </tr>
                    <tr>
-                      <td><img src="assets/images/products/samsung-galaxy.jpg" alt="" class="h-8"></td>
+                      <td><img src="demo/products/samsung-galaxy.jpg" alt="" class="h-8"></td>
                      <td>
                        Samsung Galaxy A5 A520F 2017 LTE Black Sky
                      </td>
--- a/dist/users-list.html
+++ b/dist/users-list.html
@@ -14,7 +14,7 @@
    <meta name="MobileOptimized" content="320">
    <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-26 17:42:19 +0200 -->
+    <!-- Generated: 2018-03-27 11:37:45 +0200 -->
    <title>tabler.github.io - a responsive, flat and full featured admin template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
  "name": "tabler-ui",
  "description": "Premium and Open Source dashboard template with responsive and high quality UI. For Free!",
-  "version": "0.0.9",
+  "version": "0.0.12",
  "keywords": [
    "css",
    "sass",
Author	SHA1	Message	Date
chomik	d749fbfd4a	0.0.12	2018-03-27 11:37:55 +02:00
chomik	bf688f4012	version 0.0.12	2018-03-27 11:37:46 +02:00
chomik	33f9002af8	version 0.0.11	2018-03-27 11:34:06 +02:00
chomik	bceab0920c	0.0.11	2018-03-27 11:30:11 +02:00
chomik	033aac3f5b	0.0.9	2018-03-27 11:30:02 +02:00
chomik	93cfdaa9c8	0.0.10	2018-03-27 11:29:58 +02:00