From 4b08deee00c2848dfcd41149f3fdd57c71b05b75 Mon Sep 17 00:00:00 2001 From: codecalm Date: Wed, 28 Feb 2018 23:25:08 +0100 Subject: [PATCH 1/3] dist new version --- dist/400.html | 2 +- dist/401.html | 2 +- dist/403.html | 2 +- dist/404.html | 2 +- dist/500.html | 2 +- dist/503.html | 2 +- dist/assets/css/dashboard.css | 958 ++++++++++++++++++++++- dist/assets/js/core.js | 4 - dist/assets/js/dashboard.js | 112 ++- dist/assets/plugins/charts-c3/plugin.css | 9 +- dist/blog.html | 3 +- dist/cards.html | 3 +- dist/charts.html | 121 +-- dist/crypto-currencies.html | 3 +- dist/docs/alerts.html | 4 +- dist/docs/avatars.html | 4 +- dist/docs/buttons.html | 4 +- dist/docs/cards.html | 4 +- dist/docs/charts.html | 16 +- dist/docs/colors.html | 685 ++++++++++++++++ dist/docs/form-components.html | 4 +- dist/docs/grid.html | 4 +- dist/docs/index.html | 4 +- dist/docs/tags.html | 4 +- dist/docs/typography.html | 218 ++---- dist/email.html | 3 +- dist/empty.html | 3 +- dist/forgot-password.html | 2 +- dist/form-elements.html | 3 +- dist/gallery.html | 3 +- dist/icons.html | 3 +- dist/index.html | 337 +++++--- dist/invoice.html | 3 +- dist/login.html | 2 +- dist/lookup.html | 3 +- dist/maps.html | 3 +- dist/profile.html | 3 +- dist/register.html | 2 +- dist/sample-cards.html | 56 +- dist/store.html | 3 +- dist/users-list.html | 3 +- 41 files changed, 2209 insertions(+), 399 deletions(-) create mode 100644 dist/docs/colors.html diff --git a/dist/400.html b/dist/400.html index 0ca53690a..622461497 100644 --- a/dist/400.html +++ b/dist/400.html @@ -14,7 +14,7 @@ - + Page 400 - tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/401.html b/dist/401.html index ad3c7155c..f82b8c199 100644 --- a/dist/401.html +++ b/dist/401.html @@ -14,7 +14,7 @@ - + Page 401 - tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/403.html b/dist/403.html index 530505f6b..055455e5c 100644 --- a/dist/403.html +++ b/dist/403.html @@ -14,7 +14,7 @@ - + Page 403 - tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/404.html b/dist/404.html index c1d14c31c..75960a0fc 100644 --- a/dist/404.html +++ b/dist/404.html @@ -14,7 +14,7 @@ - + Page 404 - tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/500.html b/dist/500.html index a4b64ac54..4bef844e1 100644 --- a/dist/500.html +++ b/dist/500.html @@ -14,7 +14,7 @@ - + Page 500 - tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/503.html b/dist/503.html index d4147a2fe..9965e8850 100644 --- a/dist/503.html +++ b/dist/503.html @@ -14,7 +14,7 @@ - + Page 503 - tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/assets/css/dashboard.css b/dist/assets/css/dashboard.css index ccbe609dd..c63ba8119 100644 --- a/dist/assets/css/dashboard.css +++ b/dist/assets/css/dashboard.css @@ -490,7 +490,7 @@ mark, .img-thumbnail { padding: 0.25rem; - background-color: #f5f7fb; + background-color: #fff; border: 1px solid #dee2e6; border-radius: 3px; max-width: 100%; @@ -520,7 +520,7 @@ samp { code { font-size: 85%; - color: #868e96; + color: inherit; word-break: break-word; } @@ -10170,6 +10170,20 @@ blockquote cite:before { content: '— '; } +code { + background: rgba(0, 0, 0, 0.025); + border: 1px solid rgba(0, 0, 0, 0.05); + border-radius: 3px; + padding: 3px; +} + +pre code { + padding: 0; + border-radius: 0; + border: none; + background: none; +} + hr { margin-top: 2rem; margin-bottom: 2rem; @@ -10671,16 +10685,904 @@ body.fixed-header .header { } } -.colors-list { - display: block; +.bg-blue-lightest { + background-color: #edf2fa !important; } -.colors-list-item { - display: inline-block; - width: 1rem; - height: 1rem; - border-radius: 3px; - vertical-align: middle; +a.bg-blue-lightest:hover, a.bg-blue-lightest:focus, +button.bg-blue-lightest:hover, +button.bg-blue-lightest:focus { + background-color: #c5d5ef !important; +} + +.bg-blue-lighter { + background-color: #c8d9f1 !important; +} + +a.bg-blue-lighter:hover, a.bg-blue-lighter:focus, +button.bg-blue-lighter:hover, +button.bg-blue-lighter:focus { + background-color: #9fbde7 !important; +} + +.bg-blue-light { + background-color: #7ea5dd !important; +} + +a.bg-blue-light:hover, a.bg-blue-light:focus, +button.bg-blue-light:hover, +button.bg-blue-light:focus { + background-color: #5689d2 !important; +} + +.bg-blue-dark { + background-color: #3866a6 !important; +} + +a.bg-blue-dark:hover, a.bg-blue-dark:focus, +button.bg-blue-dark:hover, +button.bg-blue-dark:focus { + background-color: #2b4f80 !important; +} + +.bg-blue-darker { + background-color: #1c3353 !important; +} + +a.bg-blue-darker:hover, a.bg-blue-darker:focus, +button.bg-blue-darker:hover, +button.bg-blue-darker:focus { + background-color: #0f1c2d !important; +} + +.bg-blue-darkest { + background-color: #0e1929 !important; +} + +a.bg-blue-darkest:hover, a.bg-blue-darkest:focus, +button.bg-blue-darkest:hover, +button.bg-blue-darkest:focus { + background-color: #010203 !important; +} + +.bg-indigo-lightest { + background-color: #f0f1fa !important; +} + +a.bg-indigo-lightest:hover, a.bg-indigo-lightest:focus, +button.bg-indigo-lightest:hover, +button.bg-indigo-lightest:focus { + background-color: #cacded !important; +} + +.bg-indigo-lighter { + background-color: #d1d5f0 !important; +} + +a.bg-indigo-lighter:hover, a.bg-indigo-lighter:focus, +button.bg-indigo-lighter:hover, +button.bg-indigo-lighter:focus { + background-color: #abb2e3 !important; +} + +.bg-indigo-light { + background-color: #939edc !important; +} + +a.bg-indigo-light:hover, a.bg-indigo-light:focus, +button.bg-indigo-light:hover, +button.bg-indigo-light:focus { + background-color: #6c7bd0 !important; +} + +.bg-indigo-dark { + background-color: #515da4 !important; +} + +a.bg-indigo-dark:hover, a.bg-indigo-dark:focus, +button.bg-indigo-dark:hover, +button.bg-indigo-dark:focus { + background-color: #404a82 !important; +} + +.bg-indigo-darker { + background-color: #282e52 !important; +} + +a.bg-indigo-darker:hover, a.bg-indigo-darker:focus, +button.bg-indigo-darker:hover, +button.bg-indigo-darker:focus { + background-color: #171b30 !important; +} + +.bg-indigo-darkest { + background-color: #141729 !important; +} + +a.bg-indigo-darkest:hover, a.bg-indigo-darkest:focus, +button.bg-indigo-darkest:hover, +button.bg-indigo-darkest:focus { + background-color: #030407 !important; +} + +.bg-purple-lightest { + background-color: #f6effd !important; +} + +a.bg-purple-lightest:hover, a.bg-purple-lightest:focus, +button.bg-purple-lightest:hover, +button.bg-purple-lightest:focus { + background-color: #ddc2f7 !important; +} + +.bg-purple-lighter { + background-color: #e4cff9 !important; +} + +a.bg-purple-lighter:hover, a.bg-purple-lighter:focus, +button.bg-purple-lighter:hover, +button.bg-purple-lighter:focus { + background-color: #cba2f3 !important; +} + +.bg-purple-light { + background-color: #c08ef0 !important; +} + +a.bg-purple-light:hover, a.bg-purple-light:focus, +button.bg-purple-light:hover, +button.bg-purple-light:focus { + background-color: #a761ea !important; +} + +.bg-purple-dark { + background-color: #844bbb !important; +} + +a.bg-purple-dark:hover, a.bg-purple-dark:focus, +button.bg-purple-dark:hover, +button.bg-purple-dark:focus { + background-color: #6a3a99 !important; +} + +.bg-purple-darker { + background-color: #42265e !important; +} + +a.bg-purple-darker:hover, a.bg-purple-darker:focus, +button.bg-purple-darker:hover, +button.bg-purple-darker:focus { + background-color: #29173a !important; +} + +.bg-purple-darkest { + background-color: #21132f !important; +} + +a.bg-purple-darkest:hover, a.bg-purple-darkest:focus, +button.bg-purple-darkest:hover, +button.bg-purple-darkest:focus { + background-color: #08040b !important; +} + +.bg-pink-lightest { + background-color: #fef0f5 !important; +} + +a.bg-pink-lightest:hover, a.bg-pink-lightest:focus, +button.bg-pink-lightest:hover, +button.bg-pink-lightest:focus { + background-color: #fbc0d5 !important; +} + +.bg-pink-lighter { + background-color: #fcd3e1 !important; +} + +a.bg-pink-lighter:hover, a.bg-pink-lighter:focus, +button.bg-pink-lighter:hover, +button.bg-pink-lighter:focus { + background-color: #f9a3c0 !important; +} + +.bg-pink-light { + background-color: #f999b9 !important; +} + +a.bg-pink-light:hover, a.bg-pink-light:focus, +button.bg-pink-light:hover, +button.bg-pink-light:focus { + background-color: #f66998 !important; +} + +.bg-pink-dark { + background-color: #c5577c !important; +} + +a.bg-pink-dark:hover, a.bg-pink-dark:focus, +button.bg-pink-dark:hover, +button.bg-pink-dark:focus { + background-color: #ad3c62 !important; +} + +.bg-pink-darker { + background-color: #622c3e !important; +} + +a.bg-pink-darker:hover, a.bg-pink-darker:focus, +button.bg-pink-darker:hover, +button.bg-pink-darker:focus { + background-color: #3f1c28 !important; +} + +.bg-pink-darkest { + background-color: #31161f !important; +} + +a.bg-pink-darkest:hover, a.bg-pink-darkest:focus, +button.bg-pink-darkest:hover, +button.bg-pink-darkest:focus { + background-color: #0e0609 !important; +} + +.bg-red-lightest { + background-color: #fae9e9 !important; +} + +a.bg-red-lightest:hover, a.bg-red-lightest:focus, +button.bg-red-lightest:hover, +button.bg-red-lightest:focus { + background-color: #f1bfbf !important; +} + +.bg-red-lighter { + background-color: #f0bcbc !important; +} + +a.bg-red-lighter:hover, a.bg-red-lighter:focus, +button.bg-red-lighter:hover, +button.bg-red-lighter:focus { + background-color: #e79292 !important; +} + +.bg-red-light { + background-color: #dc6362 !important; +} + +a.bg-red-light:hover, a.bg-red-light:focus, +button.bg-red-light:hover, +button.bg-red-light:focus { + background-color: #d33a38 !important; +} + +.bg-red-dark { + background-color: #a41a19 !important; +} + +a.bg-red-dark:hover, a.bg-red-dark:focus, +button.bg-red-dark:hover, +button.bg-red-dark:focus { + background-color: #781312 !important; +} + +.bg-red-darker { + background-color: #520d0c !important; +} + +a.bg-red-darker:hover, a.bg-red-darker:focus, +button.bg-red-darker:hover, +button.bg-red-darker:focus { + background-color: #260605 !important; +} + +.bg-red-darkest { + background-color: #290606 !important; +} + +a.bg-red-darkest:hover, a.bg-red-darkest:focus, +button.bg-red-darkest:hover, +button.bg-red-darkest:focus { + background-color: black !important; +} + +.bg-orange-lightest { + background-color: #fff5ec !important; +} + +a.bg-orange-lightest:hover, a.bg-orange-lightest:focus, +button.bg-orange-lightest:hover, +button.bg-orange-lightest:focus { + background-color: peachpuff !important; +} + +.bg-orange-lighter { + background-color: #fee0c7 !important; +} + +a.bg-orange-lighter:hover, a.bg-orange-lighter:focus, +button.bg-orange-lighter:hover, +button.bg-orange-lighter:focus { + background-color: #fdc495 !important; +} + +.bg-orange-light { + background-color: #feb67c !important; +} + +a.bg-orange-light:hover, a.bg-orange-light:focus, +button.bg-orange-light:hover, +button.bg-orange-light:focus { + background-color: #fe9a49 !important; +} + +.bg-orange-dark { + background-color: #ca7836 !important; +} + +a.bg-orange-dark:hover, a.bg-orange-dark:focus, +button.bg-orange-dark:hover, +button.bg-orange-dark:focus { + background-color: #a2602b !important; +} + +.bg-orange-darker { + background-color: #653c1b !important; +} + +a.bg-orange-darker:hover, a.bg-orange-darker:focus, +button.bg-orange-darker:hover, +button.bg-orange-darker:focus { + background-color: #3d2410 !important; +} + +.bg-orange-darkest { + background-color: #331e0e !important; +} + +a.bg-orange-darkest:hover, a.bg-orange-darkest:focus, +button.bg-orange-darkest:hover, +button.bg-orange-darkest:focus { + background-color: #0b0603 !important; +} + +.bg-yellow-lightest { + background-color: #fef9e7 !important; +} + +a.bg-yellow-lightest:hover, a.bg-yellow-lightest:focus, +button.bg-yellow-lightest:hover, +button.bg-yellow-lightest:focus { + background-color: #fcedb6 !important; +} + +.bg-yellow-lighter { + background-color: #fbedb7 !important; +} + +a.bg-yellow-lighter:hover, a.bg-yellow-lighter:focus, +button.bg-yellow-lighter:hover, +button.bg-yellow-lighter:focus { + background-color: #f8e187 !important; +} + +.bg-yellow-light { + background-color: #f5d657 !important; +} + +a.bg-yellow-light:hover, a.bg-yellow-light:focus, +button.bg-yellow-light:hover, +button.bg-yellow-light:focus { + background-color: #f2ca27 !important; +} + +.bg-yellow-dark { + background-color: #c19d0c !important; +} + +a.bg-yellow-dark:hover, a.bg-yellow-dark:focus, +button.bg-yellow-dark:hover, +button.bg-yellow-dark:focus { + background-color: #917609 !important; +} + +.bg-yellow-darker { + background-color: #604e06 !important; +} + +a.bg-yellow-darker:hover, a.bg-yellow-darker:focus, +button.bg-yellow-darker:hover, +button.bg-yellow-darker:focus { + background-color: #302703 !important; +} + +.bg-yellow-darkest { + background-color: #302703 !important; +} + +a.bg-yellow-darkest:hover, a.bg-yellow-darkest:focus, +button.bg-yellow-darkest:hover, +button.bg-yellow-darkest:focus { + background-color: black !important; +} + +.bg-green-lightest { + background-color: #eff8e6 !important; +} + +a.bg-green-lightest:hover, a.bg-green-lightest:focus, +button.bg-green-lightest:hover, +button.bg-green-lightest:focus { + background-color: #d6edbe !important; +} + +.bg-green-lighter { + background-color: #cfeab3 !important; +} + +a.bg-green-lighter:hover, a.bg-green-lighter:focus, +button.bg-green-lighter:hover, +button.bg-green-lighter:focus { + background-color: #b6df8b !important; +} + +.bg-green-light { + background-color: #8ecf4d !important; +} + +a.bg-green-light:hover, a.bg-green-light:focus, +button.bg-green-light:hover, +button.bg-green-light:focus { + background-color: #75b831 !important; +} + +.bg-green-dark { + background-color: #4b9500 !important; +} + +a.bg-green-dark:hover, a.bg-green-dark:focus, +button.bg-green-dark:hover, +button.bg-green-dark:focus { + background-color: #316200 !important; +} + +.bg-green-darker { + background-color: #264a00 !important; +} + +a.bg-green-darker:hover, a.bg-green-darker:focus, +button.bg-green-darker:hover, +button.bg-green-darker:focus { + background-color: #0c1700 !important; +} + +.bg-green-darkest { + background-color: #132500 !important; +} + +a.bg-green-darkest:hover, a.bg-green-darkest:focus, +button.bg-green-darkest:hover, +button.bg-green-darkest:focus { + background-color: black !important; +} + +.bg-teal-lightest { + background-color: #eafaf8 !important; +} + +a.bg-teal-lightest:hover, a.bg-teal-lightest:focus, +button.bg-teal-lightest:hover, +button.bg-teal-lightest:focus { + background-color: #c1f0ea !important; +} + +.bg-teal-lighter { + background-color: #bfefea !important; +} + +a.bg-teal-lighter:hover, a.bg-teal-lighter:focus, +button.bg-teal-lighter:hover, +button.bg-teal-lighter:focus { + background-color: #96e5dd !important; +} + +.bg-teal-light { + background-color: #6bdbcf !important; +} + +a.bg-teal-light:hover, a.bg-teal-light:focus, +button.bg-teal-light:hover, +button.bg-teal-light:focus { + background-color: #42d1c2 !important; +} + +.bg-teal-dark { + background-color: #22a295 !important; +} + +a.bg-teal-dark:hover, a.bg-teal-dark:focus, +button.bg-teal-dark:hover, +button.bg-teal-dark:focus { + background-color: #19786e !important; +} + +.bg-teal-darker { + background-color: #11514a !important; +} + +a.bg-teal-darker:hover, a.bg-teal-darker:focus, +button.bg-teal-darker:hover, +button.bg-teal-darker:focus { + background-color: #082723 !important; +} + +.bg-teal-darkest { + background-color: #092925 !important; +} + +a.bg-teal-darkest:hover, a.bg-teal-darkest:focus, +button.bg-teal-darkest:hover, +button.bg-teal-darkest:focus { + background-color: black !important; +} + +.bg-cyan-lightest { + background-color: #e8f6f8 !important; +} + +a.bg-cyan-lightest:hover, a.bg-cyan-lightest:focus, +button.bg-cyan-lightest:hover, +button.bg-cyan-lightest:focus { + background-color: #c1e7ec !important; +} + +.bg-cyan-lighter { + background-color: #b9e3ea !important; +} + +a.bg-cyan-lighter:hover, a.bg-cyan-lighter:focus, +button.bg-cyan-lighter:hover, +button.bg-cyan-lighter:focus { + background-color: #92d3de !important; +} + +.bg-cyan-light { + background-color: #5dbecd !important; +} + +a.bg-cyan-light:hover, a.bg-cyan-light:focus, +button.bg-cyan-light:hover, +button.bg-cyan-light:focus { + background-color: #3aabbd !important; +} + +.bg-cyan-dark { + background-color: #128293 !important; +} + +a.bg-cyan-dark:hover, a.bg-cyan-dark:focus, +button.bg-cyan-dark:hover, +button.bg-cyan-dark:focus { + background-color: #0c5a66 !important; +} + +.bg-cyan-darker { + background-color: #09414a !important; +} + +a.bg-cyan-darker:hover, a.bg-cyan-darker:focus, +button.bg-cyan-darker:hover, +button.bg-cyan-darker:focus { + background-color: #03191d !important; +} + +.bg-cyan-darkest { + background-color: #052025 !important; +} + +a.bg-cyan-darkest:hover, a.bg-cyan-darkest:focus, +button.bg-cyan-darkest:hover, +button.bg-cyan-darkest:focus { + background-color: black !important; +} + +.bg-white-lightest { + background-color: white !important; +} + +a.bg-white-lightest:hover, a.bg-white-lightest:focus, +button.bg-white-lightest:hover, +button.bg-white-lightest:focus { + background-color: #e6e5e5 !important; +} + +.bg-white-lighter { + background-color: white !important; +} + +a.bg-white-lighter:hover, a.bg-white-lighter:focus, +button.bg-white-lighter:hover, +button.bg-white-lighter:focus { + background-color: #e6e5e5 !important; +} + +.bg-white-light { + background-color: white !important; +} + +a.bg-white-light:hover, a.bg-white-light:focus, +button.bg-white-light:hover, +button.bg-white-light:focus { + background-color: #e6e5e5 !important; +} + +.bg-white-dark { + background-color: #cccccc !important; +} + +a.bg-white-dark:hover, a.bg-white-dark:focus, +button.bg-white-dark:hover, +button.bg-white-dark:focus { + background-color: #b3b2b2 !important; +} + +.bg-white-darker { + background-color: #666666 !important; +} + +a.bg-white-darker:hover, a.bg-white-darker:focus, +button.bg-white-darker:hover, +button.bg-white-darker:focus { + background-color: #4d4c4c !important; +} + +.bg-white-darkest { + background-color: #333333 !important; +} + +a.bg-white-darkest:hover, a.bg-white-darkest:focus, +button.bg-white-darkest:hover, +button.bg-white-darkest:focus { + background-color: #1a1919 !important; +} + +.bg-gray-lightest { + background-color: #f3f4f5 !important; +} + +a.bg-gray-lightest:hover, a.bg-gray-lightest:focus, +button.bg-gray-lightest:hover, +button.bg-gray-lightest:focus { + background-color: #d7dbde !important; +} + +.bg-gray-lighter { + background-color: #dbdde0 !important; +} + +a.bg-gray-lighter:hover, a.bg-gray-lighter:focus, +button.bg-gray-lighter:hover, +button.bg-gray-lighter:focus { + background-color: #c0c3c8 !important; +} + +.bg-gray-light { + background-color: #aab0b6 !important; +} + +a.bg-gray-light:hover, a.bg-gray-light:focus, +button.bg-gray-light:hover, +button.bg-gray-light:focus { + background-color: #8f979e !important; +} + +.bg-gray-dark { + background-color: #6b7278 !important; +} + +a.bg-gray-dark:hover, a.bg-gray-dark:focus, +button.bg-gray-dark:hover, +button.bg-gray-dark:focus { + background-color: #53585d !important; +} + +.bg-gray-darker { + background-color: #36393c !important; +} + +a.bg-gray-darker:hover, a.bg-gray-darker:focus, +button.bg-gray-darker:hover, +button.bg-gray-darker:focus { + background-color: #1e2021 !important; +} + +.bg-gray-darkest { + background-color: #1b1c1e !important; +} + +a.bg-gray-darkest:hover, a.bg-gray-darkest:focus, +button.bg-gray-darkest:hover, +button.bg-gray-darkest:focus { + background-color: #030303 !important; +} + +.bg-gray-dark-lightest { + background-color: #ebebec !important; +} + +a.bg-gray-dark-lightest:hover, a.bg-gray-dark-lightest:focus, +button.bg-gray-dark-lightest:hover, +button.bg-gray-dark-lightest:focus { + background-color: #d1d1d3 !important; +} + +.bg-gray-dark-lighter { + background-color: #c2c4c6 !important; +} + +a.bg-gray-dark-lighter:hover, a.bg-gray-dark-lighter:focus, +button.bg-gray-dark-lighter:hover, +button.bg-gray-dark-lighter:focus { + background-color: #a8abad !important; +} + +.bg-gray-dark-light { + background-color: #717579 !important; +} + +a.bg-gray-dark-light:hover, a.bg-gray-dark-light:focus, +button.bg-gray-dark-light:hover, +button.bg-gray-dark-light:focus { + background-color: #585c5f !important; +} + +.bg-gray-dark-dark { + background-color: #2a2e33 !important; +} + +a.bg-gray-dark-dark:hover, a.bg-gray-dark-dark:focus, +button.bg-gray-dark-dark:hover, +button.bg-gray-dark-dark:focus { + background-color: #131517 !important; +} + +.bg-gray-dark-darker { + background-color: #15171a !important; +} + +a.bg-gray-dark-darker:hover, a.bg-gray-dark-darker:focus, +button.bg-gray-dark-darker:hover, +button.bg-gray-dark-darker:focus { + background-color: black !important; +} + +.bg-gray-dark-darkest { + background-color: #0a0c0d !important; +} + +a.bg-gray-dark-darkest:hover, a.bg-gray-dark-darkest:focus, +button.bg-gray-dark-darkest:hover, +button.bg-gray-dark-darkest:focus { + background-color: black !important; +} + +.bg-azure-lightest { + background-color: #ecf7fe !important; +} + +a.bg-azure-lightest:hover, a.bg-azure-lightest:focus, +button.bg-azure-lightest:hover, +button.bg-azure-lightest:focus { + background-color: #bce3fb !important; +} + +.bg-azure-lighter { + background-color: #c7e6fb !important; +} + +a.bg-azure-lighter:hover, a.bg-azure-lighter:focus, +button.bg-azure-lighter:hover, +button.bg-azure-lighter:focus { + background-color: #97d1f8 !important; +} + +.bg-azure-light { + background-color: #7dc4f6 !important; +} + +a.bg-azure-light:hover, a.bg-azure-light:focus, +button.bg-azure-light:hover, +button.bg-azure-light:focus { + background-color: #4daef3 !important; +} + +.bg-azure-dark { + background-color: #3788c2 !important; +} + +a.bg-azure-dark:hover, a.bg-azure-dark:focus, +button.bg-azure-dark:hover, +button.bg-azure-dark:focus { + background-color: #2c6c9a !important; +} + +.bg-azure-darker { + background-color: #1c4461 !important; +} + +a.bg-azure-darker:hover, a.bg-azure-darker:focus, +button.bg-azure-darker:hover, +button.bg-azure-darker:focus { + background-color: #112839 !important; +} + +.bg-azure-darkest { + background-color: #0e2230 !important; +} + +a.bg-azure-darkest:hover, a.bg-azure-darkest:focus, +button.bg-azure-darkest:hover, +button.bg-azure-darkest:focus { + background-color: #020609 !important; +} + +.bg-lime-lightest { + background-color: #f2fbeb !important; +} + +a.bg-lime-lightest:hover, a.bg-lime-lightest:focus, +button.bg-lime-lightest:hover, +button.bg-lime-lightest:focus { + background-color: #d6f3c1 !important; +} + +.bg-lime-lighter { + background-color: #d7f2c2 !important; +} + +a.bg-lime-lighter:hover, a.bg-lime-lighter:focus, +button.bg-lime-lighter:hover, +button.bg-lime-lighter:focus { + background-color: #bbe998 !important; +} + +.bg-lime-light { + background-color: #a3e072 !important; +} + +a.bg-lime-light:hover, a.bg-lime-light:focus, +button.bg-lime-light:hover, +button.bg-lime-light:focus { + background-color: #88d748 !important; +} + +.bg-lime-dark { + background-color: #62a82a !important; +} + +a.bg-lime-dark:hover, a.bg-lime-dark:focus, +button.bg-lime-dark:hover, +button.bg-lime-dark:focus { + background-color: #4a7f20 !important; +} + +.bg-lime-darker { + background-color: #315415 !important; +} + +a.bg-lime-darker:hover, a.bg-lime-darker:focus, +button.bg-lime-darker:hover, +button.bg-lime-darker:focus { + background-color: #192b0b !important; +} + +.bg-lime-darkest { + background-color: #192a0b !important; +} + +a.bg-lime-darkest:hover, a.bg-lime-darkest:focus, +button.bg-lime-darkest:hover, +button.bg-lime-darkest:focus { + background-color: #010200 !important; } .display-1 i, @@ -10703,6 +11605,34 @@ body.fixed-header .header { color: #6e7687 !important; } +.tracking-tight { + letter-spacing: -0.05em !important; +} + +.tracking-normal { + letter-spacing: 0 !important; +} + +.tracking-wide { + letter-spacing: 0.05em !important; +} + +.leading-none { + line-height: 1 !important; +} + +.leading-tight { + line-height: 1.25 !important; +} + +.leading-normal { + line-height: 1.5 !important; +} + +.leading-loose { + line-height: 2 !important; +} + .bg-blue { background-color: #467fcf !important; } @@ -10938,6 +11868,14 @@ a.icon:hover { overflow: hidden !important; } +.shadow { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; +} + +.shadow-none { + box-shadow: none !important; +} + .nav-tabs { -webkit-user-select: none; -moz-user-select: none; diff --git a/dist/assets/js/core.js b/dist/assets/js/core.js index a45309707..ae39c0767 100644 --- a/dist/assets/js/core.js +++ b/dist/assets/js/core.js @@ -94,8 +94,4 @@ $(document).ready(function () { }); }); } - - - - }); \ No newline at end of file diff --git a/dist/assets/js/dashboard.js b/dist/assets/js/dashboard.js index 0d64ed72d..32bf37853 100644 --- a/dist/assets/js/dashboard.js +++ b/dist/assets/js/dashboard.js @@ -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']); \ No newline at end of file diff --git a/dist/assets/plugins/charts-c3/plugin.css b/dist/assets/plugins/charts-c3/plugin.css index 3ceb7aeb8..86c1fff8a 100644 --- a/dist/assets/plugins/charts-c3/plugin.css +++ b/dist/assets/plugins/charts-c3/plugin.css @@ -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; diff --git a/dist/blog.html b/dist/blog.html index 3702d9494..4efafe91d 100644 --- a/dist/blog.html +++ b/dist/blog.html @@ -14,7 +14,7 @@ - + tabler.github.io - a responsive, flat and full featured admin template @@ -151,6 +151,7 @@ 404 error 500 error 503 error + Email Empty page diff --git a/dist/cards.html b/dist/cards.html index d7cd032c9..dbb22b58b 100644 --- a/dist/cards.html +++ b/dist/cards.html @@ -14,7 +14,7 @@ - + Cards design - tabler.github.io - a responsive, flat and full featured admin template @@ -151,6 +151,7 @@ 404 error 500 error 503 error + Email Empty page diff --git a/dist/charts.html b/dist/charts.html index 44f238c1d..d5363f96d 100644 --- a/dist/charts.html +++ b/dist/charts.html @@ -14,7 +14,7 @@ - + Charts - tabler.github.io - a responsive, flat and full featured admin template @@ -151,6 +151,7 @@ 404 error 500 error 503 error + Email Empty page @@ -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, diff --git a/dist/crypto-currencies.html b/dist/crypto-currencies.html index c5220f984..5b8e3c56d 100644 --- a/dist/crypto-currencies.html +++ b/dist/crypto-currencies.html @@ -14,7 +14,7 @@ - + Crypto currencies - tabler.github.io - a responsive, flat and full featured admin template @@ -151,6 +151,7 @@ 404 error 500 error 503 error + Email Empty page diff --git a/dist/docs/alerts.html b/dist/docs/alerts.html index 9e9be9a45..4f104ff58 100644 --- a/dist/docs/alerts.html +++ b/dist/docs/alerts.html @@ -14,7 +14,7 @@ - + Alerts - Documentation - tabler.github.io - a responsive, flat and full featured admin template @@ -151,6 +151,7 @@ 404 error 500 error 503 error + Email Empty page @@ -198,6 +199,7 @@ Alerts Avatars Buttons + Colors Cards Charts Form components diff --git a/dist/docs/avatars.html b/dist/docs/avatars.html index 3062c4902..a670ff7c8 100644 --- a/dist/docs/avatars.html +++ b/dist/docs/avatars.html @@ -14,7 +14,7 @@ - + Avatars - Documentation - tabler.github.io - a responsive, flat and full featured admin template @@ -151,6 +151,7 @@ 404 error 500 error 503 error + Email Empty page @@ -198,6 +199,7 @@ Alerts Avatars Buttons + Colors Cards Charts Form components diff --git a/dist/docs/buttons.html b/dist/docs/buttons.html index 595d61eef..6e31450d9 100644 --- a/dist/docs/buttons.html +++ b/dist/docs/buttons.html @@ -14,7 +14,7 @@ - + Buttons - Documentation - tabler.github.io - a responsive, flat and full featured admin template @@ -151,6 +151,7 @@ 404 error 500 error 503 error + Email Empty page @@ -198,6 +199,7 @@ Alerts Avatars Buttons + Colors Cards Charts Form components diff --git a/dist/docs/cards.html b/dist/docs/cards.html index 5bd10cce7..c975829ba 100644 --- a/dist/docs/cards.html +++ b/dist/docs/cards.html @@ -14,7 +14,7 @@ - + Cards - Documentation - tabler.github.io - a responsive, flat and full featured admin template @@ -151,6 +151,7 @@ 404 error 500 error 503 error + Email Empty page @@ -198,6 +199,7 @@ Alerts Avatars Buttons + Colors Cards Charts Form components diff --git a/dist/docs/charts.html b/dist/docs/charts.html index 85af33498..5d7c1127a 100644 --- a/dist/docs/charts.html +++ b/dist/docs/charts.html @@ -14,7 +14,7 @@ - + Charts - Documentation - tabler.github.io - a responsive, flat and full featured admin template @@ -151,6 +151,7 @@ 404 error 500 error 503 error + Email Empty page @@ -198,6 +199,7 @@ Alerts Avatars Buttons + Colors Cards Charts Form components @@ -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 @@ 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 @@ -307,7 +309,7 @@ }, }, legend: { - show: false, //hide legend + show: false, //hide legend }, padding: { bottom: 0, diff --git a/dist/docs/colors.html b/dist/docs/colors.html new file mode 100644 index 000000000..5264153f7 --- /dev/null +++ b/dist/docs/colors.html @@ -0,0 +1,685 @@ + + + + + + + + + + + + + + + + + + Colors - Documentation - tabler.github.io - a responsive, flat and full featured admin template + + + + + + + + + + + + + + + + + +
+
+
+
+
+ + tabler.io + +
+
+ Source code +
+
+ + + +
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores + delectus dolore dolores maxime nesciunt qui quia totam. +
+
+
+ + + + +
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores + delectus dolore dolores maxime nesciunt qui quia totam. +
+
+
+ + + + Jane Pearson + Administrator + + +
+ + Profile + + + Settings + + + 6 + Inbox + + + Message + +
+ Need help? + Sign out +
+
+
+ +
+
+
+
+
+
+
+ +
+
+
+ +
+ +
+
+
+
+
+
+
+
+
+

+ + Documentation +

+
+
+
+ + Browse source code + + +
+ Introduction +
+ +
+ Alerts + Avatars + Buttons + Colors + Cards + Charts + Form components + Tags + Typography +
+
+ Edit this page +
+
+
+
+
+
+

Colors

+

Convey meaning through color with a handful of color utility classes.

+

Contextual colors

+

A background fill can be applied to a container using one of the .bg-[color] classes.

+
+
+
+
+ Primary
+ .bg-primary +
+
+
+
+
+ Secondary
+ .bg-secondary +
+
+
+
+
+ Success
+ .bg-success +
+
+
+
+
+ Info
+ .bg-info +
+
+
+
+
+ Warning
+ .bg-warning +
+
+
+
+
+ Danger
+ .bg-danger +
+
+
+
+ 
<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-primary rounded mr-4"></div>
+  <div>
+    <strong>Primary</strong><br />
+    <code>.bg-primary</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-secondary rounded mr-4"></div>
+  <div>
+    <strong>Secondary</strong><br />
+    <code>.bg-secondary</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-success rounded mr-4"></div>
+  <div>
+    <strong>Success</strong><br />
+    <code>.bg-success</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-info rounded mr-4"></div>
+  <div>
+    <strong>Info</strong><br />
+    <code>.bg-info</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-warning rounded mr-4"></div>
+  <div>
+    <strong>Warning</strong><br />
+    <code>.bg-warning</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-danger rounded mr-4"></div>
+  <div>
+    <strong>Danger</strong><br />
+    <code>.bg-danger</code>
+  </div>
+</div>
+
+

Other colors

+

Instead of using contextual classes you can use ordinary color names.

+
+
+
+
+ Blue
+ .bg-blue +
+
+
+
+
+ Azure
+ .bg-azure +
+
+
+
+
+ Indigo
+ .bg-indigo +
+
+
+
+
+ Purple
+ .bg-purple +
+
+
+
+
+ Pink
+ .bg-pink +
+
+
+
+
+ Red
+ .bg-red +
+
+
+
+
+ Orange
+ .bg-orange +
+
+
+
+
+ Yellow
+ .bg-yellow +
+
+
+
+
+ Lime
+ .bg-lime +
+
+
+
+
+ Green
+ .bg-green +
+
+
+
+
+ Teal
+ .bg-teal +
+
+
+
+
+ Cyan
+ .bg-cyan +
+
+
+
+
+ Gray
+ .bg-gray +
+
+
+
+
+ Dark gray
+ .bg-gray-dark +
+
+
+
+ 
<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-blue rounded mr-4"></div>
+  <div>
+    <strong>Blue</strong><br />
+    <code>.bg-blue</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-azure rounded mr-4"></div>
+  <div>
+    <strong>Azure</strong><br />
+    <code>.bg-azure</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-indigo rounded mr-4"></div>
+  <div>
+    <strong>Indigo</strong><br />
+    <code>.bg-indigo</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-purple rounded mr-4"></div>
+  <div>
+    <strong>Purple</strong><br />
+    <code>.bg-purple</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-pink rounded mr-4"></div>
+  <div>
+    <strong>Pink</strong><br />
+    <code>.bg-pink</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-red rounded mr-4"></div>
+  <div>
+    <strong>Red</strong><br />
+    <code>.bg-red</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-orange rounded mr-4"></div>
+  <div>
+    <strong>Orange</strong><br />
+    <code>.bg-orange</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-yellow rounded mr-4"></div>
+  <div>
+    <strong>Yellow</strong><br />
+    <code>.bg-yellow</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-lime rounded mr-4"></div>
+  <div>
+    <strong>Lime</strong><br />
+    <code>.bg-lime</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-green rounded mr-4"></div>
+  <div>
+    <strong>Green</strong><br />
+    <code>.bg-green</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-teal rounded mr-4"></div>
+  <div>
+    <strong>Teal</strong><br />
+    <code>.bg-teal</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-cyan rounded mr-4"></div>
+  <div>
+    <strong>Cyan</strong><br />
+    <code>.bg-cyan</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-gray rounded mr-4"></div>
+  <div>
+    <strong>Gray</strong><br />
+    <code>.bg-gray</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-gray-dark rounded mr-4"></div>
+  <div>
+    <strong>Dark gray</strong><br />
+    <code>.bg-gray-dark</code>
+  </div>
+</div>
+
+

Tinting backgrounds

+

Translucent background fills to shade an element against a background. You can use one of few suffixes:
+ -darkest, -darker, -dark, -lightest, -lighter or -light.

+
+
+
+
+ Darkest blue
+ .bg-blue-darkest +
+
+
+
+
+ Darker blue
+ .bg-blue-darker +
+
+
+
+
+ Dark blue
+ .bg-blue-dark +
+
+
+
+
+ Default blue
+ .bg-blue +
+
+
+
+
+ Light blue
+ .bg-blue-light +
+
+
+
+
+ Lighter blue
+ .bg-blue-lighter +
+
+
+
+
+ Lightest blue
+ .bg-blue-lightest +
+
+
+
+ 
<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-blue-darkest rounded mr-4"></div>
+  <div>
+    <strong>Darkest blue</strong><br />
+    <code>.bg-blue-darkest</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-blue-darker rounded mr-4"></div>
+  <div>
+    <strong>Darker blue</strong><br />
+    <code>.bg-blue-darker</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-blue-dark rounded mr-4"></div>
+  <div>
+    <strong>Dark blue</strong><br />
+    <code>.bg-blue-dark</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-blue rounded mr-4"></div>
+  <div>
+    <strong>Default blue</strong><br />
+    <code>.bg-blue</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-blue-light rounded mr-4"></div>
+  <div>
+    <strong>Light blue</strong><br />
+    <code>.bg-blue-light</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-blue-lighter rounded mr-4"></div>
+  <div>
+    <strong>Lighter blue</strong><br />
+    <code>.bg-blue-lighter</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-blue-lightest rounded mr-4"></div>
+  <div>
+    <strong>Lightest blue</strong><br />
+    <code>.bg-blue-lightest</code>
+  </div>
+</div>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ Premium and Open Source dashboard template with responsive and high quality UI. For Free! +
+
+
+
+ +
+ + \ No newline at end of file diff --git a/dist/docs/form-components.html b/dist/docs/form-components.html index f5da2cf66..a1c26dfd6 100644 --- a/dist/docs/form-components.html +++ b/dist/docs/form-components.html @@ -14,7 +14,7 @@ - + Form components - Documentation - tabler.github.io - a responsive, flat and full featured admin template @@ -151,6 +151,7 @@ 404 error 500 error 503 error + Email Empty page @@ -198,6 +199,7 @@ Alerts Avatars Buttons + Colors Cards Charts Form components diff --git a/dist/docs/grid.html b/dist/docs/grid.html index b93812a01..f7af2a452 100644 --- a/dist/docs/grid.html +++ b/dist/docs/grid.html @@ -14,7 +14,7 @@ - + Grid utilities - Documentation - tabler.github.io - a responsive, flat and full featured admin template @@ -151,6 +151,7 @@ 404 error 500 error 503 error + Email Empty page @@ -198,6 +199,7 @@ Alerts Avatars Buttons + Colors Cards Charts Form components diff --git a/dist/docs/index.html b/dist/docs/index.html index 701178378..df1a0a9c4 100644 --- a/dist/docs/index.html +++ b/dist/docs/index.html @@ -14,7 +14,7 @@ - + Introduction - Documentation - tabler.github.io - a responsive, flat and full featured admin template @@ -151,6 +151,7 @@ 404 error 500 error 503 error + Email Empty page @@ -198,6 +199,7 @@ Alerts Avatars Buttons + Colors Cards Charts Form components diff --git a/dist/docs/tags.html b/dist/docs/tags.html index e55e43bd2..ded2e578d 100644 --- a/dist/docs/tags.html +++ b/dist/docs/tags.html @@ -14,7 +14,7 @@ - + Tags - Documentation - tabler.github.io - a responsive, flat and full featured admin template @@ -151,6 +151,7 @@ 404 error 500 error 503 error + Email Empty page @@ -198,6 +199,7 @@ Alerts Avatars Buttons + Colors Cards Charts Form components diff --git a/dist/docs/typography.html b/dist/docs/typography.html index c31fd0238..bd197e784 100644 --- a/dist/docs/typography.html +++ b/dist/docs/typography.html @@ -14,7 +14,7 @@ - + Typography - Documentation - tabler.github.io - a responsive, flat and full featured admin template @@ -151,6 +151,7 @@ 404 error 500 error 503 error + Email Empty page @@ -198,6 +199,7 @@ Alerts Avatars Buttons + Colors Cards Charts Form components @@ -213,7 +215,63 @@

Typography

-

A single class to handle WYSIWYG generated content, where only HTML tags are available

+

Documentation and examples for common text utilities to control alignment, wrapping, weight, and more.

+

Text alignment

+

Easily realign text to components with text alignment classes.

+
+

Left aligned text on all viewport sizes.

+

Center aligned text on all viewport sizes.

+

Right aligned text on all viewport sizes.

+

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 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>
+
+

Text transform

+

Transform text in components with text capitalization classes.

+
+

Lowercased text.

+

Uppercased text.

+

Capitalized text.

+
+
+ 
<p class="text-lowercase">Lowercased text.</p>
+<p class="text-uppercase">Uppercased text.</p>
+<p class="text-capitalize">Capitalized text.</p>
+
+

Letter spacing

+

Utilities for controlling the tracking (letter spacing) of an element.

+
+

Lorem ipsum dolor sit amet. Tight letter spacing.

+

Lorem ipsum dolor sit amet. Normal letter spacing.

+

Lorem ipsum dolor sit amet. Wide letter spacing.

+
+
+ 
<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>
+
+

Line Height

+

Utilities for controlling the leading (line height) of an element.

+
+

Lorem ipsum dolor sit amet.
+ Dolor sit amet.

+

Lorem ipsum dolor sit amet.
+ Dolor sit amet.

+

Lorem ipsum dolor sit amet.
+ Dolor sit amet.

+

Lorem ipsum dolor sit amet.
+ Dolor sit amet.

+
+
+ 
<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>
+

Basic elements

When you can’t use the CSS classes you want, or when you just want to directly use HTML tags, use .text-wrap as container. It can handle almost any HTML tag.

@@ -228,84 +286,6 @@
  • Aliquam nec felis in sapien venenatis viverra fermentum nec lectus.
  • Ut non enim metus.
    • -

    Third level

    -

    Quisque ante lacus, malesuada ac auctor vitae, congue non ante. Phasellus lacus ex, semper ac tortor nec, fringilla condimentum orci. Fusce eu rutrum tellus.

    -
      -
    1. Donec blandit a lorem id convallis.
      2. -
    2. Cras gravida arcu at diam gravida gravida.
      3. -
    3. Integer in volutpat libero.
      4. -
    4. Donec a diam tellus.
      5. -
    5. Aenean nec tortor orci.
      6. -
    6. Quisque aliquam cursus urna, non bibendum massa viverra eget.
      7. -
    7. Vivamus maximus ultricies pulvinar.
      8. -
    -
    Ut venenatis, nisl scelerisque sollicitudin fermentum, quam libero hendrerit ipsum, ut blandit est tellus sit amet turpis.
    -

    Quisque at semper enim, eu hendrerit odio. Etiam auctor nisl et justo sodales elementum. Maecenas ultrices lacus quis neque consectetur, et lobortis nisi molestie.

    -

    Sed sagittis enim ac tortor maximus rutrum. Nulla facilisi. Donec mattis vulputate risus in luctus. Maecenas vestibulum interdum commodo.

    -
    -
    Web
    -
    The part of the Internet that contains websites and web pages
    -
    HTML
    -
    A markup language for creating web pages
    -
    CSS
    -
    A technology to make HTML look better
    -
    -

    Suspendisse egestas sapien non felis placerat elementum. Morbi tortor nisl, suscipit sed mi sit amet, mollis malesuada nulla. Nulla facilisi. Nullam ac erat ante.

    -

    Fourth level

    -

    Nulla efficitur eleifend nisi, sit amet bibendum sapien fringilla ac. Mauris euismod metus a tellus laoreet, at elementum ex efficitur.

    - 
    -<!DOCTYPE html>
-<html>
-  <head>
-    <title>Hello World</title>
-  </head>
-  <body>
-    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra nec nulla vitae mollis.</p>
-  </body>
-</html>
-
    -

    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.

    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    OneTwo
    ThreeFour
    FiveSix
    SevenEight
    NineTen
    ElevenTwelve
    -

    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.

    -
    Fifth level
    -

    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.

    -
    - -
    - Figure 1: Some beautiful placeholders -
    -
    -
    Sixth level
    -

    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.

    @@ -320,84 +300,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>
    diff --git a/dist/email.html b/dist/email.html index f842bf302..6ef5ba64b 100644 --- a/dist/email.html +++ b/dist/email.html @@ -14,7 +14,7 @@ - + Email - tabler.github.io - a responsive, flat and full featured admin template @@ -151,6 +151,7 @@ 404 error 500 error 503 error + Email Empty page diff --git a/dist/empty.html b/dist/empty.html index 2cab04ff3..5b6d1468f 100644 --- a/dist/empty.html +++ b/dist/empty.html @@ -14,7 +14,7 @@ - + Empty page - tabler.github.io - a responsive, flat and full featured admin template @@ -151,6 +151,7 @@ 404 error 500 error 503 error + Email Empty page diff --git a/dist/forgot-password.html b/dist/forgot-password.html index 024314c78..7a394e4ff 100644 --- a/dist/forgot-password.html +++ b/dist/forgot-password.html @@ -14,7 +14,7 @@ - + Forgot password - tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/form-elements.html b/dist/form-elements.html index 51beee291..a21aa3ebf 100644 --- a/dist/form-elements.html +++ b/dist/form-elements.html @@ -14,7 +14,7 @@ - + tabler.github.io - a responsive, flat and full featured admin template @@ -151,6 +151,7 @@ 404 error 500 error 503 error + Email Empty page diff --git a/dist/gallery.html b/dist/gallery.html index cdcca0786..d601380cc 100644 --- a/dist/gallery.html +++ b/dist/gallery.html @@ -14,7 +14,7 @@ - + tabler.github.io - a responsive, flat and full featured admin template @@ -151,6 +151,7 @@ 404 error 500 error 503 error + Email Empty page diff --git a/dist/icons.html b/dist/icons.html index 268883f9c..773006444 100644 --- a/dist/icons.html +++ b/dist/icons.html @@ -14,7 +14,7 @@ - + Icons - tabler.github.io - a responsive, flat and full featured admin template @@ -151,6 +151,7 @@ 404 error 500 error 503 error + Email Empty page diff --git a/dist/index.html b/dist/index.html index dc876ed97..b20732ffb 100644 --- a/dist/index.html +++ b/dist/index.html @@ -14,7 +14,7 @@ - + Homepage - tabler.github.io - a responsive, flat and full featured admin template @@ -151,6 +151,7 @@ 404 error 500 error 503 error + Email Empty page @@ -184,7 +185,7 @@ Dashboard -
    +
    @@ -257,80 +258,122 @@
    -
    +
    -

    Tasks activity

    -
    - -
    -
    -
    -
    -
    -
    - -

    120

    -
    Tasks completed
    -     - -

    25

    -
    Hours logged
    -     - -

    2

    -
    Invoices sent
    -     - -

    2

    -
    Files uploaded
    -     +

    Development Activity

    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    UserCommitDate
    Ryan LawrenceInitial commitMay 6, 2016
    BMBenji MillerMain structureApril 22, 2016
    Justine AdamsLeft sidebar adjusmentsApril 15, 2016
    Brett HarrisTopbar dropdown styleApril 8, 2016
    -
    -
    Are you in trouble? Read our documentation with code samples.
    -
    -
    -

    Chart name

    +
    +
    Are you in trouble? Read our documentation with code samples.
    +
    +
    +
    +
    +

    Chart title

    +
    +
    +
    +
    +
    +
    -
    -
    +
    +
    +
    +

    Chart title

    +
    +
    +
    +
    +
    + +
    +
    +
    +
    +
    New fedbacks
    +
    62
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    Today profit
    +
    $652
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    Users online
    +
    76
    +
    +
    +
    +
    +
    -
    @@ -504,7 +635,7 @@
    Elizabeth Martin
    - Registered: Feb 6, 2018 + Registered: Feb 7, 2018
    @@ -554,7 +685,7 @@
    Michelle Schultz
    - Registered: Dec 25, 2017 + Registered: Dec 26, 2017
    @@ -575,7 +706,7 @@
    Last login
    -
    12 minutes ago
    +
    11 minutes ago
    @@ -604,7 +735,7 @@
    Crystal Austin
    - Registered: Dec 4, 2017 + Registered: Dec 6, 2017
    @@ -654,7 +785,7 @@
    Douglas Ray
    - Registered: Dec 14, 2017 + Registered: Dec 15, 2017
    @@ -704,7 +835,7 @@
    Teresa Reyes
    - Registered: Jan 24, 2018 + Registered: Jan 25, 2018
    @@ -754,7 +885,7 @@
    Emma Wade
    - Registered: Feb 19, 2018 + Registered: Feb 20, 2018
    @@ -804,7 +935,7 @@
    Carol Henderson
    - Registered: Feb 13, 2018 + Registered: Feb 14, 2018
    @@ -854,7 +985,7 @@
    Christopher Harvey
    - Registered: Jan 6, 2018 + Registered: Jan 7, 2018
    diff --git a/dist/invoice.html b/dist/invoice.html index f8813dd4f..51ea60e30 100644 --- a/dist/invoice.html +++ b/dist/invoice.html @@ -14,7 +14,7 @@ - + Invoice - tabler.github.io - a responsive, flat and full featured admin template @@ -151,6 +151,7 @@ 404 error 500 error 503 error + Email Empty page
    diff --git a/dist/login.html b/dist/login.html index 3d92c4ed6..3c35e2643 100644 --- a/dist/login.html +++ b/dist/login.html @@ -14,7 +14,7 @@ - + Login - tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/lookup.html b/dist/lookup.html index 45022bc16..2ddcc7cb6 100644 --- a/dist/lookup.html +++ b/dist/lookup.html @@ -14,7 +14,7 @@ - + Lookup company - tabler.github.io - a responsive, flat and full featured admin template @@ -151,6 +151,7 @@ 404 error 500 error 503 error + Email Empty page
    diff --git a/dist/maps.html b/dist/maps.html index e6ab0d3be..7e5b78635 100644 --- a/dist/maps.html +++ b/dist/maps.html @@ -14,7 +14,7 @@ - + Maps - tabler.github.io - a responsive, flat and full featured admin template @@ -151,6 +151,7 @@ 404 error 500 error 503 error + Email Empty page
    diff --git a/dist/profile.html b/dist/profile.html index cec7e4362..37ef09743 100644 --- a/dist/profile.html +++ b/dist/profile.html @@ -14,7 +14,7 @@ - + Profile - tabler.github.io - a responsive, flat and full featured admin template @@ -151,6 +151,7 @@ 404 error 500 error 503 error + Email Empty page
    diff --git a/dist/register.html b/dist/register.html index 5c4bc35d9..4014f3336 100644 --- a/dist/register.html +++ b/dist/register.html @@ -14,7 +14,7 @@ - + Register - tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/sample-cards.html b/dist/sample-cards.html index ada3e7408..b056f9fcc 100644 --- a/dist/sample-cards.html +++ b/dist/sample-cards.html @@ -14,7 +14,7 @@ - + Homepage - tabler.github.io - a responsive, flat and full featured admin template @@ -151,6 +151,7 @@ 404 error 500 error 503 error + Email Empty page
    @@ -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 diff --git a/dist/store.html b/dist/store.html index 95e596183..1313001d4 100644 --- a/dist/store.html +++ b/dist/store.html @@ -14,7 +14,7 @@ - + Store components - tabler.github.io - a responsive, flat and full featured admin template @@ -151,6 +151,7 @@ 404 error 500 error 503 error + Email Empty page
    diff --git a/dist/users-list.html b/dist/users-list.html index 6ae0ce17a..5fc90b3dc 100644 --- a/dist/users-list.html +++ b/dist/users-list.html @@ -14,7 +14,7 @@ - + tabler.github.io - a responsive, flat and full featured admin template @@ -151,6 +151,7 @@ 404 error 500 error 503 error + Email Empty page
    From 56ab0293da84db4fa23ec8558eda274c075b2f7a Mon Sep 17 00:00:00 2001 From: jose nazario Date: Wed, 7 Mar 2018 09:18:37 -0500 Subject: [PATCH 2/3] fix a spelling typo --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index b04d4d772..86f0653cb 100644 --- a/README.md +++ b/README.md @@ -64,7 +64,7 @@ When completed, you'll be able to run the various commands provided from the com 2. Open [http://localhost:4000](http://localhost:4000) in your browser, and voilà. 3. Any change in `/src` directory will build application and refresh the page. -**Warning!** all changes made in `_site/` folder would be overwriten on application build. +**Warning!** all changes made in `_site/` folder would be overwritten on application build. ## Bugs and feature requests @@ -86,4 +86,4 @@ Latest ✔ | Latest ✔ | Latest ✔ | 11+ ✔ | 9.1+ ✔ | Latest ✔ | ## Copyright and license -Code and documentation copyright 2018 the [Tabler Authors](https://github.com/tabler/tabler/graphs/contributors) and [codecalm.net](https://codecalm.net). Code released under the [MIT License](https://github.com/tabler/tabler/blob/master/LICENSE). \ No newline at end of file +Code and documentation copyright 2018 the [Tabler Authors](https://github.com/tabler/tabler/graphs/contributors) and [codecalm.net](https://codecalm.net). Code released under the [MIT License](https://github.com/tabler/tabler/blob/master/LICENSE). From 6333defd5979effbaa015071798aa7905bd7e934 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Pawe=C5=82=20Kuna?= <1282324+codecalm@users.noreply.github.com> Date: Tue, 13 Mar 2018 14:34:32 +0100 Subject: [PATCH 3/3] Delete ISSUE_TEMPLATE.md --- ISSUE_TEMPLATE.md | 24 ------------------------ 1 file changed, 24 deletions(-) delete mode 100644 ISSUE_TEMPLATE.md diff --git a/ISSUE_TEMPLATE.md b/ISSUE_TEMPLATE.md deleted file mode 100644 index fc3784370..000000000 --- a/ISSUE_TEMPLATE.md +++ /dev/null @@ -1,24 +0,0 @@ -(Thanks for reporting an issue! Please make sure you click the link above to view the issue guidelines, then fill out the blanks below.) - -What are the steps to reproduce this issue? -------------------------------------------- -1. … -2. … -3. … - -What happens? -------------- -… - -What were you expecting to happen? ----------------------------------- -… - -Any logs, error output, etc? ----------------------------- -(If it’s long, please paste to https://ghostbin.com/ and insert the link here.) - - -Any other comments? -------------------- -…