0.0.21

Support composer

.gitignore

@@ -16,3 +16,4 @@ generated-site
 deploy-site
 /commits.sh
 /assets/css/
+/vendor/

README.md

@@ -1,42 +1,30 @@
-<p align="center">
+# Tabler 
-  <a href="https://tabler.github.io/">
-    <img src="https://tabler.github.io/assets/images/logo-default.svg" alt="Tabler" width="72" height="72">
-  </a>
-</p>
 
-<h3 align="center">Tabler - Admin panel made simple</h3>
+<a href="https://buddy.works"><img src="https://assets.buddy.works/automated-dark.svg" alt="Automated by Buddy" align="right"></a>
 
-<p align="center">
+Premium and Open Source dashboard template with responsive and high quality UI.
-Premium and Open Source dashboard template with responsive and high quality UI. For Free!
-</p>
-
-<p align="center">
-	<strong>
-	  <a href="https://tabler.github.io/demo/">View Demo</a> | <a href="https://github.com/tabler/tabler/archive/master.zip">Download ZIP</a>
-	</strong>
-</p>
-
-<p align="center">
-    <a href="https://www.npmjs.com/package/tabler-ui"><img src="https://img.shields.io/npm/dt/tabler-ui.svg" alt="Total Downloads"></a>
-    <a href="https://github.com/tabler/tabler/releases"><img src="https://img.shields.io/npm/v/tabler-ui.svg" alt="Latest Release"></a>
-    <a href="https://github.com/tabler/tabler/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/tabler-ui.svg" alt="License"></a>
-    <a href="https://david-dm.org/tabler/tabler?type=dev"><img src="https://img.shields.io/david/dev/tabler/tabler.svg" alt="devDependency Status"></a>
-</p>
 
+<strong><a href="https://tabler.github.io/demo/">View Demo</a> | <a href="https://github.com/tabler/tabler/archive/master.zip">Download ZIP</a></strong>
 
