Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-06-17 12:50:03 +04:00
Code Issues Projects Releases Wiki Activity

colors

Browse Source
This commit is contained in:
chomik
2018-03-06 13:00:14 +01:00
parent 87d55fac4c
commit 03f427f45d
48 changed files with 1546 additions and 15244 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dist/400.html
Vendored
+1 -1
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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
Vendored
+1 -1
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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
Vendored
+1 -1
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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
Vendored
+1 -1
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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
Vendored
+1 -1
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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
Vendored
+1 -1
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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/css/dashboard.css
Vendored
+948 -469
View File
File diff suppressed because it is too large Load Diff
dist/assets/js/core.js
Vendored
-4
View File
@@ -94,8 +94,4 @@ $(document).ready(function () {
});
});
}
});
dist/assets/js/dashboard.js
Vendored
+98 -14
View File
@@ -23,20 +23,104 @@ paths: {
});
window.tabler = {
colors: {
"blue": "#467fcf",
"azure": "#45aaf2",
"indigo": "#6574cd",
"purple": "#a55eea",
"pink": "#f66d9b",
"red": "#e74c3c",
"orange": "#fd9644",
"yellow": "#f1c40f",
"lime": "#7bd235",
"green": "#5eba00",
"teal": "#2bcbba",
"cyan": "#17a2b8",
"gray": "#868e96",
"gray-dark": "#343a40"
'blue': '#467fcf',
'blue-darkest': '#0e1929',
'blue-darker': '#1c3353',
'blue-dark': '#3866a6',
'blue-light': '#7ea5dd',
'blue-lighter': '#c8d9f1',
'blue-lightest': '#edf2fa',
'azure': '#45aaf2',
'azure-darkest': '#0e2230',
'azure-darker': '#1c4461',
'azure-dark': '#3788c2',
'azure-light': '#7dc4f6',
'azure-lighter': '#c7e6fb',
'azure-lightest': '#ecf7fe',
'indigo': '#6574cd',
'indigo-darkest': '#141729',
'indigo-darker': '#282e52',
'indigo-dark': '#515da4',
'indigo-light': '#939edc',
'indigo-lighter': '#d1d5f0',
'indigo-lightest': '#f0f1fa',
'purple': '#a55eea',
'purple-darkest': '#21132f',
'purple-darker': '#42265e',
'purple-dark': '#844bbb',
'purple-light': '#c08ef0',
'purple-lighter': '#e4cff9',
'purple-lightest': '#f6effd',
'pink': '#f66d9b',
'pink-darkest': '#31161f',
'pink-darker': '#622c3e',
'pink-dark': '#c5577c',
'pink-light': '#f999b9',
'pink-lighter': '#fcd3e1',
'pink-lightest': '#fef0f5',
'red': '#e74c3c',
'red-darkest': '#2e0f0c',
'red-darker': '#5c1e18',
'red-dark': '#b93d30',
'red-light': '#ee8277',
'red-lighter': '#f8c9c5',
'red-lightest': '#fdedec',
'orange': '#fd9644',
'orange-darkest': '#331e0e',
'orange-darker': '#653c1b',
'orange-dark': '#ca7836',
'orange-light': '#feb67c',
'orange-lighter': '#fee0c7',
'orange-lightest': '#fff5ec',
'yellow': '#f1c40f',
'yellow-darkest': '#302703',
'yellow-darker': '#604e06',
'yellow-dark': '#c19d0c',
'yellow-light': '#f5d657',
'yellow-lighter': '#fbedb7',
'yellow-lightest': '#fef9e7',
'lime': '#7bd235',
'lime-darkest': '#192a0b',
'lime-darker': '#315415',
'lime-dark': '#62a82a',
'lime-light': '#a3e072',
'lime-lighter': '#d7f2c2',
'lime-lightest': '#f2fbeb',
'green': '#5eba00',
'green-darkest': '#132500',
'green-darker': '#264a00',
'green-dark': '#4b9500',
'green-light': '#8ecf4d',
'green-lighter': '#cfeab3',
'green-lightest': '#eff8e6',
'teal': '#2bcbba',
'teal-darkest': '#092925',
'teal-darker': '#11514a',
'teal-dark': '#22a295',
'teal-light': '#6bdbcf',
'teal-lighter': '#bfefea',
'teal-lightest': '#eafaf8',
'cyan': '#17a2b8',
'cyan-darkest': '#052025',
'cyan-darker': '#09414a',
'cyan-dark': '#128293',
'cyan-light': '#5dbecd',
'cyan-lighter': '#b9e3ea',
'cyan-lightest': '#e8f6f8',
'gray': '#868e96',
'gray-darkest': '#1b1c1e',
'gray-darker': '#36393c',
'gray-dark': '#6b7278',
'gray-light': '#aab0b6',
'gray-lighter': '#dbdde0',
'gray-lightest': '#f3f4f5',
'gray-dark': '#343a40',
'gray-dark-darkest': '#0a0c0d',
'gray-dark-darker': '#15171a',
'gray-dark-dark': '#2a2e33',
'gray-dark-light': '#717579',
'gray-dark-lighter': '#c2c4c6',
'gray-dark-lightest': '#ebebec'
}
};
require(['core']);
dist/assets/plugins/charts-c3/plugin.css
Vendored
+6 -3
View File
@@ -124,10 +124,9 @@
}
.c3-legend-background {
opacity: 0.75;
fill: white;
fill: transparent;
stroke: lightgray;
stroke-width: 1;
stroke-width: 0;
}
/*-- Title --*/
@@ -182,6 +181,10 @@
opacity: 0.1;
}
.c3-target-filled .c3-area {
opacity: 1 !important;
}
/*-- Arc --*/
.c3-chart-arcs-title {
dominant-baseline: middle;
dist/assets/plugins/charts-c3/plugin.min.css
Vendored
-224
View File
@@ -1,224 +0,0 @@
/*-- Chart --*/
.c3 svg {
font: 10px sans-serif;
-webkit-tap-highlight-color: transparent;
font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}
.c3 path,
.c3 line {
fill: none;
stroke: rgba(0, 40, 100, 0.12);
}
.c3 text {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: px2rem(12px);
}
.c3-legend-item-tile,
.c3-xgrid-focus,
.c3-ygrid,
.c3-event-rect,
.c3-bars path {
shape-rendering: crispEdges;
}
.c3-chart-arc path {
stroke: #fff;
}
.c3-chart-arc text {
fill: #fff;
font-size: 13px;
}
/*-- Axis --*/
/*-- Grid --*/
.c3-grid line {
stroke: #f0f0f0;
}
.c3-grid text {
fill: #aaa;
}
.c3-xgrid,
.c3-ygrid {
stroke: #e6e6e6;
stroke-dasharray: 2 4;
}
/*-- Text on Chart --*/
.c3-text {
font-size: 12px;
}
.c3-text.c3-empty {
fill: #808080;
font-size: 2em;
}
/*-- Line --*/
.c3-line {
stroke-width: 2px;
}
/*-- Point --*/
.c3-circle._expanded_ {
stroke-width: 2px;
stroke: white;
}
.c3-selected-circle {
fill: white;
stroke-width: 1.5px;
}
/*-- Bar --*/
.c3-bar {
stroke-width: 0;
}
.c3-bar._expanded_ {
fill-opacity: 1;
fill-opacity: 0.75;
}
/*-- Focus --*/
.c3-target.c3-focused {
opacity: 1;
}
.c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step {
stroke-width: 2px;
}
.c3-target.c3-defocused {
opacity: 0.3 !important;
}
/*-- Region --*/
.c3-region {
fill: steelblue;
fill-opacity: .1;
}
/*-- Brush --*/
.c3-brush .extent {
fill-opacity: .1;
}
/*-- Select - Drag --*/
/*-- Legend --*/
.c3-legend-item text {
fill: #545454;
font-size: 14px;
}
.c3-legend-item-hidden {
opacity: 0.15;
}
.c3-legend-background {
opacity: 0.75;
fill: white;
stroke: lightgray;
stroke-width: 1;
}
/*-- Title --*/
.c3-title {
font: 14px sans-serif;
}
/*-- Tooltip --*/
.c3-tooltip-container {
z-index: 10;
}
.c3-tooltip {
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
font-size: 11px;
line-height: 1;
font-weight: 700;
color: #fff;
border-radius: 3px;
background: #212529;
white-space: nowrap;
}
.c3-tooltip th {
padding: 6px 6px;
text-align: left;
}
.c3-tooltip td {
padding: 4px 6px;
font-weight: 400;
}
.c3-tooltip td > span {
display: inline-block;
width: 8px;
height: 8px;
margin-right: 8px;
border-radius: 50%;
vertical-align: baseline;
}
.c3-tooltip td.value {
text-align: right;
}
/*-- Area --*/
.c3-area {
stroke-width: 0;
opacity: 0.1;
}
/*-- Arc --*/
.c3-chart-arcs-title {
dominant-baseline: middle;
font-size: 1.3em;
}
.c3-chart-arcs .c3-chart-arcs-background {
fill: #e0e0e0;
stroke: none;
}
.c3-chart-arcs .c3-chart-arcs-gauge-unit {
fill: #000;
font-size: 16px;
}
.c3-chart-arcs .c3-chart-arcs-gauge-max {
fill: #777;
}
.c3-chart-arcs .c3-chart-arcs-gauge-min {
fill: #777;
}
.c3-chart-arc .c3-gauge-value {
fill: #000;
/* font-size: 28px !important;*/
}
.c3-chart-arc.c3-target g path {
opacity: 1;
}
.c3-chart-arc.c3-target.c3-focused g path {
opacity: 1;
}
.c3-axis {
fill: #868e96;
}
dist/assets/plugins/fullcalendar/plugin.min.css
Vendored
-1125
View File
File diff suppressed because it is too large Load Diff
dist/assets/plugins/iconfonts/plugin.min.css
Vendored
-12830
View File
File diff suppressed because it is too large Load Diff
dist/assets/plugins/maps-google/plugin.min.css
Vendored
View File
dist/assets/plugins/prismjs/plugin.min.css
Vendored
-198
View File
@@ -1,198 +0,0 @@
@charset "UTF-8";
/* PrismJS 1.9.0
http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+ruby+json+less+php+python+jsx+sass+scss+sql&plugins=line-highlight+line-numbers */
/**
* prism.js default theme for JavaScript, CSS and HTML
* Based on dabblet (http://dabblet.com)
* @author Lea Verou
*/
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: slategray;
}
.token.punctuation {
color: #999;
}
.namespace {
opacity: .7;
}
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
color: #905;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
color: #690;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
color: #a67f59;
background: rgba(255, 255, 255, 0.5);
}
.token.atrule,
.token.attr-value,
.token.keyword {
color: #07a;
}
.token.function {
color: #dd4a68;
}
.token.regex,
.token.important,
.token.variable {
color: #e90;
}
.token.important,
.token.bold {
font-weight: bold;
}
.token.italic {
font-style: italic;
}
.token.entity {
cursor: help;
}
pre[data-line] {
position: relative;
}
.line-highlight {
position: absolute;
left: 0;
right: 0;
margin-top: 1em;
/* Same as .prism’s padding-top */
background: rgba(255, 255, 0, 0.1);
pointer-events: none;
line-height: inherit;
white-space: pre;
}
.line-highlight:before,
.line-highlight[data-end]:after {
content: attr(data-start);
position: absolute;
top: .4em;
left: .6em;
min-width: 1em;
padding: 0 .5em;
background-color: rgba(153, 122, 102, 0.4);
color: #f5f2f0;
font: bold 65%/1.5 sans-serif;
text-align: center;
vertical-align: .3em;
border-radius: 999px;
text-shadow: none;
box-shadow: 0 1px white;
}
.line-highlight[data-end]:after {
content: attr(data-end);
top: auto;
bottom: .4em;
}
.line-numbers .line-highlight:before,
.line-numbers .line-highlight:after {
content: none;
}
pre.line-numbers {
position: relative;
padding-left: 3.8em;
counter-reset: linenumber;
}
pre.line-numbers > code {
position: relative;
white-space: inherit;
}
.line-numbers .line-numbers-rows {
position: absolute;
pointer-events: none;
top: 0;
font-size: 100%;
left: -3.8em;
width: 3em;
/* works for line-numbers below 1000 lines */
letter-spacing: -1px;
border-right: 1px solid rgba(0, 40, 100, 0.12);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.line-numbers-rows > span {
pointer-events: none;
display: block;
counter-increment: linenumber;
}
.line-numbers-rows > span:before {
content: counter(linenumber);
color: rgba(134, 142, 150, 0.5);
display: block;
padding-right: 0.8em;
text-align: right;
}
pre.code-toolbar {
position: relative;
}
pre.code-toolbar > .toolbar {
position: absolute;
top: .3em;
right: .2em;
transition: opacity 0.3s ease-in-out;
opacity: 1;
}
pre.code-toolbar > .toolbar .toolbar-item {
display: inline-block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
pre.code-toolbar > .toolbar a {
cursor: pointer;
}
pre.code-toolbar > .toolbar a,
pre.code-toolbar > .toolbar button,
pre.code-toolbar > .toolbar span {
color: #868e96;
padding: 0 .5em;
font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
font-size: px2rem(14px);
}
dist/blog.html
Vendored
+2 -1
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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">
@@ -151,6 +151,7 @@
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
</div>
</li>
dist/cards.html
Vendored
+2 -1
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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">
@@ -151,6 +151,7 @@
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
</div>
</li>
dist/charts.html
Vendored
+64 -57
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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">
@@ -151,6 +151,7 @@
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
</div>
</li>
@@ -208,9 +209,9 @@
],
type: 'line', // default type of chart
colors: {
'data1': tabler.colors.orange,
'data2': tabler.colors.blue,
'data3': tabler.colors.green
'data1': tabler.colors["orange"],
'data2': tabler.colors["blue"],
'data3': tabler.colors["green"]
},
names: {
// name of each serie
@@ -227,7 +228,7 @@
},
},
legend: {
show: false, //hide legend
show: false, //hide legend
},
padding: {
bottom: 0,
@@ -261,8 +262,8 @@
labels: true,
type: 'line', // default type of chart
colors: {
'data1': tabler.colors.blue,
'data2': tabler.colors.green
'data1': tabler.colors["blue"],
'data2': tabler.colors["green"]
},
names: {
// name of each serie
@@ -278,7 +279,7 @@
},
},
legend: {
show: false, //hide legend
show: false, //hide legend
},
padding: {
bottom: 0,
@@ -311,8 +312,8 @@
],
type: 'area', // default type of chart
colors: {
'data1': tabler.colors.blue,
'data2': tabler.colors.pink
'data1': tabler.colors["blue"],
'data2': tabler.colors["pink"]
},
names: {
// name of each serie
@@ -328,7 +329,7 @@
},
},
legend: {
show: false, //hide legend
show: false, //hide legend
},
padding: {
bottom: 0,
@@ -361,8 +362,8 @@
],
type: 'area-spline', // default type of chart
colors: {
'data1': tabler.colors.blue,
'data2': tabler.colors.pink
'data1': tabler.colors["blue"],
'data2': tabler.colors["pink"]
},
names: {
// name of each serie
@@ -378,7 +379,7 @@
},
},
legend: {
show: false, //hide legend
show: false, //hide legend
},
padding: {
bottom: 0,
@@ -414,8 +415,8 @@
[ 'data1', 'data2']
],
colors: {
'data1': tabler.colors.blue,
'data2': tabler.colors.pink
'data1': tabler.colors["blue"],
'data2': tabler.colors["pink"]
},
names: {
// name of each serie
@@ -431,7 +432,7 @@
},
},
legend: {
show: false, //hide legend
show: false, //hide legend
},
padding: {
bottom: 0,
@@ -465,8 +466,8 @@
labels: true,
type: 'spline', // default type of chart
colors: {
'data1': tabler.colors.blue,
'data2': tabler.colors.green
'data1': tabler.colors["blue"],
'data2': tabler.colors["green"]
},
names: {
// name of each serie
@@ -482,7 +483,7 @@
},
},
legend: {
show: false, //hide legend
show: false, //hide legend
},
padding: {
bottom: 0,
@@ -515,8 +516,8 @@
],
type: 'spline', // default type of chart
colors: {
'data1': tabler.colors.blue,
'data2': tabler.colors.pink
'data1': tabler.colors["blue"],
'data2': tabler.colors["pink"]
},
names: {
// name of each serie
@@ -533,7 +534,7 @@
rotated: true,
},
legend: {
show: false, //hide legend
show: false, //hide legend
},
padding: {
bottom: 0,
@@ -566,8 +567,8 @@
],
type: 'step', // default type of chart
colors: {
'data1': tabler.colors.blue,
'data2': tabler.colors.pink
'data1': tabler.colors["blue"],
'data2': tabler.colors["pink"]
},
names: {
// name of each serie
@@ -583,7 +584,7 @@
},
},
legend: {
show: false, //hide legend
show: false, //hide legend
},
padding: {
bottom: 0,
@@ -616,8 +617,8 @@
],
type: 'area-step', // default type of chart
colors: {
'data1': tabler.colors.blue,
'data2': tabler.colors.pink
'data1': tabler.colors["blue"],
'data2': tabler.colors["pink"]
},
names: {
// name of each serie
@@ -633,7 +634,7 @@
},
},
legend: {
show: false, //hide legend
show: false, //hide legend
},
padding: {
bottom: 0,
@@ -666,8 +667,8 @@
],
type: 'bar', // default type of chart
colors: {
'data1': tabler.colors.blue,
'data2': tabler.colors.pink
'data1': tabler.colors["blue"],
'data2': tabler.colors["pink"]
},
names: {
// name of each serie
@@ -686,7 +687,7 @@
width: 16
},
legend: {
show: false, //hide legend
show: false, //hide legend
},
padding: {
bottom: 0,
@@ -719,8 +720,8 @@
],
type: 'bar', // default type of chart
colors: {
'data1': tabler.colors.blue,
'data2': tabler.colors.pink
'data1': tabler.colors["blue"],
'data2': tabler.colors["pink"]
},
names: {
// name of each serie
@@ -740,7 +741,7 @@
width: 16
},
legend: {
show: false, //hide legend
show: false, //hide legend
},
padding: {
bottom: 0,
@@ -776,8 +777,8 @@
[ 'data1', 'data2']
],
colors: {
'data1': tabler.colors.blue,
'data2': tabler.colors.pink
'data1': tabler.colors["blue"],
'data2': tabler.colors["pink"]
},
names: {
// name of each serie
@@ -796,7 +797,7 @@
width: 16
},
legend: {
show: false, //hide legend
show: false, //hide legend
},
padding: {
bottom: 0,
@@ -825,26 +826,32 @@
columns: [
// each columns data
['data1', 63],
['data2', 37]
['data2', 44],
['data3', 12],
['data4', 14]
],
type: 'pie', // default type of chart
colors: {
'data1': tabler.colors.blue,
'data2': tabler.colors.pink
'data1': tabler.colors["blue-darker"],
'data2': tabler.colors["blue"],
'data3': tabler.colors["blue-light"],
'data4': tabler.colors["blue-lighter"]
},
names: {
// name of each serie
'data1': 'Maximum',
'data2': 'Minimum'
'data1': 'A',
'data2': 'B',
'data3': 'C',
'data4': 'D'
}
},
axis: {
},
legend: {
padding: 16,
show: false, //hide legend
},
padding: {
bottom: 16,
bottom: 0,
top: 0
},
});
@@ -874,8 +881,8 @@
],
type: 'donut', // default type of chart
colors: {
'data1': tabler.colors.blue,
'data2': tabler.colors.pink
'data1': tabler.colors["green"],
'data2': tabler.colors["green-light"]
},
names: {
// name of each serie
@@ -886,10 +893,10 @@
axis: {
},
legend: {
padding: 16,
show: false, //hide legend
},
padding: {
bottom: 16,
bottom: 0,
top: 0
},
});
@@ -919,8 +926,8 @@
],
type: 'scatter', // default type of chart
colors: {
'data1': tabler.colors.blue,
'data2': tabler.colors.pink
'data1': tabler.colors["blue"],
'data2': tabler.colors["pink"]
},
names: {
// name of each serie
@@ -936,7 +943,7 @@
},
},
legend: {
show: false, //hide legend
show: false, //hide legend
},
padding: {
bottom: 0,
@@ -978,10 +985,10 @@
[ 'data1', 'data4']
],
colors: {
'data1': tabler.colors.green,
'data2': tabler.colors.pink,
'data3': tabler.colors.green,
'data4': tabler.colors.blue
'data1': tabler.colors["green"],
'data2': tabler.colors["pink"],
'data3': tabler.colors["green"],
'data4': tabler.colors["blue"]
},
names: {
// name of each serie
@@ -1002,7 +1009,7 @@
width: 16
},
legend: {
show: false, //hide legend
show: false, //hide legend
},
padding: {
bottom: 0,
dist/crypto-currencies.html
Vendored
+2 -1
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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">
@@ -151,6 +151,7 @@
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
</div>
</li>
dist/docs/alerts.html
Vendored
+3 -1
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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">
@@ -151,6 +151,7 @@
<a href="../404.html" class="nav-item ">404 error</a>
<a href="../500.html" class="nav-item ">500 error</a>
<a href="../503.html" class="nav-item ">503 error</a>
<a href="../email.html" class="nav-item ">Email</a>
<a href="../empty.html" class="nav-item ">Empty page</a>
</div>
</li>
@@ -198,6 +199,7 @@
<a href="../docs/alerts.html" class="list-group-item list-group-item-action active"><span class="icon mr-3"><i class="fe fe-alert-triangle"></i></span>Alerts</a>
<a href="../docs/avatars.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-user"></i></span>Avatars</a>
<a href="../docs/buttons.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-plus-square"></i></span>Buttons</a>
<a href="../docs/colors.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-feather"></i></span>Colors</a>
<a href="../docs/cards.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-image"></i></span>Cards</a>
<a href="../docs/charts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-pie-chart"></i></span>Charts</a>
<a href="../docs/form-components.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-check-square"></i></span>Form components</a>
dist/docs/avatars.html
Vendored
+3 -1
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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">
@@ -151,6 +151,7 @@
<a href="../404.html" class="nav-item ">404 error</a>
<a href="../500.html" class="nav-item ">500 error</a>
<a href="../503.html" class="nav-item ">503 error</a>
<a href="../email.html" class="nav-item ">Email</a>
<a href="../empty.html" class="nav-item ">Empty page</a>
</div>
</li>
@@ -198,6 +199,7 @@
<a href="../docs/alerts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-alert-triangle"></i></span>Alerts</a>
<a href="../docs/avatars.html" class="list-group-item list-group-item-action active"><span class="icon mr-3"><i class="fe fe-user"></i></span>Avatars</a>
<a href="../docs/buttons.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-plus-square"></i></span>Buttons</a>
<a href="../docs/colors.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-feather"></i></span>Colors</a>
<a href="../docs/cards.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-image"></i></span>Cards</a>
<a href="../docs/charts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-pie-chart"></i></span>Charts</a>
<a href="../docs/form-components.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-check-square"></i></span>Form components</a>
dist/docs/buttons.html
Vendored
+3 -1
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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">
@@ -151,6 +151,7 @@
<a href="../404.html" class="nav-item ">404 error</a>
<a href="../500.html" class="nav-item ">500 error</a>
<a href="../503.html" class="nav-item ">503 error</a>
<a href="../email.html" class="nav-item ">Email</a>
<a href="../empty.html" class="nav-item ">Empty page</a>
</div>
</li>
@@ -198,6 +199,7 @@
<a href="../docs/alerts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-alert-triangle"></i></span>Alerts</a>
<a href="../docs/avatars.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-user"></i></span>Avatars</a>
<a href="../docs/buttons.html" class="list-group-item list-group-item-action active"><span class="icon mr-3"><i class="fe fe-plus-square"></i></span>Buttons</a>
<a href="../docs/colors.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-feather"></i></span>Colors</a>
<a href="../docs/cards.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-image"></i></span>Cards</a>
<a href="../docs/charts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-pie-chart"></i></span>Charts</a>
<a href="../docs/form-components.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-check-square"></i></span>Form components</a>
dist/docs/cards.html
Vendored
+3 -1
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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">
@@ -151,6 +151,7 @@
<a href="../404.html" class="nav-item ">404 error</a>
<a href="../500.html" class="nav-item ">500 error</a>
<a href="../503.html" class="nav-item ">503 error</a>
<a href="../email.html" class="nav-item ">Email</a>
<a href="../empty.html" class="nav-item ">Empty page</a>
</div>
</li>
@@ -198,6 +199,7 @@
<a href="../docs/alerts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-alert-triangle"></i></span>Alerts</a>
<a href="../docs/avatars.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-user"></i></span>Avatars</a>
<a href="../docs/buttons.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-plus-square"></i></span>Buttons</a>
<a href="../docs/colors.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-feather"></i></span>Colors</a>
<a href="../docs/cards.html" class="list-group-item list-group-item-action active"><span class="icon mr-3"><i class="fe fe-image"></i></span>Cards</a>
<a href="../docs/charts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-pie-chart"></i></span>Charts</a>
<a href="../docs/form-components.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-check-square"></i></span>Form components</a>
dist/docs/charts.html
Vendored
+9 -7
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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">
@@ -151,6 +151,7 @@
<a href="../404.html" class="nav-item ">404 error</a>
<a href="../500.html" class="nav-item ">500 error</a>
<a href="../503.html" class="nav-item ">503 error</a>
<a href="../email.html" class="nav-item ">Email</a>
<a href="../empty.html" class="nav-item ">Empty page</a>
</div>
</li>
@@ -198,6 +199,7 @@
<a href="../docs/alerts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-alert-triangle"></i></span>Alerts</a>
<a href="../docs/avatars.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-user"></i></span>Avatars</a>
<a href="../docs/buttons.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-plus-square"></i></span>Buttons</a>
<a href="../docs/colors.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-feather"></i></span>Colors</a>
<a href="../docs/cards.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-image"></i></span>Cards</a>
<a href="../docs/charts.html" class="list-group-item list-group-item-action active"><span class="icon mr-3"><i class="fe fe-pie-chart"></i></span>Charts</a>
<a href="../docs/form-components.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-check-square"></i></span>Form components</a>
@@ -238,8 +240,8 @@
labels: true,
type: 'line', // default type of chart
colors: {
'data1': tabler.colors.blue,
'data2': tabler.colors.green
'data1': tabler.colors["blue"],
'data2': tabler.colors["green"]
},
names: {
// name of each serie
@@ -255,7 +257,7 @@
},
},
legend: {
show: false, //hide legend
show: false, //hide legend
},
padding: {
bottom: 0,
@@ -290,8 +292,8 @@
<span class="na">labels</span><span class="p">:</span> <span class="kc">true</span><span class="p">,</span>
<span class="na">type</span><span class="p">:</span> <span class="s1">'line'</span><span class="p">,</span> <span class="c1">// default type of chart</span>
<span class="na">colors</span><span class="p">:</span> <span class="p">{</span>
<span class="s1">'data1'</span><span class="p">:</span> <span class="nx">tabler</span><span class="p">.</span><span class="nx">colors</span><span class="p">.</span><span class="nx">blue</span><span class="p">,</span>
<span class="s1">'data2'</span><span class="p">:</span> <span class="nx">tabler</span><span class="p">.</span><span class="nx">colors</span><span class="p">.</span><span class="nx">green</span>
<span class="s1">'data1'</span><span class="p">:</span> <span class="nx">tabler</span><span class="p">.</span><span class="nx">colors</span><span class="p">[</span><span class="s2">"blue"</span><span class="p">],</span>
<span class="s1">'data2'</span><span class="p">:</span> <span class="nx">tabler</span><span class="p">.</span><span class="nx">colors</span><span class="p">[</span><span class="s2">"green"</span><span class="p">]</span>
<span class="p">},</span>
<span class="na">names</span><span class="p">:</span> <span class="p">{</span>
<span class="c1">// name of each serie</span>
@@ -307,7 +309,7 @@
<span class="p">},</span>
<span class="p">},</span>
<span class="na">legend</span><span class="p">:</span> <span class="p">{</span>
<span class="na">show</span><span class="p">:</span> <span class="kc">false</span><span class="p">,</span> <span class="c1">//hide legend</span>
<span class="na">show</span><span class="p">:</span> <span class="kc">false</span><span class="p">,</span> <span class="c1">//hide legend</span>
<span class="p">},</span>
<span class="na">padding</span><span class="p">:</span> <span class="p">{</span>
<span class="na">bottom</span><span class="p">:</span> <span class="mi">0</span><span class="p">,</span>
dist/docs/form-components.html
Vendored
+3 -1
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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">
@@ -151,6 +151,7 @@
<a href="../404.html" class="nav-item ">404 error</a>
<a href="../500.html" class="nav-item ">500 error</a>
<a href="../503.html" class="nav-item ">503 error</a>
<a href="../email.html" class="nav-item ">Email</a>
<a href="../empty.html" class="nav-item ">Empty page</a>
</div>
</li>
@@ -198,6 +199,7 @@
<a href="../docs/alerts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-alert-triangle"></i></span>Alerts</a>
<a href="../docs/avatars.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-user"></i></span>Avatars</a>
<a href="../docs/buttons.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-plus-square"></i></span>Buttons</a>
<a href="../docs/colors.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-feather"></i></span>Colors</a>
<a href="../docs/cards.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-image"></i></span>Cards</a>
<a href="../docs/charts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-pie-chart"></i></span>Charts</a>
<a href="../docs/form-components.html" class="list-group-item list-group-item-action active"><span class="icon mr-3"><i class="fe fe-check-square"></i></span>Form components</a>
dist/docs/grid.html
Vendored
+3 -1
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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">
@@ -151,6 +151,7 @@
<a href="../404.html" class="nav-item ">404 error</a>
<a href="../500.html" class="nav-item ">500 error</a>
<a href="../503.html" class="nav-item ">503 error</a>
<a href="../email.html" class="nav-item ">Email</a>
<a href="../empty.html" class="nav-item ">Empty page</a>
</div>
</li>
@@ -198,6 +199,7 @@
<a href="../docs/alerts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-alert-triangle"></i></span>Alerts</a>
<a href="../docs/avatars.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-user"></i></span>Avatars</a>
<a href="../docs/buttons.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-plus-square"></i></span>Buttons</a>
<a href="../docs/colors.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-feather"></i></span>Colors</a>
<a href="../docs/cards.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-image"></i></span>Cards</a>
<a href="../docs/charts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-pie-chart"></i></span>Charts</a>
<a href="../docs/form-components.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-check-square"></i></span>Form components</a>
dist/docs/index.html
Vendored
+3 -1
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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">
@@ -151,6 +151,7 @@
<a href="../404.html" class="nav-item ">404 error</a>
<a href="../500.html" class="nav-item ">500 error</a>
<a href="../503.html" class="nav-item ">503 error</a>
<a href="../email.html" class="nav-item ">Email</a>
<a href="../empty.html" class="nav-item ">Empty page</a>
</div>
</li>
@@ -198,6 +199,7 @@
<a href="../docs/alerts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-alert-triangle"></i></span>Alerts</a>
<a href="../docs/avatars.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-user"></i></span>Avatars</a>
<a href="../docs/buttons.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-plus-square"></i></span>Buttons</a>
<a href="../docs/colors.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-feather"></i></span>Colors</a>
<a href="../docs/cards.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-image"></i></span>Cards</a>
<a href="../docs/charts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-pie-chart"></i></span>Charts</a>
<a href="../docs/form-components.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-check-square"></i></span>Form components</a>
dist/docs/tags.html
Vendored
+3 -1
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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">
@@ -151,6 +151,7 @@
<a href="../404.html" class="nav-item ">404 error</a>
<a href="../500.html" class="nav-item ">500 error</a>
<a href="../503.html" class="nav-item ">503 error</a>
<a href="../email.html" class="nav-item ">Email</a>
<a href="../empty.html" class="nav-item ">Empty page</a>
</div>
</li>
@@ -198,6 +199,7 @@
<a href="../docs/alerts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-alert-triangle"></i></span>Alerts</a>
<a href="../docs/avatars.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-user"></i></span>Avatars</a>
<a href="../docs/buttons.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-plus-square"></i></span>Buttons</a>
<a href="../docs/colors.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-feather"></i></span>Colors</a>
<a href="../docs/cards.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-image"></i></span>Cards</a>
<a href="../docs/charts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-pie-chart"></i></span>Charts</a>
<a href="../docs/form-components.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-check-square"></i></span>Form components</a>
dist/docs/typography.html
Vendored
+60 -158
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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">
@@ -151,6 +151,7 @@
<a href="../404.html" class="nav-item ">404 error</a>
<a href="../500.html" class="nav-item ">500 error</a>
<a href="../503.html" class="nav-item ">503 error</a>
<a href="../email.html" class="nav-item ">Email</a>
<a href="../empty.html" class="nav-item ">Empty page</a>
</div>
</li>
@@ -198,6 +199,7 @@
<a href="../docs/alerts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-alert-triangle"></i></span>Alerts</a>
<a href="../docs/avatars.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-user"></i></span>Avatars</a>
<a href="../docs/buttons.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-plus-square"></i></span>Buttons</a>
<a href="../docs/colors.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-feather"></i></span>Colors</a>
<a href="../docs/cards.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-image"></i></span>Cards</a>
<a href="../docs/charts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-pie-chart"></i></span>Charts</a>
<a href="../docs/form-components.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-check-square"></i></span>Form components</a>
@@ -213,7 +215,63 @@
<div class="card-body">
<div class="text-wrap p-lg-6">
<h2 class="mt-0 mb-4">Typography</h2>
<p>A single class to handle WYSIWYG generated content, where only HTML tags are available</p>
<p>Documentation and examples for common text utilities to control alignment, wrapping, weight, and more.</p>
<h3 id="text-alignment">Text alignment</h3>
<p>Easily realign text to components with text alignment classes.</p>
<div class="example">
<p class="text-left">Left aligned text on all viewport sizes.</p>
<p class="text-center">Center aligned text on all viewport sizes.</p>
<p class="text-right">Right aligned text on all viewport sizes.</p>
<p class="text-justify">Both aligned text on all viewport sizes. Ambitioni dedisse scripsisse iudicaretur. Cras mattis iudicium purus sit amet fermentum. Donec sed odio operae, eu vulputate felis rhoncus.</p>
</div>
<div class="highlight">
<pre><code class="language-html" data-lang="html"><span class="nt">&lt;p</span> <span class="na">class=</span><span class="s">"text-left"</span><span class="nt">&gt;</span>Left aligned text on all viewport sizes.<span class="nt">&lt;/p&gt;</span>
<span class="nt">&lt;p</span> <span class="na">class=</span><span class="s">"text-center"</span><span class="nt">&gt;</span>Center aligned text on all viewport sizes.<span class="nt">&lt;/p&gt;</span>
<span class="nt">&lt;p</span> <span class="na">class=</span><span class="s">"text-right"</span><span class="nt">&gt;</span>Right aligned text on all viewport sizes.<span class="nt">&lt;/p&gt;</span>
<span class="nt">&lt;p</span> <span class="na">class=</span><span class="s">"text-justify"</span><span class="nt">&gt;</span>Both aligned text on all viewport sizes. Ambitioni dedisse scripsisse iudicaretur. Cras mattis iudicium purus sit amet fermentum. Donec sed odio operae, eu vulputate felis rhoncus.<span class="nt">&lt;/p&gt;</span></code></pre>
</div>
<h3 id="text-transform">Text transform</h3>
<p>Transform text in components with text capitalization classes.</p>
<div class="example">
<p class="text-lowercase">Lowercased text.</p>
<p class="text-uppercase">Uppercased text.</p>
<p class="text-capitalize">Capitalized text.</p>
</div>
<div class="highlight">
<pre><code class="language-html" data-lang="html"><span class="nt">&lt;p</span> <span class="na">class=</span><span class="s">"text-lowercase"</span><span class="nt">&gt;</span>Lowercased text.<span class="nt">&lt;/p&gt;</span>
<span class="nt">&lt;p</span> <span class="na">class=</span><span class="s">"text-uppercase"</span><span class="nt">&gt;</span>Uppercased text.<span class="nt">&lt;/p&gt;</span>
<span class="nt">&lt;p</span> <span class="na">class=</span><span class="s">"text-capitalize"</span><span class="nt">&gt;</span>Capitalized text.<span class="nt">&lt;/p&gt;</span></code></pre>
</div>
<h3 id="letter-spacing">Letter spacing</h3>
<p>Utilities for controlling the tracking (letter spacing) of an element.</p>
<div class="example">
<p class="tracking-tight">Lorem ipsum dolor sit amet. Tight letter spacing.</p>
<p class="tracking-normal">Lorem ipsum dolor sit amet. Normal letter spacing.</p>
<p class="tracking-wide">Lorem ipsum dolor sit amet. Wide letter spacing.</p>
</div>
<div class="highlight">
<pre><code class="language-html" data-lang="html"><span class="nt">&lt;p</span> <span class="na">class=</span><span class="s">"tracking-tight"</span><span class="nt">&gt;</span>Lorem ipsum dolor sit amet. Tight letter spacing.<span class="nt">&lt;/p&gt;</span>
<span class="nt">&lt;p</span> <span class="na">class=</span><span class="s">"tracking-normal"</span><span class="nt">&gt;</span>Lorem ipsum dolor sit amet. Normal letter spacing.<span class="nt">&lt;/p&gt;</span>
<span class="nt">&lt;p</span> <span class="na">class=</span><span class="s">"tracking-wide"</span><span class="nt">&gt;</span>Lorem ipsum dolor sit amet. Wide letter spacing.<span class="nt">&lt;/p&gt;</span></code></pre>
</div>
<h3 id="line-height">Line Height</h3>
<p>Utilities for controlling the leading (line height) of an element.</p>
<div class="example">
<p class="leading-none">Lorem ipsum dolor sit amet.<br />
Dolor sit amet.</p>
<p class="leading-tight">Lorem ipsum dolor sit amet.<br />
Dolor sit amet.</p>
<p class="leading-normal">Lorem ipsum dolor sit amet.<br />
Dolor sit amet.</p>
<p class="leading-loose">Lorem ipsum dolor sit amet.<br />
Dolor sit amet.</p>
</div>
<div class="highlight">
<pre><code class="language-html" data-lang="html"><span class="nt">&lt;p</span> <span class="na">class=</span><span class="s">"leading-none"</span><span class="nt">&gt;</span>Lorem ipsum dolor sit amet.<span class="nt">&lt;br&gt;</span>Dolor sit amet.<span class="nt">&lt;/p&gt;</span>
<span class="nt">&lt;p</span> <span class="na">class=</span><span class="s">"leading-tight"</span><span class="nt">&gt;</span>Lorem ipsum dolor sit amet.<span class="nt">&lt;br&gt;</span>Dolor sit amet.<span class="nt">&lt;/p&gt;</span>
<span class="nt">&lt;p</span> <span class="na">class=</span><span class="s">"leading-normal"</span><span class="nt">&gt;</span>Lorem ipsum dolor sit amet.<span class="nt">&lt;br&gt;</span>Dolor sit amet.<span class="nt">&lt;/p&gt;</span>
<span class="nt">&lt;p</span> <span class="na">class=</span><span class="s">"leading-loose"</span><span class="nt">&gt;</span>Lorem ipsum dolor sit amet.<span class="nt">&lt;br&gt;</span>Dolor sit amet.<span class="nt">&lt;/p&gt;</span></code></pre>
</div>
<h3 id="basic-elements">Basic elements</h3>
<p>When you can’t use the CSS classes you want, or when you just want to directly use HTML tags, use <code class="highlighter-rouge">.text-wrap</code> as container. It can handle almost any HTML tag.</p>
<div class="example">
@@ -228,84 +286,6 @@
<li>Aliquam nec felis in sapien venenatis viverra fermentum nec lectus.</li>
<li>Ut non enim metus.</li>
</ul>
<h3>Third level</h3>
<p>Quisque ante lacus, malesuada ac auctor vitae, congue <a href="#">non ante</a>. Phasellus lacus ex, semper ac tortor nec, fringilla condimentum orci. Fusce eu rutrum tellus.</p>
<ol>
<li>Donec blandit a lorem id convallis.</li>
<li>Cras gravida arcu at diam gravida gravida.</li>
<li>Integer in volutpat libero.</li>
<li>Donec a diam tellus.</li>
<li>Aenean nec tortor orci.</li>
<li>Quisque aliquam cursus urna, non bibendum massa viverra eget.</li>
<li>Vivamus maximus ultricies pulvinar.</li>
</ol>
<blockquote>Ut venenatis, nisl scelerisque sollicitudin fermentum, quam libero hendrerit ipsum, ut blandit est tellus sit amet turpis.</blockquote>
<p>Quisque at semper enim, eu hendrerit odio. Etiam auctor nisl et <em>justo sodales</em> elementum. Maecenas ultrices lacus quis neque consectetur, et lobortis nisi molestie.</p>
<p>Sed sagittis enim ac tortor maximus rutrum. Nulla facilisi. Donec mattis vulputate risus in luctus. Maecenas vestibulum interdum commodo.</p>
<dl>
<dt>Web</dt>
<dd>The part of the Internet that contains websites and web pages</dd>
<dt>HTML</dt>
<dd>A markup language for creating web pages</dd>
<dt>CSS</dt>
<dd>A technology to make HTML look better</dd>
</dl>
<p>Suspendisse egestas sapien non felis placerat elementum. Morbi tortor nisl, suscipit sed mi sit amet, mollis malesuada nulla. Nulla facilisi. Nullam ac erat ante.</p>
<h4>Fourth level</h4>
<p>Nulla efficitur eleifend nisi, sit amet bibendum sapien fringilla ac. Mauris euismod metus a tellus laoreet, at elementum ex efficitur.</p>
<pre>
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Hello World&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra nec nulla vitae mollis.&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<p>Maecenas eleifend sollicitudin dui, faucibus sollicitudin augue cursus non. Ut finibus eleifend arcu ut vehicula. Mauris eu est maximus est porta condimentum in eu justo. Nulla id iaculis sapien.</p>
<table>
<thead>
<tr>
<th>One</th>
<th>Two</th>
</tr>
</thead>
<tbody>
<tr>
<td>Three</td>
<td>Four</td>
</tr>
<tr>
<td>Five</td>
<td>Six</td>
</tr>
<tr>
<td>Seven</td>
<td>Eight</td>
</tr>
<tr>
<td>Nine</td>
<td>Ten</td>
</tr>
<tr>
<td>Eleven</td>
<td>Twelve</td>
</tr>
</tbody>
</table>
<p>Phasellus porttitor enim id metus volutpat ultricies. Ut nisi nunc, blandit sed dapibus at, vestibulum in felis. Etiam iaculis lorem ac nibh bibendum rhoncus. Nam interdum efficitur ligula sit amet ullamcorper. Etiam tristique, leo vitae porta faucibus, mi lacus laoreet metus, at cursus leo est vel tellus. Sed ac posuere est. Nunc ultricies nunc neque, vitae ultricies ex sodales quis. Aliquam eu nibh in libero accumsan pulvinar. Nullam nec nisl placerat, pretium metus vel, euismod ipsum. Proin tempor cursus nisl vel condimentum. Nam pharetra varius metus non pellentesque.</p>
<h5>Fifth level</h5>
<p>Aliquam sagittis rhoncus vulputate. Cras non luctus sem, sed tincidunt ligula. Vestibulum at nunc elit. Praesent aliquet ligula mi, in luctus elit volutpat porta. Phasellus molestie diam vel nisi sodales, a eleifend augue laoreet. Sed nec eleifend justo. Nam et sollicitudin odio.</p>
<figure>
<img src="https://placehold.it/256x256" />
<figcaption>
Figure 1: Some beautiful placeholders
</figcaption>
</figure>
<h6>Sixth level</h6>
<p>Cras in nibh lacinia, venenatis nisi et, auctor urna. Donec pulvinar lacus sed diam dignissim, ut eleifend eros accumsan. Phasellus non tortor eros. Ut sed rutrum lacus. Etiam purus nunc, scelerisque quis enim vitae, malesuada ultrices turpis. Nunc vitae maximus purus, nec consectetur dui. Suspendisse euismod, elit vel rutrum commodo, ipsum tortor maximus dui, sed varius sapien odio vitae est. Etiam at cursus metus.</p>
</div>
</div>
<div class="highlight">
@@ -320,84 +300,6 @@
<span class="nt">&lt;li&gt;</span>Aliquam nec felis in sapien venenatis viverra fermentum nec lectus.<span class="nt">&lt;/li&gt;</span>
<span class="nt">&lt;li&gt;</span>Ut non enim metus.<span class="nt">&lt;/li&gt;</span>
<span class="nt">&lt;/ul&gt;</span>
<span class="nt">&lt;h3&gt;</span>Third level<span class="nt">&lt;/h3&gt;</span>
<span class="nt">&lt;p&gt;</span>Quisque ante lacus, malesuada ac auctor vitae, congue <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">&gt;</span>non ante<span class="nt">&lt;/a&gt;</span>. Phasellus lacus ex, semper ac tortor nec, fringilla condimentum orci. Fusce eu rutrum tellus.<span class="nt">&lt;/p&gt;</span>
<span class="nt">&lt;ol&gt;</span>
<span class="nt">&lt;li&gt;</span>Donec blandit a lorem id convallis.<span class="nt">&lt;/li&gt;</span>
<span class="nt">&lt;li&gt;</span>Cras gravida arcu at diam gravida gravida.<span class="nt">&lt;/li&gt;</span>
<span class="nt">&lt;li&gt;</span>Integer in volutpat libero.<span class="nt">&lt;/li&gt;</span>
<span class="nt">&lt;li&gt;</span>Donec a diam tellus.<span class="nt">&lt;/li&gt;</span>
<span class="nt">&lt;li&gt;</span>Aenean nec tortor orci.<span class="nt">&lt;/li&gt;</span>
<span class="nt">&lt;li&gt;</span>Quisque aliquam cursus urna, non bibendum massa viverra eget.<span class="nt">&lt;/li&gt;</span>
<span class="nt">&lt;li&gt;</span>Vivamus maximus ultricies pulvinar.<span class="nt">&lt;/li&gt;</span>
<span class="nt">&lt;/ol&gt;</span>
<span class="nt">&lt;blockquote&gt;</span>Ut venenatis, nisl scelerisque sollicitudin fermentum, quam libero hendrerit ipsum, ut blandit est tellus sit amet turpis.<span class="nt">&lt;/blockquote&gt;</span>
<span class="nt">&lt;p&gt;</span>Quisque at semper enim, eu hendrerit odio. Etiam auctor nisl et <span class="nt">&lt;em&gt;</span>justo sodales<span class="nt">&lt;/em&gt;</span> elementum. Maecenas ultrices lacus quis neque consectetur, et lobortis nisi molestie.<span class="nt">&lt;/p&gt;</span>
<span class="nt">&lt;p&gt;</span>Sed sagittis enim ac tortor maximus rutrum. Nulla facilisi. Donec mattis vulputate risus in luctus. Maecenas vestibulum interdum commodo.<span class="nt">&lt;/p&gt;</span>
<span class="nt">&lt;dl&gt;</span>
<span class="nt">&lt;dt&gt;</span>Web<span class="nt">&lt;/dt&gt;</span>
<span class="nt">&lt;dd&gt;</span>The part of the Internet that contains websites and web pages<span class="nt">&lt;/dd&gt;</span>
<span class="nt">&lt;dt&gt;</span>HTML<span class="nt">&lt;/dt&gt;</span>
<span class="nt">&lt;dd&gt;</span>A markup language for creating web pages<span class="nt">&lt;/dd&gt;</span>
<span class="nt">&lt;dt&gt;</span>CSS<span class="nt">&lt;/dt&gt;</span>
<span class="nt">&lt;dd&gt;</span>A technology to make HTML look better<span class="nt">&lt;/dd&gt;</span>
<span class="nt">&lt;/dl&gt;</span>
<span class="nt">&lt;p&gt;</span>Suspendisse egestas sapien non felis placerat elementum. Morbi tortor nisl, suscipit sed mi sit amet, mollis malesuada nulla. Nulla facilisi. Nullam ac erat ante.<span class="nt">&lt;/p&gt;</span>
<span class="nt">&lt;h4&gt;</span>Fourth level<span class="nt">&lt;/h4&gt;</span>
<span class="nt">&lt;p&gt;</span>Nulla efficitur eleifend nisi, sit amet bibendum sapien fringilla ac. Mauris euismod metus a tellus laoreet, at elementum ex efficitur.<span class="nt">&lt;/p&gt;</span>
<span class="nt">&lt;pre&gt;</span>
<span class="ni">&amp;lt;</span>!DOCTYPE html<span class="ni">&amp;gt;</span>
<span class="ni">&amp;lt;</span>html<span class="ni">&amp;gt;</span>
<span class="ni">&amp;lt;</span>head<span class="ni">&amp;gt;</span>
<span class="ni">&amp;lt;</span>title<span class="ni">&amp;gt;</span>Hello World<span class="ni">&amp;lt;</span>/title<span class="ni">&amp;gt;</span>
<span class="ni">&amp;lt;</span>/head<span class="ni">&amp;gt;</span>
<span class="ni">&amp;lt;</span>body<span class="ni">&amp;gt;</span>
<span class="ni">&amp;lt;</span>p<span class="ni">&amp;gt;</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra nec nulla vitae mollis.<span class="ni">&amp;lt;</span>/p<span class="ni">&amp;gt;</span>
<span class="ni">&amp;lt;</span>/body<span class="ni">&amp;gt;</span>
<span class="ni">&amp;lt;</span>/html<span class="ni">&amp;gt;</span>
<span class="nt">&lt;/pre&gt;</span>
<span class="nt">&lt;p&gt;</span>Maecenas eleifend sollicitudin dui, faucibus sollicitudin augue cursus non. Ut finibus eleifend arcu ut vehicula. Mauris eu est maximus est porta condimentum in eu justo. Nulla id iaculis sapien.<span class="nt">&lt;/p&gt;</span>
<span class="nt">&lt;table&gt;</span>
<span class="nt">&lt;thead&gt;</span>
<span class="nt">&lt;tr&gt;</span>
<span class="nt">&lt;th&gt;</span>One<span class="nt">&lt;/th&gt;</span>
<span class="nt">&lt;th&gt;</span>Two<span class="nt">&lt;/th&gt;</span>
<span class="nt">&lt;/tr&gt;</span>
<span class="nt">&lt;/thead&gt;</span>
<span class="nt">&lt;tbody&gt;</span>
<span class="nt">&lt;tr&gt;</span>
<span class="nt">&lt;td&gt;</span>Three<span class="nt">&lt;/td&gt;</span>
<span class="nt">&lt;td&gt;</span>Four<span class="nt">&lt;/td&gt;</span>
<span class="nt">&lt;/tr&gt;</span>
<span class="nt">&lt;tr&gt;</span>
<span class="nt">&lt;td&gt;</span>Five<span class="nt">&lt;/td&gt;</span>
<span class="nt">&lt;td&gt;</span>Six<span class="nt">&lt;/td&gt;</span>
<span class="nt">&lt;/tr&gt;</span>
<span class="nt">&lt;tr&gt;</span>
<span class="nt">&lt;td&gt;</span>Seven<span class="nt">&lt;/td&gt;</span>
<span class="nt">&lt;td&gt;</span>Eight<span class="nt">&lt;/td&gt;</span>
<span class="nt">&lt;/tr&gt;</span>
<span class="nt">&lt;tr&gt;</span>
<span class="nt">&lt;td&gt;</span>Nine<span class="nt">&lt;/td&gt;</span>
<span class="nt">&lt;td&gt;</span>Ten<span class="nt">&lt;/td&gt;</span>
<span class="nt">&lt;/tr&gt;</span>
<span class="nt">&lt;tr&gt;</span>
<span class="nt">&lt;td&gt;</span>Eleven<span class="nt">&lt;/td&gt;</span>
<span class="nt">&lt;td&gt;</span>Twelve<span class="nt">&lt;/td&gt;</span>
<span class="nt">&lt;/tr&gt;</span>
<span class="nt">&lt;/tbody&gt;</span>
<span class="nt">&lt;/table&gt;</span>
<span class="nt">&lt;p&gt;</span>Phasellus porttitor enim id metus volutpat ultricies. Ut nisi nunc, blandit sed dapibus at, vestibulum in felis. Etiam iaculis lorem ac nibh bibendum rhoncus. Nam interdum efficitur ligula sit amet ullamcorper. Etiam tristique, leo vitae porta faucibus, mi lacus laoreet metus, at cursus leo est vel tellus. Sed ac posuere est. Nunc ultricies nunc neque, vitae ultricies ex sodales quis. Aliquam eu nibh in libero accumsan pulvinar. Nullam nec nisl placerat, pretium metus vel, euismod ipsum. Proin tempor cursus nisl vel condimentum. Nam pharetra varius metus non pellentesque.<span class="nt">&lt;/p&gt;</span>
<span class="nt">&lt;h5&gt;</span>Fifth level<span class="nt">&lt;/h5&gt;</span>
<span class="nt">&lt;p&gt;</span>Aliquam sagittis rhoncus vulputate. Cras non luctus sem, sed tincidunt ligula. Vestibulum at nunc elit. Praesent aliquet ligula mi, in luctus elit volutpat porta. Phasellus molestie diam vel nisi sodales, a eleifend augue laoreet. Sed nec eleifend justo. Nam et sollicitudin odio.<span class="nt">&lt;/p&gt;</span>
<span class="nt">&lt;figure&gt;</span>
<span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"https://placehold.it/256x256"</span><span class="nt">&gt;</span>
<span class="nt">&lt;figcaption&gt;</span>
Figure 1: Some beautiful placeholders
<span class="nt">&lt;/figcaption&gt;</span>
<span class="nt">&lt;/figure&gt;</span>
<span class="nt">&lt;h6&gt;</span>Sixth level<span class="nt">&lt;/h6&gt;</span>
<span class="nt">&lt;p&gt;</span>Cras in nibh lacinia, venenatis nisi et, auctor urna. Donec pulvinar lacus sed diam dignissim, ut eleifend eros accumsan. Phasellus non tortor eros. Ut sed rutrum lacus. Etiam purus nunc, scelerisque quis enim vitae, malesuada ultrices turpis. Nunc vitae maximus purus, nec consectetur dui. Suspendisse euismod, elit vel rutrum commodo, ipsum tortor maximus dui, sed varius sapien odio vitae est. Etiam at cursus metus.<span class="nt">&lt;/p&gt;</span>
<span class="nt">&lt;/div&gt;</span></code></pre>
</div>
</div>
dist/email.html
Vendored
+2 -1
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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">
@@ -151,6 +151,7 @@
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
</div>
</li>
dist/empty.html
Vendored
+2 -1
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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">
@@ -151,6 +151,7 @@
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
</div>
</li>
dist/forgot-password.html
Vendored
+1 -1
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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
Vendored
+2 -1
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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">
@@ -151,6 +151,7 @@
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
</div>
</li>
dist/gallery.html
Vendored
+2 -1
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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">
@@ -151,6 +151,7 @@
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
</div>
</li>
dist/icons.html
Vendored
+2 -1
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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">
@@ -151,6 +151,7 @@
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
</div>
</li>
dist/index.html
Vendored
+234 -103
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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">
@@ -151,6 +151,7 @@
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
</div>
</li>
@@ -184,7 +185,7 @@
Dashboard
</h1>
</div>
<div class="row row-cards row-deck">
<div class="row row-cards">
<div class="col-6 col-sm-4 col-lg-2">
<div class="card">
<div class="card-body p-3 text-center">
@@ -257,80 +258,122 @@
</div>
</div>
</div>
<div class="col-lg-8">
<div class="col-lg-6">
<div class="card">
<div class="card-header">
<h2 class="card-title">Tasks activity</h2>
<div class="card-options text-muted">
<select class="custom-select custom-select-sm ml-2" name="" id="">
<option>This week</option>
<option>Last week</option>
</select>
</div>
</div>
<div class="card-body">
<div id="chart-tasks" style="height: 15rem"></div>
</div>
<div class="card-tabs card-tabs-bottom">
<a href="javascript:void(0)" class="card-tabs-item text-center active">
<h3 class="mb-1">120</h3>
<div class="text-muted-dark">Tasks completed</div>
</a>
<a href="javascript:void(0)" class="card-tabs-item text-center">
<h3 class="mb-1">25</h3>
<div class="text-muted-dark">Hours logged</div>
</a>
<a href="javascript:void(0)" class="card-tabs-item text-center">
<h3 class="mb-1">2</h3>
<div class="text-muted-dark">Invoices sent</div>
</a>
<a href="javascript:void(0)" class="card-tabs-item text-center">
<h3 class="mb-1">2</h3>
<div class="text-muted-dark">Files uploaded</div>
</a>
<h3 class="card-title">Development Activity</h3>
</div>
<div id="chart-development-activity" style="height: 14rem"></div>
<table class="table card-table table-striped table-vcenter">
<thead>
<tr>
<th colspan="2">User</th>
<th>Commit</th>
<th>Date</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td class="w-1"><span class="avatar" style="background-image: url(./assets/images/faces/male/9.jpg)"></span></td>
<td>Ronald Bradley</td>
<td>Initial commit</td>
<td>May 6, 2018</td>
<td class="w-1"><a href="#" class="icon"><i class="fe fe-trash"></i></a></td>
</tr>
<tr>
<td><span class="avatar">BM</span></td>
<td>Russell Gibson</td>
<td>Main structure</td>
<td>April 22, 2018</td>
<td><a href="#" class="icon"><i class="fe fe-trash"></i></a></td>
</tr>
<tr>
<td><span class="avatar" style="background-image: url(./assets/images/faces/female/1.jpg)"></span></td>
<td>Beverly Armstrong</td>
<td>Left sidebar adjusments</td>
<td>April 15, 2018</td>
<td><a href="#" class="icon"><i class="fe fe-trash"></i></a></td>
</tr>
<tr>
<td><span class="avatar" style="background-image: url(./assets/images/faces/male/4.jpg)"></span></td>
<td>Bobby Knight</td>
<td>Topbar dropdown style</td>
<td>April 8, 2018</td>
<td><a href="#" class="icon"><i class="fe fe-trash"></i></a></td>
</tr>
</tbody>
</table>
</div>
<script>
require(['c3', 'jquery'], function(c3, $) {
$(document).ready(function(){
var chart = c3.generate({
bindto: '#chart-tasks', // id of chart wrapper
bindto: '#chart-development-activity', // id of chart wrapper
data: {
columns: [
// each columns data
['data1', 0, 0, 1, 2, 21, 9, 12, 10, 31, 13, 65, 10, 12, 6, 4, 3, 0],
['data2', 0, 0, 1, 2, 7, 5, 6, 8, 24, 7, 12, 5, 6, 3, 2, 2, 0],
['data3', 0, 0, 1, 0, 2, 0, 1, 0, 2, 3, 0, 2, 3, 2, 1, 0, 0]
],
type: 'spline', // default type of chart
groups: [
[ 'data1', 'data2', 'data3']
['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]
],
classes: {
data1: 'filled',
data2: 'filled',
data3: 'filled'
},
type: 'area', // default type of chart
colors: {
'data1': tabler.colors.blue,
'data2': tabler.colors.lime,
'data3': tabler.colors.orange
'data1': tabler.colors["blue"],
'data2': tabler.colors["blue-light"],
'data3': tabler.colors["blue-lighter"]
},
names: {
// name of each serie
'data1': 'New',
'data2': 'Completed',
'data3': 'Closed'
'data1': 'Purchases',
'data2': 'Plans',
'data3': 'Services'
}
},
axis: {
x: {
type: 'category',
// name of each category
categories: ['M', 'T', 'W', 'T', 'F', 'S', 'S', 'M', 'T', 'W', 'T', 'F', 'S', 'S', 'M', 'T', 'W']
y: {
padding: {
bottom: 0,
},
show: false,
tick: {
outer: false
}
},
x: {
padding: {
left: 0,
right: 0
},
show: false
}
},
legend: {
padding: 16,
position: 'inset',
padding: 0,
inset: {
anchor: 'top-left',
x: 20,
y: 8,
step: 10
}
},
tooltip: {
format: {
title: function (x) {
return '';
}
}
},
padding: {
bottom: 16,
top: 0
bottom: 0,
left: -1,
right: -1
},
point: {
show: false
@@ -340,51 +383,139 @@
});
</script>
</div>
<div class="col-sm-4">
<div class="alert alert-info">Are you in trouble? <a href="./docs/index.html" class="alert-link">Read our documentation</a> with code samples.</div>
<div class="card">
<div class="card-header">
<h3 class="card-title">Chart name</h3>
<div class="col-sm-6">
<div class="alert alert-primary">Are you in trouble? <a href="./docs/index.html" class="alert-link">Read our documentation</a> with code samples.</div>
<div class="row">
<div class="col-6">
<div class="card">
<div class="card-header">
<h3 class="card-title">Chart title</h3>
</div>
<div class="card-body">
<div id="chart-donut" style="height: 12rem;"></div>
</div>
</div>
<script>
require(['c3', 'jquery'], function(c3, $) {
$(document).ready(function(){
var chart = c3.generate({
bindto: '#chart-donut', // id of chart wrapper
data: {
columns: [
// each columns data
['data1', 63],
['data2', 37]
],
type: 'donut', // default type of chart
colors: {
'data1': tabler.colors["green"],
'data2': tabler.colors["green-light"]
},
names: {
// name of each serie
'data1': 'Maximum',
'data2': 'Minimum'
}
},
axis: {
},
legend: {
show: false, //hide legend
},
padding: {
bottom: 0,
top: 0
},
});
});
});
</script>
</div>
<div class="card-body">
<div id="chart-donut" style="height: 15rem;"></div>
<div class="col-6">
<div class="card">
<div class="card-header">
<h3 class="card-title">Chart title</h3>
</div>
<div class="card-body">
<div id="chart-pie" style="height: 12rem;"></div>
</div>
</div>
<script>
require(['c3', 'jquery'], function(c3, $) {
$(document).ready(function(){
var chart = c3.generate({
bindto: '#chart-pie', // id of chart wrapper
data: {
columns: [
// each columns data
['data1', 63],
['data2', 44],
['data3', 12],
['data4', 14]
],
type: 'pie', // default type of chart
colors: {
'data1': tabler.colors["blue-darker"],
'data2': tabler.colors["blue"],
'data3': tabler.colors["blue-light"],
'data4': tabler.colors["blue-lighter"]
},
names: {
// name of each serie
'data1': 'A',
'data2': 'B',
'data3': 'C',
'data4': 'D'
}
},
axis: {
},
legend: {
show: false, //hide legend
},
padding: {
bottom: 0,
top: 0
},
});
});
});
</script>
</div>
<div class="col-4">
<div class="card">
<div class="card-body text-center">
<div class="h5">New fedbacks</div>
<div class="display-4 font-weight-bold mb-4">62</div>
<div class="progress progress-sm">
<div class="progress-bar bg-red" style="width: 28%"></div>
</div>
</div>
</div>
</div>
<div class="col-4">
<div class="card">
<div class="card-body text-center">
<div class="h5">Today profit</div>
<div class="display-4 font-weight-bold mb-4">$652</div>
<div class="progress progress-sm">
<div class="progress-bar bg-green" style="width: 84%"></div>
</div>
</div>
</div>
</div>
<div class="col-4">
<div class="card">
<div class="card-body text-center">
<div class="h5">Users online</div>
<div class="display-4 font-weight-bold mb-4">76</div>
<div class="progress progress-sm">
<div class="progress-bar bg-yellow" style="width: 34%"></div>
</div>
</div>
</div>
</div>
</div>
<script>
require(['c3', 'jquery'], function(c3, $) {
$(document).ready(function(){
var chart = c3.generate({
bindto: '#chart-donut', // id of chart wrapper
data: {
columns: [
// each columns data
['data1', 63],
['data2', 37]
],
type: 'donut', // default type of chart
colors: {
'data1': tabler.colors.blue,
'data2': tabler.colors.pink
},
names: {
// name of each serie
'data1': 'Maximum',
'data2': 'Minimum'
}
},
axis: {
},
legend: {
padding: 16,
},
padding: {
bottom: 16,
top: 0
},
});
});
});
</script>
</div>
<div class="col-sm-6 col-lg-3">
<div class="card p-3">
@@ -504,7 +635,7 @@
<td>
<div>Elizabeth Martin</div>
<div class="small text-muted">
Registered: Feb 6, 2018
Registered: Feb 7, 2018
</div>
</td>
<td>
@@ -554,7 +685,7 @@
<td>
<div>Michelle Schultz</div>
<div class="small text-muted">
Registered: Dec 25, 2017
Registered: Dec 27, 2017
</div>
</td>
<td>
@@ -575,7 +706,7 @@
</td>
<td>
<div class="small text-muted">Last login</div>
<div>12 minutes ago</div>
<div>11 minutes ago</div>
</td>
<td class="text-center">
<div class="mx-auto chart-circle chart-circle-xs" data-value="0.63" data-thickness="3" data-color="blue">
@@ -604,7 +735,7 @@
<td>
<div>Crystal Austin</div>
<div class="small text-muted">
Registered: Dec 4, 2017
Registered: Dec 6, 2017
</div>
</td>
<td>
@@ -654,7 +785,7 @@
<td>
<div>Douglas Ray</div>
<div class="small text-muted">
Registered: Dec 14, 2017
Registered: Dec 16, 2017
</div>
</td>
<td>
@@ -704,7 +835,7 @@
<td>
<div>Teresa Reyes</div>
<div class="small text-muted">
Registered: Jan 24, 2018
Registered: Jan 26, 2018
</div>
</td>
<td>
@@ -754,7 +885,7 @@
<td>
<div>Emma Wade</div>
<div class="small text-muted">
Registered: Feb 19, 2018
Registered: Feb 21, 2018
</div>
</td>
<td>
@@ -804,7 +935,7 @@
<td>
<div>Carol Henderson</div>
<div class="small text-muted">
Registered: Feb 13, 2018
Registered: Feb 15, 2018
</div>
</td>
<td>
@@ -854,7 +985,7 @@
<td>
<div>Christopher Harvey</div>
<div class="small text-muted">
Registered: Jan 6, 2018
Registered: Jan 8, 2018
</div>
</td>
<td>
dist/invoice.html
Vendored
+2 -1
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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">
@@ -151,6 +151,7 @@
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
</div>
</li>
dist/login.html
Vendored
+1 -1
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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
Vendored
+2 -1
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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">
@@ -151,6 +151,7 @@
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
</div>
</li>
dist/maps.html
Vendored
+2 -1
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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">
@@ -151,6 +151,7 @@
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
</div>
</li>
dist/profile.html
Vendored
+2 -1
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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">
@@ -151,6 +151,7 @@
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
</div>
</li>
dist/register.html
Vendored
+1 -1
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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
Vendored
+44 -12
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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">
@@ -151,6 +151,7 @@
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
</div>
</li>
@@ -2162,14 +2163,19 @@
['data2', 0, 0, 1, 2, 7, 5, 6, 8, 24, 7, 12, 5, 6, 3, 2, 2, 0],
['data3', 0, 0, 1, 0, 2, 0, 1, 0, 2, 3, 0, 2, 3, 2, 1, 0, 0]
],
type: 'spline', // default type of chart
classes: {
data1: 'filled',
data2: 'filled',
data3: 'filled'
},
type: 'line', // default type of chart
groups: [
[ 'data1', 'data2', 'data3']
],
colors: {
'data1': tabler.colors.blue,
'data2': tabler.colors.lime,
'data3': tabler.colors.orange
'data1': tabler.colors["blue"],
'data2': tabler.colors["lime"],
'data3': tabler.colors["orange"]
},
names: {
// name of each serie
@@ -2179,18 +2185,44 @@
}
},
axis: {
x: {
type: 'category',
// name of each category
categories: ['M', 'T', 'W', 'T', 'F', 'S', 'S', 'M', 'T', 'W', 'T', 'F', 'S', 'S', 'M', 'T', 'W']
y: {
padding: {
bottom: 0,
},
show: false,
tick: {
outer: false
}
},
x: {
padding: {
left: 0,
right: 0
},
show: false
}
},
legend: {
padding: 16,
position: 'inset',
padding: 0,
inset: {
anchor: 'top-left',
x: 20,
y: 8,
step: 10
}
},
tooltip: {
format: {
title: function (x) {
return '';
}
}
},
padding: {
bottom: 16,
top: 0
bottom: 0,
left: -1,
right: -1
},
point: {
show: false
dist/store.html
Vendored
+2 -1
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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">
@@ -151,6 +151,7 @@
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
</div>
</li>
dist/users-list.html
Vendored
+2 -1
View File
@@ -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-02-27 21:39:42 +0100 -->
<!-- Generated: 2018-03-01 13:01:27 +0100 -->
<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">
@@ -151,6 +151,7 @@
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
</div>
</li>
src/_docs/colors.md
+8 -1
View File
@@ -25,7 +25,11 @@ A background fill can be applied to a container using one of the `.bg-[color]` c
Instead of using contextual classes you can use ordinary color names.
{% example html %}
{% for color in site.colors %}
{% assign groups = site.colors | each_slice: 3 %}
<div class="row">
{% for group in groups %}
<div class="col-4">
{% for color in group %}
<div class="d-flex align-items-center mb-4">
<div class="w-7 h-7 bg-{{ color[0] }} rounded mr-4"></div>
<div>
@@ -34,6 +38,9 @@ Instead of using contextual classes you can use ordinary color names.
</div>
</div>
{% endfor %}
</div>
{% endfor %}
</div>
{% endexample %}
### Tinting backgrounds
src/_includes/cards/development-activity.html
+8 -8
View File
@@ -15,30 +15,30 @@
<tbody>
<tr>
<td class="w-1"><span class="avatar" style="background-image: url({{ site.base }}/{{ site.data.users[10].photo }})"></span></td>
<td>Ryan Lawrence</td>
<td>{{ site.data.users[10].name }} {{ site.data.users[10].surname }}</td>
<td>Initial commit</td>
<td>May 6, 2016</td>
<td>May 6, 2018</td>
<td class="w-1"><a href="#" class="icon"><i class="fe fe-trash"></i></a></td>
</tr>
<tr>
<td><span class="avatar">BM</span></td>
<td>Benji Miller</td>
<td>{{ site.data.users[17].name }} {{ site.data.users[17].surname }}</td>
<td>Main structure</td>
<td>April 22, 2016</td>
<td>April 22, 2018</td>
<td><a href="#" class="icon"><i class="fe fe-trash"></i></a></td>
</tr>
<tr>
<td><span class="avatar" style="background-image: url({{ site.base }}/{{ site.data.users[16].photo }})"></span></td>
<td>Justine Adams</td>
<td>{{ site.data.users[16].name }} {{ site.data.users[16].surname }}</td>
<td>Left sidebar adjusments</td>
<td>April 15, 2016</td>
<td>April 15, 2018</td>
<td><a href="#" class="icon"><i class="fe fe-trash"></i></a></td>
</tr>
<tr>
<td><span class="avatar" style="background-image: url({{ site.base }}/{{ site.data.users[12].photo }})"></span></td>
<td>Brett Harris</td>
<td>{{ site.data.users[12].name }} {{ site.data.users[12].surname }}</td>
<td>Topbar dropdown style</td>
<td>April 8, 2016</td>
<td>April 8, 2018</td>
<td><a href="#" class="icon"><i class="fe fe-trash"></i></a></td>
</tr>
</tbody>
src/_plugins/jekyll-tabler.rb
+6
View File
@@ -68,6 +68,12 @@ module Jekyll
color
end
def each_slice(array, count=2)
@size = (array.size / (count * 1.0)).ceil
array.each_slice(@size).to_a
end
end
end