Release 1.0.0-alpha.21

This commit is contained in:
codecalm
2020-12-19 17:54:42 +01:00
parent 1ae93a9e50
commit e7141220e3
145 changed files with 5134 additions and 1028 deletions
+85 -66
View File
@@ -1,6 +1,6 @@
/*!
* Tabler v1.0.0-alpha.20 (https://tabler.io)
* @version 1.0.0-alpha.20
* Tabler v1.0.0-alpha.21 (https://tabler.io)
* @version 1.0.0-alpha.21
* @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -1306,7 +1306,7 @@ progress {
.table, .markdown > table {
--tblr-table-bg: transparent;
--tblr-table-striped-color: inherit;
--tblr-table-striped-bg: rgba(35, 46, 60, 0.024);
--tblr-table-striped-bg: #f4f6fa;
--tblr-table-active-color: inherit;
--tblr-table-active-bg: rgba(0, 0, 0, 0.1);
--tblr-table-hover-color: inherit;
@@ -1554,7 +1554,7 @@ progress {
-webkit-margin-end: 0.75rem;
margin-inline-end: 0.75rem;
color: #232e3c;
background-color: rgba(35, 46, 60, 0.024);
background-color: #f4f6fa;
pointer-events: none;
border-color: inherit;
border-style: solid;
@@ -1566,14 +1566,14 @@ progress {
.form-control::file-selector-button {
transition: none; } }
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
background-color: rgba(7, 9, 11, 0.0728); }
background-color: #e8eaee; }
.form-control::-webkit-file-upload-button {
padding: 0.4375rem 0.75rem;
margin: -0.4375rem -0.75rem;
-webkit-margin-end: 0.75rem;
margin-inline-end: 0.75rem;
color: #232e3c;
background-color: rgba(35, 46, 60, 0.024);
background-color: #f4f6fa;
pointer-events: none;
border-color: inherit;
border-style: solid;
@@ -1587,7 +1587,7 @@ progress {
-webkit-transition: none;
transition: none; } }
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
background-color: rgba(7, 9, 11, 0.0728); }
background-color: #e8eaee; }
.form-control-plaintext {
display: block;
@@ -1946,7 +1946,7 @@ textarea.form-control-lg {
color: #656d77;
text-align: center;
white-space: nowrap;
background-color: rgba(35, 46, 60, 0.024);
background-color: #f4f6fa;
border: 1px solid rgba(101, 109, 119, 0.24);
border-radius: 3px; }
@@ -2851,7 +2851,7 @@ textarea.form-control-lg {
padding: 0.75rem 1rem;
margin-bottom: 0;
color: #656d77;
background-color: rgba(35, 46, 60, 0.024);
background-color: #f4f6fa;
border-bottom: 1px solid rgba(101, 109, 119, 0.16); }
.card-header:first-child {
border-radius: 2px 2px 0 0; }
@@ -2859,7 +2859,7 @@ textarea.form-control-lg {
.card-footer {
padding: 0.75rem 1rem;
color: #656d77;
background-color: rgba(35, 46, 60, 0.024);
background-color: #f4f6fa;
border-top: 1px solid rgba(101, 109, 119, 0.16); }
.card-footer:last-child {
border-radius: 0 0 2px 2px; }
@@ -3221,7 +3221,7 @@ textarea.form-control-lg {
.list-group-item {
position: relative;
display: block;
padding: 0.5rem 0.75rem;
padding: 0.75rem 1rem;
background-color: inherit;
border: 1px solid #e6e8e9; }
.list-group-item:first-child {
@@ -7328,8 +7328,8 @@ Navbar
flex-direction: column;
align-items: stretch; }
.navbar-expand-sm .navbar-collapse .navbar-nav {
margin-left: -1.5rem;
margin-right: -1.5rem; }
margin-left: calc( -1 * var(--tblr-gutter-x, 1.5rem));
margin-right: calc( -1 * var(--tblr-gutter-x, 1.5rem)); }
.navbar-expand-sm .navbar-collapse .navbar-nav .nav-link {
padding: 0.5rem 1.5rem;
justify-content: flex-start; }
@@ -7400,8 +7400,8 @@ Navbar
flex-direction: column;
align-items: stretch; }
.navbar-expand-md .navbar-collapse .navbar-nav {
margin-left: -1.5rem;
margin-right: -1.5rem; }
margin-left: calc( -1 * var(--tblr-gutter-x, 1.5rem));
margin-right: calc( -1 * var(--tblr-gutter-x, 1.5rem)); }
.navbar-expand-md .navbar-collapse .navbar-nav .nav-link {
padding: 0.5rem 1.5rem;
justify-content: flex-start; }
@@ -7472,8 +7472,8 @@ Navbar
flex-direction: column;
align-items: stretch; }
.navbar-expand-lg .navbar-collapse .navbar-nav {
margin-left: -1.5rem;
margin-right: -1.5rem; }
margin-left: calc( -1 * var(--tblr-gutter-x, 1.5rem));
margin-right: calc( -1 * var(--tblr-gutter-x, 1.5rem)); }
.navbar-expand-lg .navbar-collapse .navbar-nav .nav-link {
padding: 0.5rem 1.5rem;
justify-content: flex-start; }
@@ -7544,8 +7544,8 @@ Navbar
flex-direction: column;
align-items: stretch; }
.navbar-expand-xl .navbar-collapse .navbar-nav {
margin-left: -1.5rem;
margin-right: -1.5rem; }
margin-left: calc( -1 * var(--tblr-gutter-x, 1.5rem));
margin-right: calc( -1 * var(--tblr-gutter-x, 1.5rem)); }
.navbar-expand-xl .navbar-collapse .navbar-nav .nav-link {
padding: 0.5rem 1.5rem;
justify-content: flex-start; }
@@ -7616,8 +7616,8 @@ Navbar
flex-direction: column;
align-items: stretch; }
.navbar-expand-xxl .navbar-collapse .navbar-nav {
margin-left: -1.5rem;
margin-right: -1.5rem; }
margin-left: calc( -1 * var(--tblr-gutter-x, 1.5rem));
margin-right: calc( -1 * var(--tblr-gutter-x, 1.5rem)); }
.navbar-expand-xxl .navbar-collapse .navbar-nav .nav-link {
padding: 0.5rem 1.5rem;
justify-content: flex-start; }
@@ -7687,8 +7687,8 @@ Navbar
flex-direction: column;
align-items: stretch; }
.navbar-expand .navbar-collapse .navbar-nav {
margin-left: -1.5rem;
margin-right: -1.5rem; }
margin-left: calc( -1 * var(--tblr-gutter-x, 1.5rem));
margin-right: calc( -1 * var(--tblr-gutter-x, 1.5rem)); }
.navbar-expand .navbar-collapse .navbar-nav .nav-link {
padding: 0.5rem 1.5rem;
justify-content: flex-start; }
@@ -7961,8 +7961,8 @@ Navbar vertical
flex-direction: column;
align-items: stretch; }
.navbar-vertical.navbar-expand-sm .navbar-collapse .navbar-nav {
margin-left: -1.5rem;
margin-right: -1.5rem; }
margin-left: calc( -1 * var(--tblr-gutter-x, 1.5rem));
margin-right: calc( -1 * var(--tblr-gutter-x, 1.5rem)); }
.navbar-vertical.navbar-expand-sm .navbar-collapse .navbar-nav .nav-link {
padding: 0.5rem 1.5rem;
justify-content: flex-start; }
@@ -8041,8 +8041,8 @@ Navbar vertical
flex-direction: column;
align-items: stretch; }
.navbar-vertical.navbar-expand-md .navbar-collapse .navbar-nav {
margin-left: -1.5rem;
margin-right: -1.5rem; }
margin-left: calc( -1 * var(--tblr-gutter-x, 1.5rem));
margin-right: calc( -1 * var(--tblr-gutter-x, 1.5rem)); }
.navbar-vertical.navbar-expand-md .navbar-collapse .navbar-nav .nav-link {
padding: 0.5rem 1.5rem;
justify-content: flex-start; }
@@ -8121,8 +8121,8 @@ Navbar vertical
flex-direction: column;
align-items: stretch; }
.navbar-vertical.navbar-expand-lg .navbar-collapse .navbar-nav {
margin-left: -1.5rem;
margin-right: -1.5rem; }
margin-left: calc( -1 * var(--tblr-gutter-x, 1.5rem));
margin-right: calc( -1 * var(--tblr-gutter-x, 1.5rem)); }
.navbar-vertical.navbar-expand-lg .navbar-collapse .navbar-nav .nav-link {
padding: 0.5rem 1.5rem;
justify-content: flex-start; }
@@ -8201,8 +8201,8 @@ Navbar vertical
flex-direction: column;
align-items: stretch; }
.navbar-vertical.navbar-expand-xl .navbar-collapse .navbar-nav {
margin-left: -1.5rem;
margin-right: -1.5rem; }
margin-left: calc( -1 * var(--tblr-gutter-x, 1.5rem));
margin-right: calc( -1 * var(--tblr-gutter-x, 1.5rem)); }
.navbar-vertical.navbar-expand-xl .navbar-collapse .navbar-nav .nav-link {
padding: 0.5rem 1.5rem;
justify-content: flex-start; }
@@ -8281,8 +8281,8 @@ Navbar vertical
flex-direction: column;
align-items: stretch; }
.navbar-vertical.navbar-expand-xxl .navbar-collapse .navbar-nav {
margin-left: -1.5rem;
margin-right: -1.5rem; }
margin-left: calc( -1 * var(--tblr-gutter-x, 1.5rem));
margin-right: calc( -1 * var(--tblr-gutter-x, 1.5rem)); }
.navbar-vertical.navbar-expand-xxl .navbar-collapse .navbar-nav .nav-link {
padding: 0.5rem 1.5rem;
justify-content: flex-start; }
@@ -8360,8 +8360,8 @@ Navbar vertical
flex-direction: column;
align-items: stretch; }
.navbar-vertical.navbar-expand .navbar-collapse .navbar-nav {
margin-left: -1.5rem;
margin-right: -1.5rem; }
margin-left: calc( -1 * var(--tblr-gutter-x, 1.5rem));
margin-right: calc( -1 * var(--tblr-gutter-x, 1.5rem)); }
.navbar-vertical.navbar-expand .navbar-collapse .navbar-nav .nav-link {
padding: 0.5rem 1.5rem;
justify-content: flex-start; }
@@ -8436,6 +8436,10 @@ Navbar vertical
.page-header > * {
flex: 1; }
.page-header-border {
border-bottom: 1px solid rgba(101, 109, 119, 0.16);
padding-bottom: 1.25rem; }
.page-pretitle {
font-size: 0.625rem;
font-weight: 600;
@@ -8458,6 +8462,14 @@ Navbar vertical
-webkit-margin-end: .25rem;
margin-inline-end: .25rem; }
.page-title-lg {
font-size: 1.5rem;
line-height: 1.3333333; }
.page-subtitle {
margin-top: .25rem;
color: #656d77; }
.footer {
border-top: 1px solid #e6e8e9;
background-color: #ffffff;
@@ -8624,7 +8636,7 @@ Navbar vertical
margin-right: -.5rem !important;
box-shadow: 0 0 0 2px #ffffff; }
.card-footer .avatar-list-stacked .avatar {
box-shadow: 0 0 0 2px rgba(35, 46, 60, 0.024); }
box-shadow: 0 0 0 2px #f4f6fa; }
.avatar-upload {
width: 4rem;
@@ -8728,14 +8740,14 @@ Navbar vertical
box-shadow: 0 0 0 0.25rem rgba(var(--tblr-btn-color, 32, 107, 196), 0.25); }
.btn:disabled, .btn.disabled {
cursor: not-allowed; }
.btn svg,
.btn i {
.btn .icon {
width: 1.25rem;
height: 1.25rem;
margin: 0 .5rem 0;
-webkit-margin-start: -.25rem;
margin-inline-start: -.25rem;
vertical-align: bottom; }
vertical-align: bottom;
color: #656d77; }
.btn .avatar {
width: 1.25rem;
height: 1.25rem;
@@ -8753,6 +8765,8 @@ Navbar vertical
.btn-primary, .btn-secondary, .btn-success, .btn-info, .btn-warning, .btn-danger, .btn-light, .btn-dark, .btn-blue, .btn-azure, .btn-indigo, .btn-purple, .btn-pink, .btn-red, .btn-orange, .btn-yellow, .btn-lime, .btn-green, .btn-teal, .btn-cyan, .btn-facebook, .btn-twitter, .btn-google, .btn-youtube, .btn-vimeo, .btn-dribbble, .btn-github, .btn-instagram, .btn-pinterest, .btn-vk, .btn-rss, .btn-flickr, .btn-bitbucket, .btn-tabler {
background-color: rgba(var(--tblr-btn-color), 1);
color: var(--tblr-btn-color-text); }
.btn-primary .icon, .btn-secondary .icon, .btn-success .icon, .btn-info .icon, .btn-warning .icon, .btn-danger .icon, .btn-light .icon, .btn-dark .icon, .btn-blue .icon, .btn-azure .icon, .btn-indigo .icon, .btn-purple .icon, .btn-pink .icon, .btn-red .icon, .btn-orange .icon, .btn-yellow .icon, .btn-lime .icon, .btn-green .icon, .btn-teal .icon, .btn-cyan .icon, .btn-facebook .icon, .btn-twitter .icon, .btn-google .icon, .btn-youtube .icon, .btn-vimeo .icon, .btn-dribbble .icon, .btn-github .icon, .btn-instagram .icon, .btn-pinterest .icon, .btn-vk .icon, .btn-rss .icon, .btn-flickr .icon, .btn-bitbucket .icon, .btn-tabler .icon {
color: inherit; }
.btn-primary:hover, .btn-secondary:hover, .btn-success:hover, .btn-info:hover, .btn-warning:hover, .btn-danger:hover, .btn-light:hover, .btn-dark:hover, .btn-blue:hover, .btn-azure:hover, .btn-indigo:hover, .btn-purple:hover, .btn-pink:hover, .btn-red:hover, .btn-orange:hover, .btn-yellow:hover, .btn-lime:hover, .btn-green:hover, .btn-teal:hover, .btn-cyan:hover, .btn-facebook:hover, .btn-twitter:hover, .btn-google:hover, .btn-youtube:hover, .btn-vimeo:hover, .btn-dribbble:hover, .btn-github:hover, .btn-instagram:hover, .btn-pinterest:hover, .btn-vk:hover, .btn-rss:hover, .btn-flickr:hover, .btn-bitbucket:hover, .btn-tabler:hover {
color: var(--tblr-btn-color-text);
background: rgba(var(--tblr-btn-color-darker), 1);
@@ -8762,6 +8776,8 @@ Navbar vertical
background-color: transparent;
color: rgba(var(--tblr-btn-color), 1);
border-color: rgba(101, 109, 119, 0.16); }
.btn-outline-primary .icon, .btn-outline-secondary .icon, .btn-outline-success .icon, .btn-outline-info .icon, .btn-outline-warning .icon, .btn-outline-danger .icon, .btn-outline-light .icon, .btn-outline-dark .icon, .btn-outline-blue .icon, .btn-outline-azure .icon, .btn-outline-indigo .icon, .btn-outline-purple .icon, .btn-outline-pink .icon, .btn-outline-red .icon, .btn-outline-orange .icon, .btn-outline-yellow .icon, .btn-outline-lime .icon, .btn-outline-green .icon, .btn-outline-teal .icon, .btn-outline-cyan .icon, .btn-outline-facebook .icon, .btn-outline-twitter .icon, .btn-outline-google .icon, .btn-outline-youtube .icon, .btn-outline-vimeo .icon, .btn-outline-dribbble .icon, .btn-outline-github .icon, .btn-outline-instagram .icon, .btn-outline-pinterest .icon, .btn-outline-vk .icon, .btn-outline-rss .icon, .btn-outline-flickr .icon, .btn-outline-bitbucket .icon, .btn-outline-tabler .icon {
color: inherit; }
.btn-outline-primary:hover, .btn-outline-secondary:hover, .btn-outline-success:hover, .btn-outline-info:hover, .btn-outline-warning:hover, .btn-outline-danger:hover, .btn-outline-light:hover, .btn-outline-dark:hover, .btn-outline-blue:hover, .btn-outline-azure:hover, .btn-outline-indigo:hover, .btn-outline-purple:hover, .btn-outline-pink:hover, .btn-outline-red:hover, .btn-outline-orange:hover, .btn-outline-yellow:hover, .btn-outline-lime:hover, .btn-outline-green:hover, .btn-outline-teal:hover, .btn-outline-cyan:hover, .btn-outline-facebook:hover, .btn-outline-twitter:hover, .btn-outline-google:hover, .btn-outline-youtube:hover, .btn-outline-vimeo:hover, .btn-outline-dribbble:hover, .btn-outline-github:hover, .btn-outline-instagram:hover, .btn-outline-pinterest:hover, .btn-outline-vk:hover, .btn-outline-rss:hover, .btn-outline-flickr:hover, .btn-outline-bitbucket:hover, .btn-outline-tabler:hover {
background-color: rgba(var(--tblr-btn-color), 1);
color: var(--tblr-btn-color-text);
@@ -8780,6 +8796,8 @@ Navbar vertical
color: #206bc4;
background-color: transparent;
border-color: transparent; }
.btn-link .icon {
color: inherit; }
.btn-link:hover {
color: #1a569d;
border-color: transparent; }
@@ -9156,6 +9174,12 @@ Navbar vertical
.calendar-range.range-end:before {
right: 50%; }
.border-0 .card, .border-0 .nav-link {
border: 0 !important; }
.border-0 .card-stacked::after {
border: 1px solid rgba(101, 109, 119, 0.07) !important; }
.card {
box-shadow: rgba(35, 46, 60, 0.04) 0 2px 4px 0;
border: 1px solid rgba(101, 109, 119, 0.16); }
@@ -9188,7 +9212,8 @@ Navbar vertical
.card-active {
position: relative;
background-color: rgba(32, 107, 196, 0.03); }
background-color: rgba(32, 107, 196, 0.03);
z-index: 1; }
.card-active:before {
position: absolute;
top: -1px;
@@ -9446,7 +9471,7 @@ Card tabs
z-index: 1000;
border-bottom: 0; }
.card-tabs .nav-tabs .nav-link {
background: rgba(35, 46, 60, 0.024);
background: #f4f6fa;
border: 1px solid rgba(101, 109, 119, 0.16);
border-bottom: 0; }
.card-tabs .nav-tabs .nav-link.active, .card-tabs .nav-tabs .nav-link:active, .card-tabs .nav-tabs .nav-link:hover {
@@ -9875,7 +9900,7 @@ Card tabs
width: 1.25rem;
height: 1.25rem;
font-size: 1.25rem;
vertical-align: sub;
vertical-align: bottom;
stroke-width: 1.5; }
.icon:hover {
text-decoration: none; }
@@ -10408,38 +10433,32 @@ Form switch
margin-left: 0;
margin-right: 0; }
.list-item {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word; }
.list-group-header {
background: #f4f6fa;
padding: 0.5rem 1rem;
font-size: 0.75rem;
font-weight: 500;
line-height: 1;
text-transform: uppercase;
color: #656d77;
border-bottom: 1px solid #e6e8e9; }
.list-group-flush > .list-group-header:last-child {
border-bottom-width: 0; }
.list-item-actions {
margin-left: auto; }
.list-bordered .list-item, .list-row .list-item {
.list-bordered .list-item {
border-top: 1px solid #e6e8e9;
margin-top: -1px; }
.list-bordered .list-item:first-child, .list-row .list-item:first-child {
.list-bordered .list-item:first-child {
border-top: none; }
.list-hoverable .list-item-actions {
.list-group-hoverable .list-group-item-actions {
opacity: 0;
transition: .3s opacity; }
.list-hoverable .list-item:hover .list-item-actions,
.list-hoverable .list-item-actions.show {
.list-group-hoverable .list-group-item:hover .list-group-item-actions,
.list-group-hoverable .list-group-item-actions.show {
opacity: 1; }
.list-row .list-item {
flex-direction: row;
align-items: center;
padding: 0.5rem 0.5rem; }
.list-row .list-item > * {
padding-left: 0.5rem;
padding-right: 0.5rem; }
.list-timeline {
position: relative;
padding: 0;
@@ -10510,7 +10529,7 @@ Form switch
margin: 0; } }
.list-group-transparent {
margin: 0 -0.75rem; }
margin: 0 -1rem; }
.list-group-transparent .list-group-item {
background: none;
border: 0;
@@ -11464,7 +11483,7 @@ Markdown
.table thead th, .markdown > table thead th {
color: #656d77;
background: rgba(35, 46, 60, 0.024);
background: #f4f6fa;
font-size: 0.625rem;
font-weight: 600;
text-transform: uppercase;