+<br><br>
 
 ![Tabler preview](https://tabler.github.io/assets/images/dashboard.png)
 
-----------
+## Features
 
-## About Tabler
+<img src="https://tabler.github.io/assets/images/features/features-2.png" width="400" align="right" style="max-width: 50%">
 
-We’ve created this admin panel for everyone who wants to create any templates based on our ready components. Our mission is to deliver a user-friendly, clear and easy administration panel, that can be used by both, simple websites and sophisticated systems. The only requirement is a basic HTML and CSS knowledge—as a reward, you'll be able to manage and visualize different types of data in the easiest possible way!
+We’ve created this admin panel for everyone who wants to create any template based on our ready components. Our mission is to deliver a user-friendly, clear and easy administration panel, that can be used by both, simple websites and sophisticated systems. The only requirement is a basic HTML and CSS knowledge, as a reward, you'll be able to manage and visualize different types of data in the easiest possible way!
 
-After using many of different admin panels, no matter free or paid, we've noticed they all had a lot of defects—and the main one was resource intensity.
+* **Responsive:** With support for mobile, tablet and desktop it doesn’t matter what device you’re using. Tabler is responsive in all major browsers.
-They were loading loads of useless components that you wouldn't ever use, so we've decided to choose a different way. The whole system is plugin-based, what means that you have a control over what is needed and what not.
+* **Cross Browser:** Our theme works perfectly with: Latest Chrome, Firefox+, Latest Safari, Opera, Internet Explorer 10+ and mobile browsers. We’re working hard to support them.
+* **HTML5 & CSS3:** We only use modern web technologies like HTML5 and CSS3. Our theme includes some subtile CSS3 animations so you will get anyone’s attention.
+* **Clean Code:** We strictly followed Bootstrap’s guidelines to make your integration as easy as possible. All code is handwritten and W3c valid.
+* **Demo pages**: Tabler features over 20 individual pages featuring various components, giving you the freedom of choosing and combining. All components can have variation in color and styling, that can easily be modified using Sass. The sky is the limit!
 
-To make the system works fast and reliable, we've converted most of the components to CSS. Thanks to this, you don't have to load a lot of unnecessary libraries into your browser what really boosts the overall speed.
+## Status
+
+<a href="https://www.npmjs.com/package/tabler-ui"><img src="https://img.shields.io/npm/dt/tabler-ui.svg" alt="Total Downloads"></a> <a href="https://github.com/tabler/tabler/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/tabler-ui.svg" alt="License"></a> <a href="https://github.com/tabler/tabler/releases"><img src="https://img.shields.io/npm/v/tabler-ui.svg" alt="Latest Release"></a> <a href="https://david-dm.org/tabler/tabler?type=dev"><img src="https://img.shields.io/david/dev/tabler/tabler.svg" alt="devDependency Status"></a> [![buddy pipeline](https://app.buddy.works/codecalm/tabler/pipelines/pipeline/131922/badge.svg?token=1ab151000ecf8700a90dd4d0d7184945d439d2642679b257092d16e76a45dce4 "buddy pipeline")](https://app.buddy.works/codecalm/tabler/pipelines/pipeline/131922)
 
 ## Documentation
 
@@ -52,15 +40,15 @@ git clone https://github.com/tabler/tabler.git
 
 ### Setup environment
 
-To use our build system and run our documentation locally, you'll need a copy of Tabler's source files and Node. Follow these steps:
+To use our build system and run documentation locally, you'll need a copy of Tabler's source files and Node. Follow the steps below:
 
-1. [Download and install Node.js](https://nodejs.org/download/), which we use to manage our dependencies.
+1. [Download and install Node.js](https://nodejs.org/download/), which is used to manage our dependencies.
-2. Navigate to the root `/tabler` directory and run `npm install` to install our local dependencies listed in `package.json`.
+2. Navigate to the root `/tabler` directory and run `npm install` to install local dependencies listed in `package.json`.
 3. [Install Ruby](https://www.ruby-lang.org/en/documentation/installation/), install [Bundler](https://bundler.io/) with `gem install bundler`, and finally run `bundle install`. This will install all Ruby dependencies, such as Jekyll and plugins.
    
    **Windows users:** Read [this guide](https://jekyllrb.com/docs/windows/) to get Jekyll up and running without problems.
   
-When completed, you'll be able to run the various commands provided from the command line.
+When completed, you'll be able to run the various commands provided in the command line.
 
 ### Build Tabler
 

_config.yml

@@ -2,6 +2,7 @@ title: Tabler
 description: tabler.github.io - a responsive, flat and full featured admin template
 
 source: src
+host: 0.0.0.0
 
 plugins:
   - jekyll-tidy
@@ -24,8 +25,6 @@ exclude:
   - .DS_Store
   - .sass-cache/
   - .asset-cache/
-  - assets/scss/*
-  - assets/plugins/**/*.scss
   - push-to-repo.sh
   - commits.sh
 

composer.json

@@ -0,0 +1,15 @@
+{
+    "name": "tabler/tabler",
+    "description": "Premium and Open Source dashboard template with responsive and high quality UI. For Free!",
+    "type": "library",
+    "license": "MIT",
+	"require": {},
+	"require-dev": {},
+	"autoload": {},
+	"authors": [
+		{
+			"name": "codecalm",
+			"email": "codecalm@gmail.com"
+		}
+	]
+}

dist-new-version.sh

@@ -0,0 +1,15 @@
+#!/usr/bin/env bash
+
+version=0.0.21
+
+echo "Version $version"
+
+npm run dist
+git add .
+git commit -am "version $version"
+npm version $version
+git push origin master && git push origin master --tags
+
+npm run publish-dist
+
+npm publish

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-04-04 16:20:21 +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">

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-04-04 16:20:21 +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">

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-04-04 16:20:21 +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">

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-04-04 16:20:21 +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">

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-04-04 16:20:21 +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">

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-04-04 16:20:21 +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">

dist/assets/js/core.js

@@ -1,6 +1,9 @@
-var hexToRgba = function(hex, opacity) {
+/**
-    var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+ *
-    var rgb = result ? {
+ */
+let hexToRgba = function(hex, opacity) {
+  let result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  let rgb = result ? {
     r: parseInt(result[1], 16),
     g: parseInt(result[2], 16),
     b: parseInt(result[3], 16)
@@ -9,29 +12,34 @@ var hexToRgba = function(hex, opacity) {
   return 'rgba(' + rgb.r + ', ' + rgb.g + ', ' + rgb.b + ', ' + opacity + ')';
 };
 
+/**
+ *
+ */
 $(document).ready(function() {
+  /** Constant div card */
+  const DIV_CARD = 'div.card';
 
-    // Initialize tooltips
+  /** Initialize tooltips */
   $('[data-toggle="tooltip"]').tooltip();
 
-    // Initialize popovers
+  /** Initialize popovers */
   $('[data-toggle="popover"]').popover({
     html: true
   });
 
-    // Function for remove card
+  /** Function for remove card */
   $('[data-toggle="card-remove"]').on('click', function(e) {
-        var $card = $(this).closest('div.card');
+    let $card = $(this).closest(DIV_CARD);
+
     $card.remove();
 
     e.preventDefault();
     return false;
   });
 
-    // Function for collapse card
+  /** Function for collapse card */
   $('[data-toggle="card-collapse"]').on('click', function(e) {
-        var $this = $(this),
+    let $card = $(this).closest(DIV_CARD);
-            $card = $this.closest('div.card');
 
     $card.toggleClass('card-collapsed');
 
@@ -39,9 +47,9 @@ $(document).ready(function () {
     return false;
   });
 
-    // Function for fullscreen card
+  /** Function for fullscreen card */
   $('[data-toggle="card-fullscreen"]').on('click', function(e) {
-        var $card = $(this).closest('div.card');
+    let $card = $(this).closest(DIV_CARD);
 
     $card.toggleClass('card-fullscreen').removeClass('card-collapsed');
 
@@ -49,8 +57,9 @@ $(document).ready(function () {
     return false;
   });
 
+  /**  */
   if ($('[data-sparkline]').length) {
-        var generateSparkline = function($elem, data, params) {
+    let generateSparkline = function($elem, data, params) {
       $elem.sparkline(data, {
         type: $elem.attr('data-sparkline-type'),
         height: '100%',
@@ -68,7 +77,7 @@ $(document).ready(function () {
 
     require(['sparkline'], function() {
       $('[data-sparkline]').each(function() {
-                var $chart = $(this);
+        let $chart = $(this);
 
         generateSparkline($chart, JSON.parse($chart.attr('data-sparkline')), {
           color: $chart.attr('data-sparkline-color')
@@ -77,11 +86,12 @@ $(document).ready(function () {
     });
   }
 
-
+  /**  */
   if ($('.chart-circle').length) {
     require(['circle-progress'], function() {
       $('.chart-circle').each(function() {
-                var $this = $(this);
+        let $this = $(this);
+
         $this.circleProgress({
           fill: {
             color: tabler.colors[$this.attr('data-color')] || tabler.colors.blue

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;

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;
-}

dist/assets/plugins/charts-c3/plugin.scss

@@ -0,0 +1,2 @@
+@import '../../scss/variables';
+@import 'scss/c3';

dist/assets/plugins/fullcalendar/plugin.scss

@@ -0,0 +1,2 @@
+@import '../../scss/variables';
+@import 'scss/fullcalendar';

dist/assets/plugins/iconfonts/plugin.scss

@@ -0,0 +1,4 @@
+@import 'scss/themify';
+@import 'scss/weathericons';
+@import 'scss/materialdesignicons';
+@import 'scss/simple-line-icons';

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);
-}

dist/assets/plugins/prismjs/plugin.scss

@@ -0,0 +1,227 @@
+@import '../../scss/variables';
+
+/* 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
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+	//color: black;
+	//background: none;
+	//text-shadow: 0 1px white;
+	//font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+	//text-align: left;
+	//white-space: pre;
+	//word-spacing: normal;
+	//word-break: normal;
+	//word-wrap: normal;
+	//line-height: 1.5;
+	//
+	//-moz-tab-size: 4;
+	//-o-tab-size: 4;
+	//tab-size: 4;
+	//
+	//-webkit-hyphens: none;
+	//-moz-hyphens: none;
+	//-ms-hyphens: none;
+	//hyphens: none;
+}
+
+.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: hsla(0, 0%, 100%, .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;
+	//padding: 1em 0 1em 3em;
+}
+
+.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: hsla(24, 20%, 50%, .4);
+	color: hsl(24, 20%, 95%);
+	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 $border-color;
+
+	-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($text-muted, .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:hover > .toolbar {
+//	opacity: 1;
+//}
+
+pre.code-toolbar > .toolbar .toolbar-item {
+	display: inline-block;
+	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: $text-muted;
+	padding: 0 .5em;
+	font-family: $font-family-base;
+	font-size: px2rem(14px);
+}
+

dist/assets/scss/bundle.scss

@@ -0,0 +1,7 @@
+/**
+Dashboard UI
+ */
+
+@import 'variables';
+@import 'dashboard/bootstrap/bootstrap';
+@import 'dashboard/dashboard';

dist/assets/scss/dashboard/bootstrap/bootstrap-grid.scss

@@ -0,0 +1,32 @@
+/*!
+ * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+
+@at-root {
+  @-ms-viewport { width: device-width; } // stylelint-disable-line at-rule-no-vendor-prefix
+}
+
+html {
+  box-sizing: border-box;
+  -ms-overflow-style: scrollbar;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: inherit;
+}
+
+@import "functions";
+@import "variables";
+
+@import "mixins/breakpoints";
+@import "mixins/grid-framework";
+@import "mixins/grid";
+
+@import "grid";
+@import "utilities/display";
+@import "utilities/flex";

dist/assets/scss/dashboard/bootstrap/bootstrap-reboot.scss

@@ -0,0 +1,12 @@
+/*!
+ * Bootstrap Reboot v4.0.0 (https://getbootstrap.com)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
+ */
+
+@import "functions";
+@import "variables";
+@import "mixins";
+@import "reboot";

dist/assets/scss/dashboard/bootstrap/bootstrap.scss

@@ -0,0 +1,42 @@
+/*!
+ * Bootstrap v4.0.0 (https://getbootstrap.com)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+
+@import "functions";
+@import "variables";
+@import "mixins";
+@import "root";
+@import "reboot";
+@import "type";
+@import "images";
+@import "code";
+@import "grid";
+@import "tables";
+@import "forms";
+@import "buttons";
+@import "transitions";
+@import "dropdown";
+@import "button-group";
+@import "input-group";
+@import "custom-forms";
+@import "nav";
+@import "navbar";
+@import "card";
+@import "breadcrumb";
+@import "pagination";
+@import "badge";
+@import "jumbotron";
+@import "alert";
+@import "progress";
+@import "media";
+@import "list-group";
+@import "close";
+@import "modal";
+@import "tooltip";
+@import "popover";
+@import "carousel";
+@import "utilities";
+@import "print";

dist/assets/scss/dashboard/dashboard.scss

@@ -0,0 +1,65 @@
+//@import 'variables';
+//@import '../bootstrap/mixins';
+@import 'functions';
+
+@import 'core';
+@import 'type';
+@import 'grid';
+
+@import 'layout';
+@import 'aside';
+@import 'header';
+@import 'footer';
+@import 'colors';
+@import 'text';
+@import 'utilities';
+
+@import 'nav';
+@import 'button';
+@import 'alert';
+@import 'close';
+@import 'badge';
+@import 'tables';
+@import 'breadcrumb';
+@import 'pagination';
+@import 'cards';
+@import 'popover';
+@import 'dropdown';
+@import 'list';
+@import 'list-group';
+@import 'avatar';
+@import 'product';
+@import 'progress';
+@import 'icon';
+@import 'image';
+@import 'link';
+@import 'media';
+@import 'form';
+@import 'sparkline';
+@import 'social';
+@import 'maps';
+@import 'statuses';
+@import 'charts';
+@import 'chips';
+@import 'stamp';
+@import 'chat';
+@import 'example';
+@import 'tag';
+@import 'syntax';
+@import 'infobox';
+
+@import 'forms/custom-range';
+@import 'forms/custom-selectgroup';
+@import 'forms/custom-switch';
+@import 'forms/custom-imagecheck';
+@import 'forms/custom-colorinput';
+
+@import 'timeline';
+
+@import 'browser';
+@import 'flag';
+@import 'payments';
+@import 'jvectormap';
+@import 'selectize';
+
+@import 'fonts/feather';

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-04-04 16:20:21 +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">
@@ -147,7 +147,7 @@
                       <a href="./register.html" class="nav-item ">Register</a>
                       <a href="./forgot-password.html" class="nav-item ">Forgot password</a>
                       <a href="./400.html" class="nav-item ">400 error</a>
-                      <a href="./104.html" class="nav-item ">401 error</a>
+                      <a href="./401.html" class="nav-item ">401 error</a>
                       <a href="./403.html" class="nav-item ">403 error</a>
                       <a href="./404.html" class="nav-item ">404 error</a>
                       <a href="./500.html" class="nav-item ">500 error</a>

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-04-04 16:20:21 +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">
@@ -147,7 +147,7 @@
                       <a href="./register.html" class="nav-item ">Register</a>
                       <a href="./forgot-password.html" class="nav-item ">Forgot password</a>
                       <a href="./400.html" class="nav-item ">400 error</a>
-                      <a href="./104.html" class="nav-item ">401 error</a>
+                      <a href="./401.html" class="nav-item ">401 error</a>
                       <a href="./403.html" class="nav-item ">403 error</a>
                       <a href="./404.html" class="nav-item ">404 error</a>
                       <a href="./500.html" class="nav-item ">500 error</a>
@@ -364,7 +364,7 @@
               <div class="col-lg-6">
                 <div class="card">
                   <div class="card-header">
-                    <h3 class="card-title">Pannel with custom buttons</h3>
+                    <h3 class="card-title">Panel with custom buttons</h3>
                     <div class="card-options">
                       <a class="btn btn-secondary btn-sm">Action 1</a>
                       <a class="btn btn-secondary btn-sm ml-2">Action 2</a>
@@ -424,7 +424,7 @@
                     </div>
                   </div>
                   <div class="card-alert alert alert-danger mb-0">
-                    Adding action was failed
+                    Adding action failed
                   </div>
                   <div class="card-body">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!

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-04-04 16:20:21 +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">
@@ -147,7 +147,7 @@
                       <a href="./register.html" class="nav-item ">Register</a>
                       <a href="./forgot-password.html" class="nav-item ">Forgot password</a>
                       <a href="./400.html" class="nav-item ">400 error</a>
-                      <a href="./104.html" class="nav-item ">401 error</a>
+                      <a href="./401.html" class="nav-item ">401 error</a>
                       <a href="./403.html" class="nav-item ">403 error</a>
                       <a href="./404.html" class="nav-item ">404 error</a>
                       <a href="./500.html" class="nav-item ">500 error</a>

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-04-04 16:20:21 +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">
@@ -147,7 +147,7 @@
                       <a href="./register.html" class="nav-item ">Register</a>
                       <a href="./forgot-password.html" class="nav-item ">Forgot password</a>
                       <a href="./400.html" class="nav-item ">400 error</a>
-                      <a href="./104.html" class="nav-item ">401 error</a>
+                      <a href="./401.html" class="nav-item ">401 error</a>
                       <a href="./403.html" class="nav-item ">403 error</a>
                       <a href="./404.html" class="nav-item ">404 error</a>
                       <a href="./500.html" class="nav-item ">500 error</a>

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-04-04 16:20:21 +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">
@@ -147,7 +147,7 @@
                       <a href="../register.html" class="nav-item ">Register</a>
                       <a href="../forgot-password.html" class="nav-item ">Forgot password</a>
                       <a href="../400.html" class="nav-item ">400 error</a>
-                      <a href="../104.html" class="nav-item ">401 error</a>
+                      <a href="../401.html" class="nav-item ">401 error</a>
                       <a href="../403.html" class="nav-item ">403 error</a>
                       <a href="../404.html" class="nav-item ">404 error</a>
                       <a href="../500.html" class="nav-item ">500 error</a>

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-04-04 16:20:21 +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">
@@ -147,7 +147,7 @@
                       <a href="../register.html" class="nav-item ">Register</a>
                       <a href="../forgot-password.html" class="nav-item ">Forgot password</a>
                       <a href="../400.html" class="nav-item ">400 error</a>
-                      <a href="../104.html" class="nav-item ">401 error</a>
+                      <a href="../401.html" class="nav-item ">401 error</a>
                       <a href="../403.html" class="nav-item ">403 error</a>
                       <a href="../404.html" class="nav-item ">404 error</a>
                       <a href="../500.html" class="nav-item ">500 error</a>

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-04-04 16:20:21 +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">
@@ -147,7 +147,7 @@
                       <a href="../register.html" class="nav-item ">Register</a>
                       <a href="../forgot-password.html" class="nav-item ">Forgot password</a>
                       <a href="../400.html" class="nav-item ">400 error</a>
-                      <a href="../104.html" class="nav-item ">401 error</a>
+                      <a href="../401.html" class="nav-item ">401 error</a>
                       <a href="../403.html" class="nav-item ">403 error</a>
                       <a href="../404.html" class="nav-item ">404 error</a>
                       <a href="../500.html" class="nav-item ">500 error</a>

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-04-04 16:20:21 +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">
@@ -147,7 +147,7 @@
                       <a href="../register.html" class="nav-item ">Register</a>
                       <a href="../forgot-password.html" class="nav-item ">Forgot password</a>
                       <a href="../400.html" class="nav-item ">400 error</a>
-                      <a href="../104.html" class="nav-item ">401 error</a>
+                      <a href="../401.html" class="nav-item ">401 error</a>
                       <a href="../403.html" class="nav-item ">403 error</a>
                       <a href="../404.html" class="nav-item ">404 error</a>
                       <a href="../500.html" class="nav-item ">500 error</a>

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-04-04 16:20:21 +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">
@@ -147,7 +147,7 @@
                       <a href="../register.html" class="nav-item ">Register</a>
                       <a href="../forgot-password.html" class="nav-item ">Forgot password</a>
                       <a href="../400.html" class="nav-item ">400 error</a>
-                      <a href="../104.html" class="nav-item ">401 error</a>
+                      <a href="../401.html" class="nav-item ">401 error</a>
                       <a href="../403.html" class="nav-item ">403 error</a>
                       <a href="../404.html" class="nav-item ">404 error</a>
                       <a href="../500.html" class="nav-item ">500 error</a>

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-04-04 16:20:21 +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">
@@ -147,7 +147,7 @@
                       <a href="../register.html" class="nav-item ">Register</a>
                       <a href="../forgot-password.html" class="nav-item ">Forgot password</a>
                       <a href="../400.html" class="nav-item ">400 error</a>
-                      <a href="../104.html" class="nav-item ">401 error</a>
+                      <a href="../401.html" class="nav-item ">401 error</a>
                       <a href="../403.html" class="nav-item ">403 error</a>
                       <a href="../404.html" class="nav-item ">404 error</a>
                       <a href="../500.html" class="nav-item ">500 error</a>

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-04-04 16:20:21 +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">
@@ -147,7 +147,7 @@
                       <a href="../register.html" class="nav-item ">Register</a>
                       <a href="../forgot-password.html" class="nav-item ">Forgot password</a>
                       <a href="../400.html" class="nav-item ">400 error</a>
-                      <a href="../104.html" class="nav-item ">401 error</a>
+                      <a href="../401.html" class="nav-item ">401 error</a>
                       <a href="../403.html" class="nav-item ">403 error</a>
                       <a href="../404.html" class="nav-item ">404 error</a>
                       <a href="../500.html" class="nav-item ">500 error</a>
@@ -219,95 +219,135 @@
                       <div class="example">
                         <div class="form-group">
                           <label class="form-label">Color Input</label>
-                          <div class="d-flex">
+                          <div class="row gutters-xs">
-                            <label class="colorinput mr-2">
+                            <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>
-                            <label class="colorinput mr-2">
+                            </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>
-                            <label class="colorinput mr-2">
+                            </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>
-                            <label class="colorinput mr-2">
+                            </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>
-                            <label class="colorinput mr-2">
+                            </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>
-                            <label class="colorinput mr-2">
+                            </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>
-                            <label class="colorinput mr-2">
+                            </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>
-                            <label class="colorinput mr-2">
+                            </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>
-                            <label class="colorinput mr-2">
+                            </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>
-                            <label class="colorinput mr-2">
+                            </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;div</span> <span class="na">class=</span><span class="s">"row gutters-xs"</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;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;label</span> <span class="na">class=</span><span class="s">"colorinput mr-2"</span><span class="nt">&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;label</span> <span class="na">class=</span><span class="s">"colorinput mr-2"</span><span class="nt">&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;label</span> <span class="na">class=</span><span class="s">"colorinput mr-2"</span><span class="nt">&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;label</span> <span class="na">class=</span><span class="s">"colorinput mr-2"</span><span class="nt">&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;label</span> <span class="na">class=</span><span class="s">"colorinput mr-2"</span><span class="nt">&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;label</span> <span class="na">class=</span><span class="s">"colorinput mr-2"</span><span class="nt">&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;label</span> <span class="na">class=</span><span class="s">"colorinput mr-2"</span><span class="nt">&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;label</span> <span class="na">class=</span><span class="s">"colorinput mr-2"</span><span class="nt">&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;label</span> <span class="na">class=</span><span class="s">"colorinput mr-2"</span><span class="nt">&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>
                       <h3 id="image-input">Image input</h3>

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-04-04 16:20:21 +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">
@@ -147,7 +147,7 @@
                       <a href="../register.html" class="nav-item ">Register</a>
                       <a href="../forgot-password.html" class="nav-item ">Forgot password</a>
                       <a href="../400.html" class="nav-item ">400 error</a>
-                      <a href="../104.html" class="nav-item ">401 error</a>
+                      <a href="../401.html" class="nav-item ">401 error</a>
                       <a href="../403.html" class="nav-item ">403 error</a>
                       <a href="../404.html" class="nav-item ">404 error</a>
                       <a href="../500.html" class="nav-item ">500 error</a>

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-04-04 16:20:21 +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">
@@ -147,7 +147,7 @@
                       <a href="../register.html" class="nav-item ">Register</a>
                       <a href="../forgot-password.html" class="nav-item ">Forgot password</a>
                       <a href="../400.html" class="nav-item ">400 error</a>
-                      <a href="../104.html" class="nav-item ">401 error</a>
+                      <a href="../401.html" class="nav-item ">401 error</a>
                       <a href="../403.html" class="nav-item ">403 error</a>
                       <a href="../404.html" class="nav-item ">404 error</a>
                       <a href="../500.html" class="nav-item ">500 error</a>

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-04-04 16:20:21 +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">
@@ -147,7 +147,7 @@
                       <a href="../register.html" class="nav-item ">Register</a>
                       <a href="../forgot-password.html" class="nav-item ">Forgot password</a>
                       <a href="../400.html" class="nav-item ">400 error</a>
-                      <a href="../104.html" class="nav-item ">401 error</a>
+                      <a href="../401.html" class="nav-item ">401 error</a>
                       <a href="../403.html" class="nav-item ">403 error</a>
                       <a href="../404.html" class="nav-item ">404 error</a>
                       <a href="../500.html" class="nav-item ">500 error</a>

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-04-04 16:20:21 +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">
@@ -147,7 +147,7 @@
                       <a href="../register.html" class="nav-item ">Register</a>
                       <a href="../forgot-password.html" class="nav-item ">Forgot password</a>
                       <a href="../400.html" class="nav-item ">400 error</a>
-                      <a href="../104.html" class="nav-item ">401 error</a>
+                      <a href="../401.html" class="nav-item ">401 error</a>
                       <a href="../403.html" class="nav-item ">403 error</a>
                       <a href="../404.html" class="nav-item ">404 error</a>
                       <a href="../500.html" class="nav-item ">500 error</a>

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-04-04 16:20:21 +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">
@@ -147,7 +147,7 @@
                       <a href="./register.html" class="nav-item ">Register</a>
                       <a href="./forgot-password.html" class="nav-item ">Forgot password</a>
                       <a href="./400.html" class="nav-item ">400 error</a>
-                      <a href="./104.html" class="nav-item ">401 error</a>
+                      <a href="./401.html" class="nav-item ">401 error</a>
                       <a href="./403.html" class="nav-item ">403 error</a>
                       <a href="./404.html" class="nav-item ">404 error</a>
                       <a href="./500.html" class="nav-item ">500 error</a>

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-04-04 16:20:21 +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">
@@ -147,7 +147,7 @@
                       <a href="./register.html" class="nav-item ">Register</a>
                       <a href="./forgot-password.html" class="nav-item ">Forgot password</a>
                       <a href="./400.html" class="nav-item ">400 error</a>
-                      <a href="./104.html" class="nav-item ">401 error</a>
+                      <a href="./401.html" class="nav-item ">401 error</a>
                       <a href="./403.html" class="nav-item ">403 error</a>
                       <a href="./404.html" class="nav-item ">404 error</a>
                       <a href="./500.html" class="nav-item ">500 error</a>

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-04-04 16:20:21 +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">

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-04-04 16:20:21 +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">
@@ -147,7 +147,7 @@
                       <a href="./register.html" class="nav-item ">Register</a>
                       <a href="./forgot-password.html" class="nav-item ">Forgot password</a>
                       <a href="./400.html" class="nav-item ">400 error</a>
-                      <a href="./104.html" class="nav-item ">401 error</a>
+                      <a href="./401.html" class="nav-item ">401 error</a>
                       <a href="./403.html" class="nav-item ">403 error</a>
                       <a href="./404.html" class="nav-item ">404 error</a>
                       <a href="./500.html" class="nav-item ">500 error</a>
@@ -288,49 +288,69 @@
                         </div>
                         <div class="form-group">
                           <label class="form-label">Color Input</label>
-                          <div class="d-flex">
+                          <div class="row gutters-xs">
-                            <label class="colorinput mr-2">
+                            <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>
-                            <label class="colorinput mr-2">
+                            </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>
-                            <label class="colorinput mr-2">
+                            </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>
-                            <label class="colorinput mr-2">
+                            </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>
-                            <label class="colorinput mr-2">
+                            </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>
-                            <label class="colorinput mr-2">
+                            </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>
-                            <label class="colorinput mr-2">
+                            </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>
-                            <label class="colorinput mr-2">
+                            </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>
-                            <label class="colorinput mr-2">
+                            </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>
-                            <label class="colorinput mr-2">
+                            </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">
                           <label class="form-label">Input group</label>
                           <div class="input-group">
@@ -574,10 +594,10 @@
                     </div>
                     <div class="col-md-6 col-lg-4">
                       <div class="form-group">
-                        <label class="form-label">Radios</label>
+                        <div class="form-label">Radios</div>
                         <div class="custom-controls-stacked">
                           <label class="custom-control custom-radio">
-                            <input type="radio" class="custom-control-input" name="example-radios" value="option1" checked="">
+                            <input type="radio" class="custom-control-input" name="example-radios" value="option1" checked>
                             <div class="custom-control-label">Option 1</div>
                           </label>
                           <label class="custom-control custom-radio">
@@ -597,57 +617,57 @@
                       <div class="form-group">
                         <div class="form-label">Inline Radios</div>
                         <div class="custom-controls-stacked">
-                          <div class="custom-control custom-radio">
+                          <label class="custom-control custom-radio">
-                            <input type="radio" class="custom-control-input" name="example-inline-radios" value="option1" checked="">
+                            <input type="radio" class="custom-control-input" name="example-inline-radios" value="option1" checked>
                             <span class="custom-control-label">Option 1</span>
-                          </div>
+                          </label>
-                          <div class="custom-control custom-radio">
+                          <label class="custom-control custom-radio">
                             <input type="radio" class="custom-control-input" name="example-inline-radios" value="option2">
                             <span class="custom-control-label">Option 2</span>
-                          </div>
+                          </label>
-                          <div class="custom-control custom-radio">
+                          <label class="custom-control custom-radio">
                             <input type="radio" class="custom-control-input" name="example-inline-radios" value="option3">
                             <span class="custom-control-label">Option 3</span>
-                          </div>
+                          </label>
                         </div>
                       </div>
                       <div class="form-group">
-                        <label class="form-label">Checkboxes</label>
+                        <div class="form-label">Checkboxes</div>
                         <div class="custom-controls-stacked">
-                          <div class="custom-control custom-checkbox">
+                          <label class="custom-control custom-checkbox">
-                            <input type="checkbox" class="custom-control-input" name="example-checkbox1" value="option1" checked="">
+                            <input type="checkbox" class="custom-control-input" name="example-checkbox1" value="option1" checked>
                             <label class="custom-control-label">Option 1</label>
-                          </div>
+                          </label>
-                          <div class="custom-control custom-checkbox">
+                          <label class="custom-control custom-checkbox">
                             <input type="checkbox" class="custom-control-input" name="example-checkbox2" value="option2">
                             <label class="custom-control-label">Option 2</label>
-                          </div>
+                          </label>
-                          <div class="custom-control custom-checkbox">
+                          <label class="custom-control custom-checkbox">
                             <input type="checkbox" class="custom-control-input" name="example-checkbox3" value="option3" disabled>
                             <label class="custom-control-label">Option Disabled</label>
-                          </div>
+                          </label>
-                          <div class="custom-control custom-checkbox">
+                          <label class="custom-control custom-checkbox">
                             <input type="checkbox" class="custom-control-input" name="example-checkbox4" value="option4" checked disabled>
                             <label class="custom-control-label">Option Disabled Checked</label>
-                          </div>
+                          </label>
                         </div>
                       </div>
                       <div class="form-group">
                         <div class="form-label">Inline Checkboxes</div>
                         <div class="custom-controls-stacked">
-                          <div class="custom-control custom-checkbox">
+                          <label class="custom-control custom-checkbox">
                             <input type="checkbox" class="custom-control-input" name="example-inline-checkbox1" value="option1"
-								   checked="">
+								   checked>
                             <label class="custom-control-label">Option 1</label>
-                          </div>
+                          </label>
-                          <div class="custom-control custom-checkbox">
+                          <label class="custom-control custom-checkbox">
                             <input type="checkbox" class="custom-control-input" name="example-inline-checkbox2" value="option2">
                             <label class="custom-control-label">Option 2</label>
-                          </div>
+                          </label>
-                          <div class="custom-control custom-checkbox">
+                          <label class="custom-control custom-checkbox">
                             <input type="checkbox" class="custom-control-input" name="example-inline-checkbox3" value="option3">
                             <label class="custom-control-label">Option 3</label>
-                          </div>
+                          </label>
                         </div>
                       </div>
                       <div class="form-group">

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-04-04 16:20:21 +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">
@@ -147,7 +147,7 @@
                       <a href="./register.html" class="nav-item ">Register</a>
                       <a href="./forgot-password.html" class="nav-item ">Forgot password</a>
                       <a href="./400.html" class="nav-item ">400 error</a>
-                      <a href="./104.html" class="nav-item ">401 error</a>
+                      <a href="./401.html" class="nav-item ">401 error</a>
                       <a href="./403.html" class="nav-item ">403 error</a>
                       <a href="./404.html" class="nav-item ">404 error</a>
                       <a href="./500.html" class="nav-item ">500 error</a>

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-04-04 16:20:21 +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">
@@ -147,7 +147,7 @@
                       <a href="./register.html" class="nav-item ">Register</a>
                       <a href="./forgot-password.html" class="nav-item ">Forgot password</a>
                       <a href="./400.html" class="nav-item ">400 error</a>
-                      <a href="./104.html" class="nav-item ">401 error</a>
+                      <a href="./401.html" class="nav-item ">401 error</a>
                       <a href="./403.html" class="nav-item ">403 error</a>
                       <a href="./404.html" class="nav-item ">404 error</a>
                       <a href="./500.html" class="nav-item ">500 error</a>

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-04-04 16:20:21 +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">
@@ -147,7 +147,7 @@
                       <a href="./register.html" class="nav-item ">Register</a>
                       <a href="./forgot-password.html" class="nav-item ">Forgot password</a>
                       <a href="./400.html" class="nav-item ">400 error</a>
-                      <a href="./104.html" class="nav-item ">401 error</a>
+                      <a href="./401.html" class="nav-item ">401 error</a>
                       <a href="./403.html" class="nav-item ">403 error</a>
                       <a href="./404.html" class="nav-item ">404 error</a>
                       <a href="./500.html" class="nav-item ">500 error</a>
@@ -264,6 +264,7 @@
                     <h3 class="card-title">Development Activity</h3>
                   </div>
                   <div id="chart-development-activity" style="height: 10rem"></div>
+                  <div class="table-responsive">
                     <table class="table card-table table-striped table-vcenter">
                       <thead>
                         <tr>
@@ -278,40 +279,41 @@
                           <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="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>April 22, 2018</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>Left sidebar adjustments</td>
-                        <td>April 15, 2018</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>April 8, 2018</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>April 9, 2018</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, $) {
                   	$(document).ready(function(){
@@ -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,10 +483,10 @@
                       });
                     </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>
+                        <div class="h5">New feedback</div>
                         <div class="display-4 font-weight-bold mb-4">62</div>
                         <div class="progress progress-sm">
                           <div class="progress-bar bg-red" style="width: 28%"></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,8 @@
             <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">
+                  <div class="table-responsive">
+                    <table class="table 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 +637,7 @@
                           <td>
                             <div>Elizabeth Martin</div>
                             <div class="small text-muted">
-                            Registered: Feb 26, 2018
+                              Registered: Mar 7, 2018
                             </div>
                           </td>
                           <td>
@@ -647,7 +650,8 @@
                               </div>
                             </div>
                             <div class="progress progress-xs">
-                            <div class="progress-bar bg-yellow" role="progressbar" style="width: 42%" aria-valuenow="42" aria-valuemin="0" aria-valuemax="100"></div>
+                              <div class="progress-bar bg-yellow" role="progressbar" style="width: 42%"
+						     aria-valuenow="42" aria-valuemin="0" aria-valuemax="100"></div>
                             </div>
                           </td>
                           <td class="text-center">
@@ -684,7 +688,7 @@
                           <td>
                             <div>Michelle Schultz</div>
                             <div class="small text-muted">
-                            Registered: Feb 10, 2018
+                              Registered: Feb 19, 2018
                             </div>
                           </td>
                           <td>
@@ -697,7 +701,8 @@
                               </div>
                             </div>
                             <div class="progress progress-xs">
-                            <div class="progress-bar bg-red" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
+                              <div class="progress-bar bg-red" role="progressbar" style="width: 0%"
+						     aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
                             </div>
                           </td>
                           <td class="text-center">
@@ -734,7 +739,7 @@
                           <td>
                             <div>Crystal Austin</div>
                             <div class="small text-muted">
-                            Registered: Mar 17, 2018
+                              Registered: Mar 26, 2018
                             </div>
                           </td>
                           <td>
@@ -747,7 +752,8 @@
                               </div>
                             </div>
                             <div class="progress progress-xs">
-                            <div class="progress-bar bg-green" role="progressbar" style="width: 96%" aria-valuenow="96" aria-valuemin="0" aria-valuemax="100"></div>
+                              <div class="progress-bar bg-green" role="progressbar" style="width: 96%"
+						     aria-valuenow="96" aria-valuemin="0" aria-valuemax="100"></div>
                             </div>
                           </td>
                           <td class="text-center">
@@ -784,7 +790,7 @@
                           <td>
                             <div>Douglas Ray</div>
                             <div class="small text-muted">
-                            Registered: Dec 26, 2017
+                              Registered: Jan 4, 2018
                             </div>
                           </td>
                           <td>
@@ -797,7 +803,8 @@
                               </div>
                             </div>
                             <div class="progress progress-xs">
-                            <div class="progress-bar bg-red" role="progressbar" style="width: 6%" aria-valuenow="6" aria-valuemin="0" aria-valuemax="100"></div>
+                              <div class="progress-bar bg-red" role="progressbar" style="width: 6%"
+						     aria-valuenow="6" aria-valuemin="0" aria-valuemax="100"></div>
                             </div>
                           </td>
                           <td class="text-center">
@@ -834,7 +841,7 @@
                           <td>
                             <div>Teresa Reyes</div>
                             <div class="small text-muted">
-                            Registered: Feb 12, 2018
+                              Registered: Feb 21, 2018
                             </div>
                           </td>
                           <td>
@@ -847,7 +854,8 @@
                               </div>
                             </div>
                             <div class="progress progress-xs">
-                            <div class="progress-bar bg-red" role="progressbar" style="width: 36%" aria-valuenow="36" aria-valuemin="0" aria-valuemax="100"></div>
+                              <div class="progress-bar bg-red" role="progressbar" style="width: 36%"
+						     aria-valuenow="36" aria-valuemin="0" aria-valuemax="100"></div>
                             </div>
                           </td>
                           <td class="text-center">
@@ -884,7 +892,7 @@
                           <td>
                             <div>Emma Wade</div>
                             <div class="small text-muted">
-                            Registered: Feb 27, 2018
+                              Registered: Mar 8, 2018
                             </div>
                           </td>
                           <td>
@@ -897,7 +905,8 @@
                               </div>
                             </div>
                             <div class="progress progress-xs">
-                            <div class="progress-bar bg-red" role="progressbar" style="width: 7%" aria-valuenow="7" aria-valuemin="0" aria-valuemax="100"></div>
+                              <div class="progress-bar bg-red" role="progressbar" style="width: 7%"
+						     aria-valuenow="7" aria-valuemin="0" aria-valuemax="100"></div>
                             </div>
                           </td>
                           <td class="text-center">
@@ -934,7 +943,7 @@
                           <td>
                             <div>Carol Henderson</div>
                             <div class="small text-muted">
-                            Registered: Feb 1, 2018
+                              Registered: Feb 10, 2018
                             </div>
                           </td>
                           <td>
@@ -947,7 +956,8 @@
                               </div>
                             </div>
                             <div class="progress progress-xs">
-                            <div class="progress-bar bg-green" role="progressbar" style="width: 80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
+                              <div class="progress-bar bg-green" role="progressbar" style="width: 80%"
+						     aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
                             </div>
                           </td>
                           <td class="text-center">
@@ -984,7 +994,7 @@
                           <td>
                             <div>Christopher Harvey</div>
                             <div class="small text-muted">
-                            Registered: Jan 1, 2018
+                              Registered: Jan 10, 2018
                             </div>
                           </td>
                           <td>
@@ -997,7 +1007,8 @@
                               </div>
                             </div>
                             <div class="progress progress-xs">
-                            <div class="progress-bar bg-green" role="progressbar" style="width: 83%" aria-valuenow="83" aria-valuemin="0" aria-valuemax="100"></div>
+                              <div class="progress-bar bg-green" role="progressbar" style="width: 83%"
+						     aria-valuenow="83" aria-valuemin="0" aria-valuemax="100"></div>
                             </div>
                           </td>
                           <td class="text-center">
@@ -1029,6 +1040,7 @@
                     </table>
                   </div>
                 </div>
+              </div>
               <div class="col-sm-6 col-lg-4">
                 <div class="card">
                   <div class="card-header">
@@ -1113,7 +1125,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 +1286,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 +1360,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 +1432,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 +1504,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 +1594,8 @@
                           <th>Created</th>
                           <th>Status</th>
                           <th>Price</th>
-                          <th>
+                          <th></th>
-                            <span class="sr-only">Actions</span>
+                          <th></th>
-                          </th>
-                          <th>
-                            <span class="sr-only">Download</span>
-                          </th>
                         </tr>
                       </thead>
                       <tbody>

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-04-04 16:20:21 +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">
@@ -147,7 +147,7 @@
                       <a href="./register.html" class="nav-item ">Register</a>
                       <a href="./forgot-password.html" class="nav-item ">Forgot password</a>
                       <a href="./400.html" class="nav-item ">400 error</a>
-                      <a href="./104.html" class="nav-item ">401 error</a>
+                      <a href="./401.html" class="nav-item ">401 error</a>
                       <a href="./403.html" class="nav-item ">403 error</a>
                       <a href="./404.html" class="nav-item ">404 error</a>
                       <a href="./500.html" class="nav-item ">500 error</a>

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-04-04 16:20:21 +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">

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-04-04 16:20:21 +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">
@@ -147,7 +147,7 @@
                       <a href="./register.html" class="nav-item ">Register</a>
                       <a href="./forgot-password.html" class="nav-item ">Forgot password</a>
                       <a href="./400.html" class="nav-item ">400 error</a>
-                      <a href="./104.html" class="nav-item ">401 error</a>
+                      <a href="./401.html" class="nav-item ">401 error</a>
                       <a href="./403.html" class="nav-item ">403 error</a>
                       <a href="./404.html" class="nav-item ">404 error</a>
                       <a href="./500.html" class="nav-item ">500 error</a>

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-04-04 16:20:21 +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">
@@ -147,7 +147,7 @@
                       <a href="./register.html" class="nav-item ">Register</a>
                       <a href="./forgot-password.html" class="nav-item ">Forgot password</a>
                       <a href="./400.html" class="nav-item ">400 error</a>
-                      <a href="./104.html" class="nav-item ">401 error</a>
+                      <a href="./401.html" class="nav-item ">401 error</a>
                       <a href="./403.html" class="nav-item ">403 error</a>
                       <a href="./404.html" class="nav-item ">404 error</a>
                       <a href="./500.html" class="nav-item ">500 error</a>

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-04-04 16:20:21 +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">
@@ -147,7 +147,7 @@
                       <a href="./register.html" class="nav-item ">Register</a>
                       <a href="./forgot-password.html" class="nav-item ">Forgot password</a>
                       <a href="./400.html" class="nav-item ">400 error</a>
-                      <a href="./104.html" class="nav-item ">401 error</a>
+                      <a href="./401.html" class="nav-item ">401 error</a>
                       <a href="./403.html" class="nav-item ">403 error</a>
                       <a href="./404.html" class="nav-item ">404 error</a>
                       <a href="./500.html" class="nav-item ">500 error</a>

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-04-04 16:20:21 +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">
@@ -147,7 +147,7 @@
                       <a href="./register.html" class="nav-item ">Register</a>
                       <a href="./forgot-password.html" class="nav-item ">Forgot password</a>
                       <a href="./400.html" class="nav-item ">400 error</a>
-                      <a href="./104.html" class="nav-item ">401 error</a>
+                      <a href="./401.html" class="nav-item ">401 error</a>
                       <a href="./403.html" class="nav-item ">403 error</a>
                       <a href="./404.html" class="nav-item ">404 error</a>
                       <a href="./500.html" class="nav-item ">500 error</a>

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-04-04 16:20:21 +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">
@@ -147,7 +147,7 @@
                       <a href="./register.html" class="nav-item ">Register</a>
                       <a href="./forgot-password.html" class="nav-item ">Forgot password</a>
                       <a href="./400.html" class="nav-item ">400 error</a>
-                      <a href="./104.html" class="nav-item ">401 error</a>
+                      <a href="./401.html" class="nav-item ">401 error</a>
                       <a href="./403.html" class="nav-item ">403 error</a>
                       <a href="./404.html" class="nav-item ">404 error</a>
                       <a href="./500.html" class="nav-item ">500 error</a>

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-04-04 16:20:21 +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">

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-04-04 16:20:21 +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">
@@ -147,7 +147,7 @@
                       <a href="./register.html" class="nav-item ">Register</a>
                       <a href="./forgot-password.html" class="nav-item ">Forgot password</a>
                       <a href="./400.html" class="nav-item ">400 error</a>
-                      <a href="./104.html" class="nav-item ">401 error</a>
+                      <a href="./401.html" class="nav-item ">401 error</a>
                       <a href="./403.html" class="nav-item ">403 error</a>
                       <a href="./404.html" class="nav-item ">404 error</a>
                       <a href="./500.html" class="nav-item ">500 error</a>
@@ -1044,12 +1044,8 @@
                           <th>Created</th>
                           <th>Status</th>
                           <th>Price</th>
-                          <th>
+                          <th></th>
-                            <span class="sr-only">Actions</span>
+                          <th></th>
-                          </th>
-                          <th>
-                            <span class="sr-only">Download</span>
-                          </th>
                         </tr>
                       </thead>
                       <tbody>
@@ -2438,7 +2434,7 @@
                       <div class="col-6">
                         <div class="card">
                           <div class="card-body text-center">
-                            <div class="h5">New fedbacks</div>
+                            <div class="h5">New feedback</div>
                             <div class="display-4 font-weight-bold mb-4">62</div>
                             <div class="progress progress-sm">
                               <div class="progress-bar bg-red" style="width: 34%"></div>

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-04-04 16:20:21 +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">
@@ -147,7 +147,7 @@
                       <a href="./register.html" class="nav-item ">Register</a>
                       <a href="./forgot-password.html" class="nav-item ">Forgot password</a>
                       <a href="./400.html" class="nav-item ">400 error</a>
-                      <a href="./104.html" class="nav-item ">401 error</a>
+                      <a href="./401.html" class="nav-item ">401 error</a>
                       <a href="./403.html" class="nav-item ">403 error</a>
                       <a href="./404.html" class="nav-item ">404 error</a>
                       <a href="./500.html" class="nav-item ">500 error</a>
@@ -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>

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-04-04 16:20:21 +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">
@@ -147,7 +147,7 @@
                       <a href="./register.html" class="nav-item ">Register</a>
                       <a href="./forgot-password.html" class="nav-item ">Forgot password</a>
                       <a href="./400.html" class="nav-item ">400 error</a>
-                      <a href="./104.html" class="nav-item ">401 error</a>
+                      <a href="./401.html" class="nav-item ">401 error</a>
                       <a href="./403.html" class="nav-item ">403 error</a>
                       <a href="./404.html" class="nav-item ">404 error</a>
                       <a href="./500.html" class="nav-item ">500 error</a>

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.10",
+  "version": "0.0.21",
   "keywords": [
     "css",
     "sass",

src/_data/menu.yml

@@ -72,7 +72,7 @@ pages:
 
     401:
       name: 401 error
-      url: 104.html
+      url: 401.html
 
     403:
       name: 403 error

src/_includes/cards/development-activity.html

@@ -31,7 +31,7 @@
 			<tr>
 				<td><span class="avatar" style="background-image: url({{ site.base }}/{{ site.data.users[16].photo }})"></span></td>
 				<td>{{ site.data.users[16].name }} {{ site.data.users[16].surname }}</td>
-				<td>Left sidebar adjusments</td>
+				<td>Left sidebar adjustments</td>
 				<td class="text-nowrap">April 15, 2018</td>
 				<td><a href="#" class="icon"><i class="fe fe-trash"></i></a></td>
 			</tr>

src/_includes/cards/form-all-elements.html

@@ -232,10 +232,10 @@
 			</div>
 			<div class="col-md-6 col-lg-4">
 				<div class="form-group">
-					<label class="form-label">Radios</label>
+					<div class="form-label">Radios</div>
 					<div class="custom-controls-stacked">
 						<label class="custom-control custom-radio">
-							<input type="radio" class="custom-control-input" name="example-radios" value="option1" checked="">
+							<input type="radio" class="custom-control-input" name="example-radios" value="option1" checked>
 							<div class="custom-control-label">Option 1</div>
 						</label>
 						<label class="custom-control custom-radio">
@@ -255,57 +255,57 @@
 				<div class="form-group">
 					<div class="form-label">Inline Radios</div>
 					<div class="custom-controls-stacked">
-						<div class="custom-control custom-radio">
+						<label class="custom-control custom-radio">
-							<input type="radio" class="custom-control-input" name="example-inline-radios" value="option1" checked="">
+							<input type="radio" class="custom-control-input" name="example-inline-radios" value="option1" checked>
 							<span class="custom-control-label">Option 1</span>
-						</div>
+						</label>
-						<div class="custom-control custom-radio">
+						<label class="custom-control custom-radio">
 							<input type="radio" class="custom-control-input" name="example-inline-radios" value="option2">
 							<span class="custom-control-label">Option 2</span>
-						</div>
+						</label>
-						<div class="custom-control custom-radio">
+						<label class="custom-control custom-radio">
 							<input type="radio" class="custom-control-input" name="example-inline-radios" value="option3">
 							<span class="custom-control-label">Option 3</span>
-						</div>
+						</label>
 					</div>
 				</div>
 				<div class="form-group">
-					<label class="form-label">Checkboxes</label>
+					<div class="form-label">Checkboxes</div>
 					<div class="custom-controls-stacked">
-						<div class="custom-control custom-checkbox">
+						<label class="custom-control custom-checkbox">
-							<input type="checkbox" class="custom-control-input" name="example-checkbox1" value="option1" checked="">
+							<input type="checkbox" class="custom-control-input" name="example-checkbox1" value="option1" checked>
 							<label class="custom-control-label">Option 1</label>
-						</div>
+						</label>
-						<div class="custom-control custom-checkbox">
+						<label class="custom-control custom-checkbox">
 							<input type="checkbox" class="custom-control-input" name="example-checkbox2" value="option2">
 							<label class="custom-control-label">Option 2</label>
-						</div>
+						</label>
-						<div class="custom-control custom-checkbox">
+						<label class="custom-control custom-checkbox">
 							<input type="checkbox" class="custom-control-input" name="example-checkbox3" value="option3" disabled>
 							<label class="custom-control-label">Option Disabled</label>
-						</div>
+						</label>
-						<div class="custom-control custom-checkbox">
+						<label class="custom-control custom-checkbox">
 							<input type="checkbox" class="custom-control-input" name="example-checkbox4" value="option4" checked disabled>
 							<label class="custom-control-label">Option Disabled Checked</label>
-						</div>
+						</label>
 					</div>
 				</div>
 				<div class="form-group">
 					<div class="form-label">Inline Checkboxes</div>
 					<div class="custom-controls-stacked">
-						<div class="custom-control custom-checkbox">
+						<label class="custom-control custom-checkbox">
 							<input type="checkbox" class="custom-control-input" name="example-inline-checkbox1" value="option1"
-								   checked="">
+								   checked>
 							<label class="custom-control-label">Option 1</label>
-						</div>
+						</label>
-						<div class="custom-control custom-checkbox">
+						<label class="custom-control custom-checkbox">
 							<input type="checkbox" class="custom-control-input" name="example-inline-checkbox2" value="option2">
 							<label class="custom-control-label">Option 2</label>
-						</div>
+						</label>
-						<div class="custom-control custom-checkbox">
+						<label class="custom-control custom-checkbox">
 							<input type="checkbox" class="custom-control-input" name="example-inline-checkbox3" value="option3">
 							<label class="custom-control-label">Option 3</label>
-						</div>
+						</label>
 					</div>
 				</div>
 				<div class="form-group">

src/_includes/cards/table-users.html

@@ -1,5 +1,6 @@
 <div class="card">
-	<table class="table table-responsive table-hover table-outline table-vcenter text-nowrap card-table">
+	<div class="table-responsive">
+		<table class="table table-hover table-outline table-vcenter text-nowrap card-table">
 			<thead>
 			<tr>
 				<th class="text-center w-1"><i class="icon-people"></i></th>
@@ -39,7 +40,8 @@
 						</div>
 					</div>
 					<div class="progress progress-xs">
-					<div class="progress-bar bg-{{ percentage | number_color }}" role="progressbar" style="width: {{ percentage }}%" aria-valuenow="{{ percentage }}" aria-valuemin="0" aria-valuemax="100"></div>
+						<div class="progress-bar bg-{{ percentage | number_color }}" role="progressbar" style="width: {{ percentage }}%"
+						     aria-valuenow="{{ percentage }}" aria-valuemin="0" aria-valuemax="100"></div>
 					</div>
 				</td>
 				<td class="text-center">
@@ -62,5 +64,6 @@
 			{% endfor %}
 			</tbody>
 		</table>
+	</div>
 
 </div>

src/assets/js/core.js

@@ -1,6 +1,9 @@
-var hexToRgba = function(hex, opacity) {
+/**
-    var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+ *
-    var rgb = result ? {
+ */
+let hexToRgba = function(hex, opacity) {
+  let result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  let rgb = result ? {
     r: parseInt(result[1], 16),
     g: parseInt(result[2], 16),
     b: parseInt(result[3], 16)
@@ -9,29 +12,34 @@ var hexToRgba = function(hex, opacity) {
   return 'rgba(' + rgb.r + ', ' + rgb.g + ', ' + rgb.b + ', ' + opacity + ')';
 };
 
+/**
+ *
+ */
 $(document).ready(function() {
+  /** Constant div card */
+  const DIV_CARD = 'div.card';
 
-    // Initialize tooltips
+  /** Initialize tooltips */
   $('[data-toggle="tooltip"]').tooltip();
 
-    // Initialize popovers
+  /** Initialize popovers */
   $('[data-toggle="popover"]').popover({
     html: true
   });
 
-    // Function for remove card
+  /** Function for remove card */
   $('[data-toggle="card-remove"]').on('click', function(e) {
-        var $card = $(this).closest('div.card');
+    let $card = $(this).closest(DIV_CARD);
+
     $card.remove();
 
     e.preventDefault();
     return false;
   });
 
-    // Function for collapse card
+  /** Function for collapse card */
   $('[data-toggle="card-collapse"]').on('click', function(e) {
-        var $this = $(this),
+    let $card = $(this).closest(DIV_CARD);
-            $card = $this.closest('div.card');
 
     $card.toggleClass('card-collapsed');
 
@@ -39,9 +47,9 @@ $(document).ready(function () {
     return false;
   });
 
-    // Function for fullscreen card
+  /** Function for fullscreen card */
   $('[data-toggle="card-fullscreen"]').on('click', function(e) {
-        var $card = $(this).closest('div.card');
+    let $card = $(this).closest(DIV_CARD);
 
     $card.toggleClass('card-fullscreen').removeClass('card-collapsed');
 
@@ -49,8 +57,9 @@ $(document).ready(function () {
     return false;
   });
 
+  /**  */
   if ($('[data-sparkline]').length) {
-        var generateSparkline = function($elem, data, params) {
+    let generateSparkline = function($elem, data, params) {
       $elem.sparkline(data, {
         type: $elem.attr('data-sparkline-type'),
         height: '100%',
@@ -68,7 +77,7 @@ $(document).ready(function () {
 
     require(['sparkline'], function() {
       $('[data-sparkline]').each(function() {
-                var $chart = $(this);
+        let $chart = $(this);
 
         generateSparkline($chart, JSON.parse($chart.attr('data-sparkline')), {
           color: $chart.attr('data-sparkline-color')
@@ -77,11 +86,12 @@ $(document).ready(function () {
     });
   }
 
-
+  /**  */
   if ($('.chart-circle').length) {
     require(['circle-progress'], function() {
       $('.chart-circle').each(function() {
-                var $this = $(this);
+        let $this = $(this);
+
         $this.circleProgress({
           fill: {
             color: tabler.colors[$this.attr('data-color')] || tabler.colors.blue

src/assets/scss/dashboard/_aside.scss

@@ -21,7 +21,7 @@
 
 .aside-body {
 	padding: 1.5rem;
-	flex: 1;
+	flex: 1 1 auto;
 	overflow: auto;
 }
 

src/assets/scss/dashboard/_cards.scss

@@ -15,7 +15,7 @@
 }
 
 .card-body {
-	flex: 1;
+	flex: 1 1 auto;
 	margin: 0;
 	padding: $card-spacer-y $card-spacer-x;
 	position: relative;
@@ -322,7 +322,7 @@ Card tabs
 }
 
 .card-tabs-item {
-	flex: 1;
+	flex: 1 1 auto;
 	display: block;
 	padding: 1rem $card-spacer-x;
 	border-bottom: 1px solid $border-color;

src/assets/scss/dashboard/_grid.scss

@@ -19,7 +19,7 @@
 		align-items: stretch;
 
 		.card {
-			flex: 1;
+			flex: 1 1 auto;
 		}
 	}
 }

src/assets/scss/dashboard/_layout.scss

@@ -16,7 +16,7 @@
 }
 
 .page-main {
-	flex: 1;
+	flex: 1 1 auto;
 }
 
 .page-content {
@@ -74,7 +74,7 @@
 }
 
 .page-single {
-	flex: 1;
+	flex: 1 1 auto;
 	display: flex;
 	align-items: center;
 	justify-content: center;

src/assets/scss/dashboard/bootstrap/_media.scss

@@ -4,5 +4,5 @@
 }
 
 .media-body {
-  flex: 1;
+  flex: 1 1 auto;
 }

src/cards.html

@@ -45,7 +45,7 @@ menu: interface.cards
 			{% include cards/card.html title="With additional fullscreen button" show-fullscreen=true %}
 		</div>
 		<div class="col-lg-6">
-			{% include cards/card.html title="Pannel with custom buttons" show-buttons=true %}
+			{% include cards/card.html title="Panel with custom buttons" show-buttons=true %}
 		</div>
 		<div class="col-lg-6">
 			{% include cards/card.html title="Card with search form" show-form=true %}
@@ -54,7 +54,7 @@ menu: interface.cards
 			{% include cards/card.html title="Card with alert" alert="Adding action was successful" %}
 		</div>
 		<div class="col-lg-6 col-xl-4">
-			{% include cards/card.html title="Card with alert" alert="Adding action was failed" alert-type="danger" %}
+			{% include cards/card.html title="Card with alert" alert="Adding action failed" alert-type="danger" %}
 		</div>
 		<div class="col-lg-6 col-xl-4">
 			{% include cards/card.html title="Card with switch" show-switch=true %}

src/index.html

@@ -45,7 +45,7 @@ menu: index
 					{% include cards/chart.html height=12 title="Chart title" id="chart-pie" data="pie" %}
 				</div>
 				<div class="col-sm-4">
-					{% include cards/digit.html color="red" title="New fedbacks" digit="62" width="28%" %}
+					{% include cards/digit.html color="red" title="New feedback" digit="62" width="28%" %}
 				</div>
 				<div class="col-sm-4">
 					{% include cards/digit.html color="green" title="Today profit" digit="$652" width="84%" %}

src/sample-cards.html

@@ -139,7 +139,7 @@ menu: cards
 					{% include cards/client.html %}
 					{% include cards/digit.html %}
 					<div class="row row-deck">
-						<div class="col-6">{% include cards/digit.html color="red" title="New fedbacks" digit="62" width="34%" %}</div>
+						<div class="col-6">{% include cards/digit.html color="red" title="New feedback" digit="62" width="34%" %}</div>
 						<div class="col-6">{% include cards/digit.html color="green" title="Users online" digit="76" width="32%" %}</div>
 					</div>
 					{% include cards/digit.html color="yellow" title="Profit for this month" digit="$65,256" width="85%" %}