version 0.0.7

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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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/plugins/charts-c3/plugin.min.css

@@ -0,0 +1,224 @@
+/*-- 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/prismjs/plugin.min.css

@@ -0,0 +1,198 @@
+@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/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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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">
@@ -41,11 +41,11 @@
       <div class="page-main">
         <div class="header">
           <div class="container">
-            <div class="navbar p-0">
+            <div class="d-flex">
               <a class="navbar-brand" href="./index.html">
                 <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
-              <div class="nav order-lg-2">
+              <div class="ml-auto d-flex order-lg-2">
                 <div class="nav-item">
                   <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-outline-primary" target="_blank">Source code</a>
                 </div>
@@ -53,7 +53,7 @@
                   <a class="nav-link icon" data-toggle="dropdown">
                     <i class="fe fe-message-square"></i>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
@@ -63,20 +63,20 @@
                     <i class="fe fe-bell"></i>
                     <span class="nav-unread"></span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
                 </div>
-                <div class="dropdown ml-3">
-                  <a href="#" class="nav-link" data-toggle="dropdown">
+                <div class="dropdown">
+                  <a href="#" class="nav-link pr-0" data-toggle="dropdown">
                     <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
                     </span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                     <a class="dropdown-item" href="#">
                       <span>Profile</span>
                     </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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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">
@@ -41,11 +41,11 @@
       <div class="page-main">
         <div class="header">
           <div class="container">
-            <div class="navbar p-0">
+            <div class="d-flex">
               <a class="navbar-brand" href="./index.html">
                 <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
-              <div class="nav order-lg-2">
+              <div class="ml-auto d-flex order-lg-2">
                 <div class="nav-item">
                   <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-outline-primary" target="_blank">Source code</a>
                 </div>
@@ -53,7 +53,7 @@
                   <a class="nav-link icon" data-toggle="dropdown">
                     <i class="fe fe-message-square"></i>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
@@ -63,20 +63,20 @@
                     <i class="fe fe-bell"></i>
                     <span class="nav-unread"></span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
                 </div>
-                <div class="dropdown ml-3">
-                  <a href="#" class="nav-link" data-toggle="dropdown">
+                <div class="dropdown">
+                  <a href="#" class="nav-link pr-0" data-toggle="dropdown">
                     <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
                     </span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                     <a class="dropdown-item" href="#">
                       <span>Profile</span>
                     </a>

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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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">
@@ -41,11 +41,11 @@
       <div class="page-main">
         <div class="header">
           <div class="container">
-            <div class="navbar p-0">
+            <div class="d-flex">
               <a class="navbar-brand" href="./index.html">
                 <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
-              <div class="nav order-lg-2">
+              <div class="ml-auto d-flex order-lg-2">
                 <div class="nav-item">
                   <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-outline-primary" target="_blank">Source code</a>
                 </div>
@@ -53,7 +53,7 @@
                   <a class="nav-link icon" data-toggle="dropdown">
                     <i class="fe fe-message-square"></i>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
@@ -63,20 +63,20 @@
                     <i class="fe fe-bell"></i>
                     <span class="nav-unread"></span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
                 </div>
-                <div class="dropdown ml-3">
-                  <a href="#" class="nav-link" data-toggle="dropdown">
+                <div class="dropdown">
+                  <a href="#" class="nav-link pr-0" data-toggle="dropdown">
                     <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
                     </span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                     <a class="dropdown-item" href="#">
                       <span>Profile</span>
                     </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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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">
@@ -41,11 +41,11 @@
       <div class="page-main">
         <div class="header">
           <div class="container">
-            <div class="navbar p-0">
+            <div class="d-flex">
               <a class="navbar-brand" href="./index.html">
                 <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
-              <div class="nav order-lg-2">
+              <div class="ml-auto d-flex order-lg-2">
                 <div class="nav-item">
                   <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-outline-primary" target="_blank">Source code</a>
                 </div>
@@ -53,7 +53,7 @@
                   <a class="nav-link icon" data-toggle="dropdown">
                     <i class="fe fe-message-square"></i>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
@@ -63,20 +63,20 @@
                     <i class="fe fe-bell"></i>
                     <span class="nav-unread"></span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
                 </div>
-                <div class="dropdown ml-3">
-                  <a href="#" class="nav-link" data-toggle="dropdown">
+                <div class="dropdown">
+                  <a href="#" class="nav-link pr-0" data-toggle="dropdown">
                     <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
                     </span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                     <a class="dropdown-item" href="#">
                       <span>Profile</span>
                     </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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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">
@@ -41,11 +41,11 @@
       <div class="page-main">
         <div class="header">
           <div class="container">
-            <div class="navbar p-0">
+            <div class="d-flex">
               <a class="navbar-brand" href="../index.html">
                 <img src="../demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
-              <div class="nav order-lg-2">
+              <div class="ml-auto d-flex order-lg-2">
                 <div class="nav-item">
                   <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-outline-primary" target="_blank">Source code</a>
                 </div>
@@ -53,7 +53,7 @@
                   <a class="nav-link icon" data-toggle="dropdown">
                     <i class="fe fe-message-square"></i>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
@@ -63,20 +63,20 @@
                     <i class="fe fe-bell"></i>
                     <span class="nav-unread"></span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
                 </div>
-                <div class="dropdown ml-3">
-                  <a href="#" class="nav-link" data-toggle="dropdown">
+                <div class="dropdown">
+                  <a href="#" class="nav-link pr-0" data-toggle="dropdown">
                     <span class="avatar" style="background-image: url(../demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
                     </span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                     <a class="dropdown-item" href="#">
                       <span>Profile</span>
                     </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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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">
@@ -41,11 +41,11 @@
       <div class="page-main">
         <div class="header">
           <div class="container">
-            <div class="navbar p-0">
+            <div class="d-flex">
               <a class="navbar-brand" href="../index.html">
                 <img src="../demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
-              <div class="nav order-lg-2">
+              <div class="ml-auto d-flex order-lg-2">
                 <div class="nav-item">
                   <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-outline-primary" target="_blank">Source code</a>
                 </div>
@@ -53,7 +53,7 @@
                   <a class="nav-link icon" data-toggle="dropdown">
                     <i class="fe fe-message-square"></i>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
@@ -63,20 +63,20 @@
                     <i class="fe fe-bell"></i>
                     <span class="nav-unread"></span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
                 </div>
-                <div class="dropdown ml-3">
-                  <a href="#" class="nav-link" data-toggle="dropdown">
+                <div class="dropdown">
+                  <a href="#" class="nav-link pr-0" data-toggle="dropdown">
                     <span class="avatar" style="background-image: url(../demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
                     </span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                     <a class="dropdown-item" href="#">
                       <span>Profile</span>
                     </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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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">
@@ -41,11 +41,11 @@
       <div class="page-main">
         <div class="header">
           <div class="container">
-            <div class="navbar p-0">
+            <div class="d-flex">
               <a class="navbar-brand" href="../index.html">
                 <img src="../demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
-              <div class="nav order-lg-2">
+              <div class="ml-auto d-flex order-lg-2">
                 <div class="nav-item">
                   <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-outline-primary" target="_blank">Source code</a>
                 </div>
@@ -53,7 +53,7 @@
                   <a class="nav-link icon" data-toggle="dropdown">
                     <i class="fe fe-message-square"></i>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
@@ -63,20 +63,20 @@
                     <i class="fe fe-bell"></i>
                     <span class="nav-unread"></span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
                 </div>
-                <div class="dropdown ml-3">
-                  <a href="#" class="nav-link" data-toggle="dropdown">
+                <div class="dropdown">
+                  <a href="#" class="nav-link pr-0" data-toggle="dropdown">
                     <span class="avatar" style="background-image: url(../demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
                     </span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                     <a class="dropdown-item" href="#">
                       <span>Profile</span>
                     </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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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">
@@ -41,11 +41,11 @@
       <div class="page-main">
         <div class="header">
           <div class="container">
-            <div class="navbar p-0">
+            <div class="d-flex">
               <a class="navbar-brand" href="../index.html">
                 <img src="../demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
-              <div class="nav order-lg-2">
+              <div class="ml-auto d-flex order-lg-2">
                 <div class="nav-item">
                   <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-outline-primary" target="_blank">Source code</a>
                 </div>
@@ -53,7 +53,7 @@
                   <a class="nav-link icon" data-toggle="dropdown">
                     <i class="fe fe-message-square"></i>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
@@ -63,20 +63,20 @@
                     <i class="fe fe-bell"></i>
                     <span class="nav-unread"></span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
                 </div>
-                <div class="dropdown ml-3">
-                  <a href="#" class="nav-link" data-toggle="dropdown">
+                <div class="dropdown">
+                  <a href="#" class="nav-link pr-0" data-toggle="dropdown">
                     <span class="avatar" style="background-image: url(../demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
                     </span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                     <a class="dropdown-item" href="#">
                       <span>Profile</span>
                     </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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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">
@@ -41,11 +41,11 @@
       <div class="page-main">
         <div class="header">
           <div class="container">
-            <div class="navbar p-0">
+            <div class="d-flex">
               <a class="navbar-brand" href="../index.html">
                 <img src="../demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
-              <div class="nav order-lg-2">
+              <div class="ml-auto d-flex order-lg-2">
                 <div class="nav-item">
                   <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-outline-primary" target="_blank">Source code</a>
                 </div>
@@ -53,7 +53,7 @@
                   <a class="nav-link icon" data-toggle="dropdown">
                     <i class="fe fe-message-square"></i>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
@@ -63,20 +63,20 @@
                     <i class="fe fe-bell"></i>
                     <span class="nav-unread"></span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
                 </div>
-                <div class="dropdown ml-3">
-                  <a href="#" class="nav-link" data-toggle="dropdown">
+                <div class="dropdown">
+                  <a href="#" class="nav-link pr-0" data-toggle="dropdown">
                     <span class="avatar" style="background-image: url(../demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
                     </span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                     <a class="dropdown-item" href="#">
                       <span>Profile</span>
                     </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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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">
@@ -41,11 +41,11 @@
       <div class="page-main">
         <div class="header">
           <div class="container">
-            <div class="navbar p-0">
+            <div class="d-flex">
               <a class="navbar-brand" href="../index.html">
                 <img src="../demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
-              <div class="nav order-lg-2">
+              <div class="ml-auto d-flex order-lg-2">
                 <div class="nav-item">
                   <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-outline-primary" target="_blank">Source code</a>
                 </div>
@@ -53,7 +53,7 @@
                   <a class="nav-link icon" data-toggle="dropdown">
                     <i class="fe fe-message-square"></i>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
@@ -63,20 +63,20 @@
                     <i class="fe fe-bell"></i>
                     <span class="nav-unread"></span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
                 </div>
-                <div class="dropdown ml-3">
-                  <a href="#" class="nav-link" data-toggle="dropdown">
+                <div class="dropdown">
+                  <a href="#" class="nav-link pr-0" data-toggle="dropdown">
                     <span class="avatar" style="background-image: url(../demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
                     </span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                     <a class="dropdown-item" href="#">
                       <span>Profile</span>
                     </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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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">
@@ -41,11 +41,11 @@
       <div class="page-main">
         <div class="header">
           <div class="container">
-            <div class="navbar p-0">
+            <div class="d-flex">
               <a class="navbar-brand" href="../index.html">
                 <img src="../demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
-              <div class="nav order-lg-2">
+              <div class="ml-auto d-flex order-lg-2">
                 <div class="nav-item">
                   <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-outline-primary" target="_blank">Source code</a>
                 </div>
@@ -53,7 +53,7 @@
                   <a class="nav-link icon" data-toggle="dropdown">
                     <i class="fe fe-message-square"></i>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
@@ -63,20 +63,20 @@
                     <i class="fe fe-bell"></i>
                     <span class="nav-unread"></span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
                 </div>
-                <div class="dropdown ml-3">
-                  <a href="#" class="nav-link" data-toggle="dropdown">
+                <div class="dropdown">
+                  <a href="#" class="nav-link pr-0" data-toggle="dropdown">
                     <span class="avatar" style="background-image: url(../demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
                     </span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                     <a class="dropdown-item" href="#">
                       <span>Profile</span>
                     </a>

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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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">
@@ -41,11 +41,11 @@
       <div class="page-main">
         <div class="header">
           <div class="container">
-            <div class="navbar p-0">
+            <div class="d-flex">
               <a class="navbar-brand" href="../index.html">
                 <img src="../demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
-              <div class="nav order-lg-2">
+              <div class="ml-auto d-flex order-lg-2">
                 <div class="nav-item">
                   <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-outline-primary" target="_blank">Source code</a>
                 </div>
@@ -53,7 +53,7 @@
                   <a class="nav-link icon" data-toggle="dropdown">
                     <i class="fe fe-message-square"></i>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
@@ -63,20 +63,20 @@
                     <i class="fe fe-bell"></i>
                     <span class="nav-unread"></span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
                 </div>
-                <div class="dropdown ml-3">
-                  <a href="#" class="nav-link" data-toggle="dropdown">
+                <div class="dropdown">
+                  <a href="#" class="nav-link pr-0" data-toggle="dropdown">
                     <span class="avatar" style="background-image: url(../demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
                     </span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                     <a class="dropdown-item" href="#">
                       <span>Profile</span>
                     </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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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">
@@ -41,11 +41,11 @@
       <div class="page-main">
         <div class="header">
           <div class="container">
-            <div class="navbar p-0">
+            <div class="d-flex">
               <a class="navbar-brand" href="../index.html">
                 <img src="../demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
-              <div class="nav order-lg-2">
+              <div class="ml-auto d-flex order-lg-2">
                 <div class="nav-item">
                   <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-outline-primary" target="_blank">Source code</a>
                 </div>
@@ -53,7 +53,7 @@
                   <a class="nav-link icon" data-toggle="dropdown">
                     <i class="fe fe-message-square"></i>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
@@ -63,20 +63,20 @@
                     <i class="fe fe-bell"></i>
                     <span class="nav-unread"></span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
                 </div>
-                <div class="dropdown ml-3">
-                  <a href="#" class="nav-link" data-toggle="dropdown">
+                <div class="dropdown">
+                  <a href="#" class="nav-link pr-0" data-toggle="dropdown">
                     <span class="avatar" style="background-image: url(../demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
                     </span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                     <a class="dropdown-item" href="#">
                       <span>Profile</span>
                     </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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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">
@@ -41,11 +41,11 @@
       <div class="page-main">
         <div class="header">
           <div class="container">
-            <div class="navbar p-0">
+            <div class="d-flex">
               <a class="navbar-brand" href="../index.html">
                 <img src="../demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
-              <div class="nav order-lg-2">
+              <div class="ml-auto d-flex order-lg-2">
                 <div class="nav-item">
                   <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-outline-primary" target="_blank">Source code</a>
                 </div>
@@ -53,7 +53,7 @@
                   <a class="nav-link icon" data-toggle="dropdown">
                     <i class="fe fe-message-square"></i>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
@@ -63,20 +63,20 @@
                     <i class="fe fe-bell"></i>
                     <span class="nav-unread"></span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
                 </div>
-                <div class="dropdown ml-3">
-                  <a href="#" class="nav-link" data-toggle="dropdown">
+                <div class="dropdown">
+                  <a href="#" class="nav-link pr-0" data-toggle="dropdown">
                     <span class="avatar" style="background-image: url(../demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
                     </span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                     <a class="dropdown-item" href="#">
                       <span>Profile</span>
                     </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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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">
@@ -41,11 +41,11 @@
       <div class="page-main">
         <div class="header">
           <div class="container">
-            <div class="navbar p-0">
+            <div class="d-flex">
               <a class="navbar-brand" href="../index.html">
                 <img src="../demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
-              <div class="nav order-lg-2">
+              <div class="ml-auto d-flex order-lg-2">
                 <div class="nav-item">
                   <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-outline-primary" target="_blank">Source code</a>
                 </div>
@@ -53,7 +53,7 @@
                   <a class="nav-link icon" data-toggle="dropdown">
                     <i class="fe fe-message-square"></i>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
@@ -63,20 +63,20 @@
                     <i class="fe fe-bell"></i>
                     <span class="nav-unread"></span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
                 </div>
-                <div class="dropdown ml-3">
-                  <a href="#" class="nav-link" data-toggle="dropdown">
+                <div class="dropdown">
+                  <a href="#" class="nav-link pr-0" data-toggle="dropdown">
                     <span class="avatar" style="background-image: url(../demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
                     </span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                     <a class="dropdown-item" href="#">
                       <span>Profile</span>
                     </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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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">
@@ -41,11 +41,11 @@
       <div class="page-main">
         <div class="header">
           <div class="container">
-            <div class="navbar p-0">
+            <div class="d-flex">
               <a class="navbar-brand" href="./index.html">
                 <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
-              <div class="nav order-lg-2">
+              <div class="ml-auto d-flex order-lg-2">
                 <div class="nav-item">
                   <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-outline-primary" target="_blank">Source code</a>
                 </div>
@@ -53,7 +53,7 @@
                   <a class="nav-link icon" data-toggle="dropdown">
                     <i class="fe fe-message-square"></i>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
@@ -63,20 +63,20 @@
                     <i class="fe fe-bell"></i>
                     <span class="nav-unread"></span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
                 </div>
-                <div class="dropdown ml-3">
-                  <a href="#" class="nav-link" data-toggle="dropdown">
+                <div class="dropdown">
+                  <a href="#" class="nav-link pr-0" data-toggle="dropdown">
                     <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
                     </span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                     <a class="dropdown-item" href="#">
                       <span>Profile</span>
                     </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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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">
@@ -41,11 +41,11 @@
       <div class="page-main">
         <div class="header">
           <div class="container">
-            <div class="navbar p-0">
+            <div class="d-flex">
               <a class="navbar-brand" href="./index.html">
                 <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
-              <div class="nav order-lg-2">
+              <div class="ml-auto d-flex order-lg-2">
                 <div class="nav-item">
                   <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-outline-primary" target="_blank">Source code</a>
                 </div>
@@ -53,7 +53,7 @@
                   <a class="nav-link icon" data-toggle="dropdown">
                     <i class="fe fe-message-square"></i>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
@@ -63,20 +63,20 @@
                     <i class="fe fe-bell"></i>
                     <span class="nav-unread"></span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
                 </div>
-                <div class="dropdown ml-3">
-                  <a href="#" class="nav-link" data-toggle="dropdown">
+                <div class="dropdown">
+                  <a href="#" class="nav-link pr-0" data-toggle="dropdown">
                     <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
                     </span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                     <a class="dropdown-item" href="#">
                       <span>Profile</span>
                     </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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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">
@@ -41,11 +41,11 @@
       <div class="page-main">
         <div class="header">
           <div class="container">
-            <div class="navbar p-0">
+            <div class="d-flex">
               <a class="navbar-brand" href="./index.html">
                 <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
-              <div class="nav order-lg-2">
+              <div class="ml-auto d-flex order-lg-2">
                 <div class="nav-item">
                   <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-outline-primary" target="_blank">Source code</a>
                 </div>
@@ -53,7 +53,7 @@
                   <a class="nav-link icon" data-toggle="dropdown">
                     <i class="fe fe-message-square"></i>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
@@ -63,20 +63,20 @@
                     <i class="fe fe-bell"></i>
                     <span class="nav-unread"></span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
                 </div>
-                <div class="dropdown ml-3">
-                  <a href="#" class="nav-link" data-toggle="dropdown">
+                <div class="dropdown">
+                  <a href="#" class="nav-link pr-0" data-toggle="dropdown">
                     <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
                     </span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                     <a class="dropdown-item" href="#">
                       <span>Profile</span>
                     </a>

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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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">
@@ -41,11 +41,11 @@
       <div class="page-main">
         <div class="header">
           <div class="container">
-            <div class="navbar p-0">
+            <div class="d-flex">
               <a class="navbar-brand" href="./index.html">
                 <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
-              <div class="nav order-lg-2">
+              <div class="ml-auto d-flex order-lg-2">
                 <div class="nav-item">
                   <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-outline-primary" target="_blank">Source code</a>
                 </div>
@@ -53,7 +53,7 @@
                   <a class="nav-link icon" data-toggle="dropdown">
                     <i class="fe fe-message-square"></i>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
@@ -63,20 +63,20 @@
                     <i class="fe fe-bell"></i>
                     <span class="nav-unread"></span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
                 </div>
-                <div class="dropdown ml-3">
-                  <a href="#" class="nav-link" data-toggle="dropdown">
+                <div class="dropdown">
+                  <a href="#" class="nav-link pr-0" data-toggle="dropdown">
                     <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
                     </span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                     <a class="dropdown-item" href="#">
                       <span>Profile</span>
                     </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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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">
@@ -41,11 +41,11 @@
       <div class="page-main">
         <div class="header">
           <div class="container">
-            <div class="navbar p-0">
+            <div class="d-flex">
               <a class="navbar-brand" href="./index.html">
                 <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
-              <div class="nav order-lg-2">
+              <div class="ml-auto d-flex order-lg-2">
                 <div class="nav-item">
                   <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-outline-primary" target="_blank">Source code</a>
                 </div>
@@ -53,7 +53,7 @@
                   <a class="nav-link icon" data-toggle="dropdown">
                     <i class="fe fe-message-square"></i>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
@@ -63,20 +63,20 @@
                     <i class="fe fe-bell"></i>
                     <span class="nav-unread"></span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
                 </div>
-                <div class="dropdown ml-3">
-                  <a href="#" class="nav-link" data-toggle="dropdown">
+                <div class="dropdown">
+                  <a href="#" class="nav-link pr-0" data-toggle="dropdown">
                     <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
                     </span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                     <a class="dropdown-item" href="#">
                       <span>Profile</span>
                     </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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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">
@@ -41,11 +41,11 @@
       <div class="page-main">
         <div class="header">
           <div class="container">
-            <div class="navbar p-0">
+            <div class="d-flex">
               <a class="navbar-brand" href="./index.html">
                 <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
-              <div class="nav order-lg-2">
+              <div class="ml-auto d-flex order-lg-2">
                 <div class="nav-item">
                   <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-outline-primary" target="_blank">Source code</a>
                 </div>
@@ -53,7 +53,7 @@
                   <a class="nav-link icon" data-toggle="dropdown">
                     <i class="fe fe-message-square"></i>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
@@ -63,20 +63,20 @@
                     <i class="fe fe-bell"></i>
                     <span class="nav-unread"></span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
                 </div>
-                <div class="dropdown ml-3">
-                  <a href="#" class="nav-link" data-toggle="dropdown">
+                <div class="dropdown">
+                  <a href="#" class="nav-link pr-0" data-toggle="dropdown">
                     <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
                     </span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                     <a class="dropdown-item" href="#">
                       <span>Profile</span>
                     </a>
@@ -263,7 +263,7 @@
                   <div class="card-header">
                     <h3 class="card-title">Development Activity</h3>
                   </div>
-                  <div id="chart-development-activity" style="height: 14rem"></div>
+                  <div id="chart-development-activity" style="height: 10rem"></div>
                   <table class="table card-table table-striped table-vcenter">
                     <thead>
                       <tr>
@@ -302,6 +302,13 @@
                         <td>April 8, 2018</td>
                         <td><a href="#" class="icon"><i class="fe fe-trash"></i></a></td>
                       </tr>
+                      <tr>
+                        <td><span class="avatar" style="background-image: url(./demo/faces/female/11.jpg)"></span></td>
+                        <td>Sharon Wells</td>
+                        <td>Fixes #625</td>
+                        <td>April 9, 2018</td>
+                        <td><a href="#" class="icon"><i class="fe fe-trash"></i></a></td>
+                      </tr>
                     </tbody>
                   </table>
                 </div>
@@ -313,26 +320,18 @@
                   			data: {
                   				columns: [
                   				    // each columns data
-                  					['data1', 30, 10, 10, 15, 0, 47, 65, 10],
-                  					['data2', 20, 25, 30, 35, 55, 42, 15, 25],
-                  					['data3', 10, 30, 25, 30, 35, 15, 10, 15]
+                  					['data1', 0, 5, 1, 2, 7, 5, 6, 8, 24, 7, 12, 5, 6, 3, 2, 2, 6, 30, 10, 10, 15, 14, 47, 65, 55]
                   				],
-                  				classes: {
-                  					data1: 'filled',
-                  					data2: 'filled',
-                  					data3: 'filled'
-                  				},
                   				type: 'area', // default type of chart
+                  				groups: [
+                  					[ 'data1', 'data2', 'data3']
+                  				],
                   				colors: {
-                  					'data1': tabler.colors["blue"],
-                  					'data2': tabler.colors["blue-light"],
-                  					'data3': tabler.colors["blue-lighter"]
+                  					'data1': tabler.colors["blue"]
                   				},
                   				names: {
                   				    // name of each serie
-                  					'data1': 'Purchases',
-                  					'data2': 'Plans',
-                  					'data3': 'Services'
+                  					'data1': 'Purchases'
                   				}
                   			},
                   			axis: {
@@ -635,7 +634,7 @@
                         <td>
                           <div>Elizabeth Martin</div>
                           <div class="small text-muted">
-                            Registered: Feb 23, 2018
+                            Registered: Feb 26, 2018
                           </div>
                         </td>
                         <td>
@@ -685,7 +684,7 @@
                         <td>
                           <div>Michelle Schultz</div>
                           <div class="small text-muted">
-                            Registered: Feb 7, 2018
+                            Registered: Feb 10, 2018
                           </div>
                         </td>
                         <td>
@@ -735,7 +734,7 @@
                         <td>
                           <div>Crystal Austin</div>
                           <div class="small text-muted">
-                            Registered: Mar 14, 2018
+                            Registered: Mar 17, 2018
                           </div>
                         </td>
                         <td>
@@ -785,7 +784,7 @@
                         <td>
                           <div>Douglas Ray</div>
                           <div class="small text-muted">
-                            Registered: Dec 23, 2017
+                            Registered: Dec 26, 2017
                           </div>
                         </td>
                         <td>
@@ -835,7 +834,7 @@
                         <td>
                           <div>Teresa Reyes</div>
                           <div class="small text-muted">
-                            Registered: Feb 9, 2018
+                            Registered: Feb 12, 2018
                           </div>
                         </td>
                         <td>
@@ -885,7 +884,7 @@
                         <td>
                           <div>Emma Wade</div>
                           <div class="small text-muted">
-                            Registered: Feb 24, 2018
+                            Registered: Feb 27, 2018
                           </div>
                         </td>
                         <td>
@@ -935,7 +934,7 @@
                         <td>
                           <div>Carol Henderson</div>
                           <div class="small text-muted">
-                            Registered: Jan 29, 2018
+                            Registered: Feb 1, 2018
                           </div>
                         </td>
                         <td>
@@ -985,7 +984,7 @@
                         <td>
                           <div>Christopher Harvey</div>
                           <div class="small text-muted">
-                            Registered: Dec 29, 2017
+                            Registered: Jan 1, 2018
                           </div>
                         </td>
                         <td>

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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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">
@@ -41,11 +41,11 @@
       <div class="page-main">
         <div class="header">
           <div class="container">
-            <div class="navbar p-0">
+            <div class="d-flex">
               <a class="navbar-brand" href="./index.html">
                 <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
-              <div class="nav order-lg-2">
+              <div class="ml-auto d-flex order-lg-2">
                 <div class="nav-item">
                   <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-outline-primary" target="_blank">Source code</a>
                 </div>
@@ -53,7 +53,7 @@
                   <a class="nav-link icon" data-toggle="dropdown">
                     <i class="fe fe-message-square"></i>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
@@ -63,20 +63,20 @@
                     <i class="fe fe-bell"></i>
                     <span class="nav-unread"></span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
                 </div>
-                <div class="dropdown ml-3">
-                  <a href="#" class="nav-link" data-toggle="dropdown">
+                <div class="dropdown">
+                  <a href="#" class="nav-link pr-0" data-toggle="dropdown">
                     <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
                     </span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                     <a class="dropdown-item" href="#">
                       <span>Profile</span>
                     </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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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">
@@ -41,11 +41,11 @@
       <div class="page-main">
         <div class="header">
           <div class="container">
-            <div class="navbar p-0">
+            <div class="d-flex">
               <a class="navbar-brand" href="./index.html">
                 <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
-              <div class="nav order-lg-2">
+              <div class="ml-auto d-flex order-lg-2">
                 <div class="nav-item">
                   <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-outline-primary" target="_blank">Source code</a>
                 </div>
@@ -53,7 +53,7 @@
                   <a class="nav-link icon" data-toggle="dropdown">
                     <i class="fe fe-message-square"></i>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
@@ -63,20 +63,20 @@
                     <i class="fe fe-bell"></i>
                     <span class="nav-unread"></span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
                 </div>
-                <div class="dropdown ml-3">
-                  <a href="#" class="nav-link" data-toggle="dropdown">
+                <div class="dropdown">
+                  <a href="#" class="nav-link pr-0" data-toggle="dropdown">
                     <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
                     </span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                     <a class="dropdown-item" href="#">
                       <span>Profile</span>
                     </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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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">
@@ -41,11 +41,11 @@
       <div class="page-main">
         <div class="header">
           <div class="container">
-            <div class="navbar p-0">
+            <div class="d-flex">
               <a class="navbar-brand" href="./index.html">
                 <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
-              <div class="nav order-lg-2">
+              <div class="ml-auto d-flex order-lg-2">
                 <div class="nav-item">
                   <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-outline-primary" target="_blank">Source code</a>
                 </div>
@@ -53,7 +53,7 @@
                   <a class="nav-link icon" data-toggle="dropdown">
                     <i class="fe fe-message-square"></i>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
@@ -63,20 +63,20 @@
                     <i class="fe fe-bell"></i>
                     <span class="nav-unread"></span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
                 </div>
-                <div class="dropdown ml-3">
-                  <a href="#" class="nav-link" data-toggle="dropdown">
+                <div class="dropdown">
+                  <a href="#" class="nav-link pr-0" data-toggle="dropdown">
                     <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
                     </span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                     <a class="dropdown-item" href="#">
                       <span>Profile</span>
                     </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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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">
@@ -41,11 +41,11 @@
       <div class="page-main">
         <div class="header">
           <div class="container">
-            <div class="navbar p-0">
+            <div class="d-flex">
               <a class="navbar-brand" href="./index.html">
                 <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
-              <div class="nav order-lg-2">
+              <div class="ml-auto d-flex order-lg-2">
                 <div class="nav-item">
                   <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-outline-primary" target="_blank">Source code</a>
                 </div>
@@ -53,7 +53,7 @@
                   <a class="nav-link icon" data-toggle="dropdown">
                     <i class="fe fe-message-square"></i>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
@@ -63,20 +63,20 @@
                     <i class="fe fe-bell"></i>
                     <span class="nav-unread"></span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
                 </div>
-                <div class="dropdown ml-3">
-                  <a href="#" class="nav-link" data-toggle="dropdown">
+                <div class="dropdown">
+                  <a href="#" class="nav-link pr-0" data-toggle="dropdown">
                     <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
                     </span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                     <a class="dropdown-item" href="#">
                       <span>Profile</span>
                     </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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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">
@@ -41,11 +41,11 @@
       <div class="page-main">
         <div class="header">
           <div class="container">
-            <div class="navbar p-0">
+            <div class="d-flex">
               <a class="navbar-brand" href="./index.html">
                 <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
-              <div class="nav order-lg-2">
+              <div class="ml-auto d-flex order-lg-2">
                 <div class="nav-item">
                   <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-outline-primary" target="_blank">Source code</a>
                 </div>
@@ -53,7 +53,7 @@
                   <a class="nav-link icon" data-toggle="dropdown">
                     <i class="fe fe-message-square"></i>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
@@ -63,20 +63,20 @@
                     <i class="fe fe-bell"></i>
                     <span class="nav-unread"></span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
                 </div>
-                <div class="dropdown ml-3">
-                  <a href="#" class="nav-link" data-toggle="dropdown">
+                <div class="dropdown">
+                  <a href="#" class="nav-link pr-0" data-toggle="dropdown">
                     <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
                     </span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                     <a class="dropdown-item" href="#">
                       <span>Profile</span>
                     </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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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">
@@ -41,11 +41,11 @@
       <div class="page-main">
         <div class="header">
           <div class="container">
-            <div class="navbar p-0">
+            <div class="d-flex">
               <a class="navbar-brand" href="./index.html">
                 <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
-              <div class="nav order-lg-2">
+              <div class="ml-auto d-flex order-lg-2">
                 <div class="nav-item">
                   <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-outline-primary" target="_blank">Source code</a>
                 </div>
@@ -53,7 +53,7 @@
                   <a class="nav-link icon" data-toggle="dropdown">
                     <i class="fe fe-message-square"></i>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
@@ -63,20 +63,20 @@
                     <i class="fe fe-bell"></i>
                     <span class="nav-unread"></span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
                 </div>
-                <div class="dropdown ml-3">
-                  <a href="#" class="nav-link" data-toggle="dropdown">
+                <div class="dropdown">
+                  <a href="#" class="nav-link pr-0" data-toggle="dropdown">
                     <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
                     </span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                     <a class="dropdown-item" href="#">
                       <span>Profile</span>
                     </a>
@@ -261,9 +261,9 @@
                   <div class="card-header">
                     <div class="input-group">
                       <input type="text" class="form-control" placeholder="Message">
-                      <div class="input-group-btn">
+                      <div class="input-group-append">
                         <button type="button" class="btn btn-secondary">
-                          <i class="si si-camera"></i>
+                          <i class="fe fe-camera"></i>
                         </button>
                       </div>
                     </div>

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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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">
@@ -41,11 +41,11 @@
       <div class="page-main">
         <div class="header">
           <div class="container">
-            <div class="navbar p-0">
+            <div class="d-flex">
               <a class="navbar-brand" href="./index.html">
                 <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
-              <div class="nav order-lg-2">
+              <div class="ml-auto d-flex order-lg-2">
                 <div class="nav-item">
                   <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-outline-primary" target="_blank">Source code</a>
                 </div>
@@ -53,7 +53,7 @@
                   <a class="nav-link icon" data-toggle="dropdown">
                     <i class="fe fe-message-square"></i>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
@@ -63,20 +63,20 @@
                     <i class="fe fe-bell"></i>
                     <span class="nav-unread"></span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
                 </div>
-                <div class="dropdown ml-3">
-                  <a href="#" class="nav-link" data-toggle="dropdown">
+                <div class="dropdown">
+                  <a href="#" class="nav-link pr-0" data-toggle="dropdown">
                     <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
                     </span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                     <a class="dropdown-item" href="#">
                       <span>Profile</span>
                     </a>

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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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">
@@ -41,11 +41,11 @@
       <div class="page-main">
         <div class="header">
           <div class="container">
-            <div class="navbar p-0">
+            <div class="d-flex">
               <a class="navbar-brand" href="./index.html">
                 <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
-              <div class="nav order-lg-2">
+              <div class="ml-auto d-flex order-lg-2">
                 <div class="nav-item">
                   <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-outline-primary" target="_blank">Source code</a>
                 </div>
@@ -53,7 +53,7 @@
                   <a class="nav-link icon" data-toggle="dropdown">
                     <i class="fe fe-message-square"></i>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
@@ -63,20 +63,20 @@
                     <i class="fe fe-bell"></i>
                     <span class="nav-unread"></span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
                 </div>
-                <div class="dropdown ml-3">
-                  <a href="#" class="nav-link" data-toggle="dropdown">
+                <div class="dropdown">
+                  <a href="#" class="nav-link pr-0" data-toggle="dropdown">
                     <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
                     </span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                     <a class="dropdown-item" href="#">
                       <span>Profile</span>
                     </a>

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-23 13:46:25 +0100 -->
+    <!-- Generated: 2018-03-26 17:42:19 +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">
@@ -41,11 +41,11 @@
       <div class="page-main">
         <div class="header">
           <div class="container">
-            <div class="navbar p-0">
+            <div class="d-flex">
               <a class="navbar-brand" href="./index.html">
                 <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
-              <div class="nav order-lg-2">
+              <div class="ml-auto d-flex order-lg-2">
                 <div class="nav-item">
                   <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-outline-primary" target="_blank">Source code</a>
                 </div>
@@ -53,7 +53,7 @@
                   <a class="nav-link icon" data-toggle="dropdown">
                     <i class="fe fe-message-square"></i>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
@@ -63,20 +63,20 @@
                     <i class="fe fe-bell"></i>
                     <span class="nav-unread"></span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
                     delectus dolore dolores maxime nesciunt qui quia totam.
                   </div>
                 </div>
-                <div class="dropdown ml-3">
-                  <a href="#" class="nav-link" data-toggle="dropdown">
+                <div class="dropdown">
+                  <a href="#" class="nav-link pr-0" data-toggle="dropdown">
                     <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
                     </span>
                   </a>
-                  <div class="dropdown-menu dropdown-menu-right">
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                     <a class="dropdown-item" href="#">
                       <span>Profile</span>
                     </a>