mirror of
https://github.com/tabler/tabler.git
synced 2026-08-17 08:33:51 +04:00
Release 1.0.0-beta9
This commit is contained in:
codecalm
Vendored
+127
-68
@@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-beta8 (https://tabler.io)
|
||||
* @version 1.0.0-beta8
|
||||
* Tabler v1.0.0-beta9 (https://tabler.io)
|
||||
* @version 1.0.0-beta9
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2022 The Tabler Authors
|
||||
* Copyright 2018-2022 codecalm.net Paweł Kuna
|
||||
@@ -51,8 +51,8 @@
|
||||
--tblr-white-rgb: 255, 255, 255;
|
||||
--tblr-black-rgb: 0, 0, 0;
|
||||
--tblr-body-color-rgb: 30, 41, 59;
|
||||
--tblr-body-bg-rgb: 250, 251, 252;
|
||||
--tblr-font-sans-serif: Inter, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
|
||||
--tblr-body-bg-rgb: 245, 247, 251;
|
||||
--tblr-font-sans-serif: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
|
||||
--tblr-font-monospace: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
|
||||
--tblr-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
|
||||
--tblr-body-font-family: var(--tblr-font-sans-serif);
|
||||
@@ -60,7 +60,7 @@
|
||||
--tblr-body-font-weight: 400;
|
||||
--tblr-body-line-height: 1.4285714286;
|
||||
--tblr-body-color: #1e293b;
|
||||
--tblr-body-bg: #fafbfc;
|
||||
--tblr-body-bg: #f5f7fb;
|
||||
}
|
||||
|
||||
*,
|
||||
@@ -550,7 +550,7 @@ progress {
|
||||
|
||||
.img-thumbnail {
|
||||
padding: 0.25rem;
|
||||
background-color: #fafbfc;
|
||||
background-color: #f5f7fb;
|
||||
border: 1px solid #cbd5e1;
|
||||
border-radius: 4px;
|
||||
max-width: 100%;
|
||||
@@ -2537,10 +2537,10 @@ textarea.form-control-lg {
|
||||
outline: 0;
|
||||
}
|
||||
.form-range:focus::-webkit-slider-thumb {
|
||||
box-shadow: 0 0 0 1px #fafbfc, 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
|
||||
box-shadow: 0 0 0 1px #f5f7fb, 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
|
||||
}
|
||||
.form-range:focus::-moz-range-thumb {
|
||||
box-shadow: 0 0 0 1px #fafbfc, 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
|
||||
box-shadow: 0 0 0 1px #f5f7fb, 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
|
||||
}
|
||||
.form-range::-moz-focus-outer {
|
||||
border: 0;
|
||||
@@ -3288,12 +3288,12 @@ textarea.form-control-lg {
|
||||
.dropdown-item:hover, .dropdown-item:focus {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
background-color: rgba(98, 105, 118, 0.06);
|
||||
background-color: rgba(98, 105, 118, 0.04);
|
||||
}
|
||||
.dropdown-item.active, .dropdown-item:active {
|
||||
color: #206bc4;
|
||||
text-decoration: none;
|
||||
background-color: rgba(32, 107, 196, 0.06);
|
||||
background-color: rgba(32, 107, 196, 0.04);
|
||||
}
|
||||
.dropdown-item.disabled, .dropdown-item:disabled {
|
||||
color: #64748b;
|
||||
@@ -3334,7 +3334,7 @@ textarea.form-control-lg {
|
||||
}
|
||||
.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
|
||||
color: #206bc4;
|
||||
background-color: rgba(32, 107, 196, 0.06);
|
||||
background-color: rgba(32, 107, 196, 0.04);
|
||||
}
|
||||
.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
|
||||
color: #64748b;
|
||||
@@ -3496,8 +3496,8 @@ textarea.form-control-lg {
|
||||
.nav-tabs .nav-link.active,
|
||||
.nav-tabs .nav-item.show .nav-link {
|
||||
color: #334155;
|
||||
background-color: #fafbfc;
|
||||
border-color: #cbd5e1 #cbd5e1 #fafbfc;
|
||||
background-color: #f5f7fb;
|
||||
border-color: #cbd5e1 #cbd5e1 #f5f7fb;
|
||||
}
|
||||
.nav-tabs .dropdown-menu {
|
||||
margin-top: -1px;
|
||||
@@ -3513,7 +3513,7 @@ textarea.form-control-lg {
|
||||
.nav-pills .nav-link.active,
|
||||
.nav-pills .show > .nav-link {
|
||||
color: #206bc4;
|
||||
background-color: rgba(32, 107, 196, 0.06);
|
||||
background-color: rgba(32, 107, 196, 0.04);
|
||||
}
|
||||
|
||||
.nav-fill > .nav-link,
|
||||
@@ -4536,7 +4536,7 @@ textarea.form-control-lg {
|
||||
z-index: 1;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
background-color: #f1f5f9;
|
||||
background-color: rgba(98, 105, 118, 0.04);
|
||||
}
|
||||
.list-group-item-action:active {
|
||||
color: #1e293b;
|
||||
@@ -4566,9 +4566,9 @@ textarea.form-control-lg {
|
||||
}
|
||||
.list-group-item.active {
|
||||
z-index: 2;
|
||||
color: #ffffff;
|
||||
background-color: #206bc4;
|
||||
border-color: #206bc4;
|
||||
color: inherit;
|
||||
background-color: rgba(32, 107, 196, 0.04);
|
||||
border-color: #e6e7e9;
|
||||
}
|
||||
.list-group-item + .list-group-item {
|
||||
border-top-width: 0;
|
||||
@@ -11051,36 +11051,6 @@ textarea.form-control-lg {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Inter";
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local(""), url("../fonts/inter-v7-latin-ext_latin-300.woff2") format("woff2"), url("../fonts/inter-v7-latin-ext_latin-300.woff") format("woff");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Inter";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local(""), url("../fonts/inter-v7-latin-ext_latin-regular.woff2") format("woff2"), url("../fonts/inter-v7-latin-ext_latin-regular.woff") format("woff");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Inter";
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local(""), url("../fonts/inter-v7-latin-ext_latin-500.woff2") format("woff2"), url("../fonts/inter-v7-latin-ext_latin-500.woff") format("woff");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Inter";
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
src: local(""), url("../fonts/inter-v7-latin-ext_latin-600.woff2") format("woff2"), url("../fonts/inter-v7-latin-ext_latin-600.woff") format("woff");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Inter";
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local(""), url("../fonts/inter-v7-latin-ext_latin-700.woff2") format("woff2"), url("../fonts/inter-v7-latin-ext_latin-700.woff") format("woff");
|
||||
}
|
||||
:root {
|
||||
font-size: 16px;
|
||||
height: 100%;
|
||||
@@ -11139,11 +11109,40 @@ body {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
[data-container-layout=fluid] [class^=container-],
|
||||
[data-container-layout=fluid] [class*=" container-"] {
|
||||
.layout-fluid .container,
|
||||
.layout-fluid [class^=container-],
|
||||
.layout-fluid [class*=" container-"] {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.layout-boxed {
|
||||
--tblr-theme-boxed-border-radius: 0;
|
||||
--tblr-theme-boxed-width: 1320px;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.layout-boxed {
|
||||
background: #1e293b linear-gradient(to right, rgba(255, 255, 255, 0.1), transparent) fixed;
|
||||
padding: 1rem;
|
||||
--tblr-theme-boxed-border-radius: 4px;
|
||||
}
|
||||
}
|
||||
.layout-boxed .page {
|
||||
margin: 0 auto;
|
||||
max-width: var(--tblr-theme-boxed-width);
|
||||
border-radius: var(--tblr-theme-boxed-border-radius);
|
||||
color: #1e293b;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.layout-boxed .page {
|
||||
border: 1px solid var(--tblr-border-color);
|
||||
background: var(--tblr-body-bg);
|
||||
}
|
||||
}
|
||||
.layout-boxed .page > .navbar:first-child {
|
||||
border-top-left-radius: var(--tblr-theme-boxed-border-radius);
|
||||
border-top-right-radius: var(--tblr-theme-boxed-border-radius);
|
||||
}
|
||||
|
||||
/**
|
||||
Navbar
|
||||
*/
|
||||
@@ -13172,9 +13171,13 @@ body:not(.theme-dark) .hide-theme-light {
|
||||
--tblr-card-bg-rgb: 30, 41, 59;
|
||||
--tblr-border-color: #2c3c56;
|
||||
--tblr-border-color-light: #253249;
|
||||
--tblr-btn-color: #1e293b;
|
||||
color: #fafbfc;
|
||||
background-color: #1b2434;
|
||||
}
|
||||
.theme-dark .page {
|
||||
color: #fafbfc;
|
||||
}
|
||||
.theme-dark .hide-theme-dark {
|
||||
display: none !important;
|
||||
}
|
||||
@@ -13274,13 +13277,18 @@ body:not(.theme-dark) .hide-theme-light {
|
||||
.theme-dark .input-group-text {
|
||||
background: transparent;
|
||||
}
|
||||
.theme-dark .list-group-item {
|
||||
color: #fafbfc;
|
||||
border-color: rgba(98, 105, 118, 0.16);
|
||||
}
|
||||
.theme-dark .list-group-header {
|
||||
background: #1b2434;
|
||||
}
|
||||
.theme-dark .list-group-item {
|
||||
border-color: rgba(98, 105, 118, 0.16);
|
||||
}
|
||||
.theme-dark .list-group-item:not(.disabled):not(:disabled) {
|
||||
color: #fafbfc;
|
||||
}
|
||||
.theme-dark .list-group-item.disabled, .theme-dark .list-group-item:disabled {
|
||||
color: #475569;
|
||||
}
|
||||
.theme-dark .apexcharts-radialbar-area {
|
||||
stroke: #2c3c56;
|
||||
}
|
||||
@@ -13304,9 +13312,13 @@ body:not(.theme-dark) .hide-theme-light {
|
||||
--tblr-card-bg-rgb: 30, 41, 59;
|
||||
--tblr-border-color: #2c3c56;
|
||||
--tblr-border-color-light: #253249;
|
||||
--tblr-btn-color: #1e293b;
|
||||
color: #fafbfc;
|
||||
background-color: #1b2434;
|
||||
}
|
||||
.theme-dark-auto .page {
|
||||
color: #fafbfc;
|
||||
}
|
||||
.theme-dark-auto .hide-theme-dark {
|
||||
display: none !important;
|
||||
}
|
||||
@@ -13406,13 +13418,18 @@ body:not(.theme-dark) .hide-theme-light {
|
||||
.theme-dark-auto .input-group-text {
|
||||
background: transparent;
|
||||
}
|
||||
.theme-dark-auto .list-group-item {
|
||||
color: #fafbfc;
|
||||
border-color: rgba(98, 105, 118, 0.16);
|
||||
}
|
||||
.theme-dark-auto .list-group-header {
|
||||
background: #1b2434;
|
||||
}
|
||||
.theme-dark-auto .list-group-item {
|
||||
border-color: rgba(98, 105, 118, 0.16);
|
||||
}
|
||||
.theme-dark-auto .list-group-item:not(.disabled):not(:disabled) {
|
||||
color: #fafbfc;
|
||||
}
|
||||
.theme-dark-auto .list-group-item.disabled, .theme-dark-auto .list-group-item:disabled {
|
||||
color: #475569;
|
||||
}
|
||||
.theme-dark-auto .apexcharts-radialbar-area {
|
||||
stroke: #2c3c56;
|
||||
}
|
||||
@@ -13563,12 +13580,12 @@ a.avatar {
|
||||
}
|
||||
|
||||
.avatar-xs {
|
||||
--tblr-avatar-size: 1.25rem;
|
||||
--tblr-avatar-size: 1.5rem;
|
||||
}
|
||||
|
||||
.avatar-xs .badge:empty {
|
||||
width: 0.3125rem;
|
||||
height: 0.3125rem;
|
||||
width: 0.375rem;
|
||||
height: 0.375rem;
|
||||
}
|
||||
|
||||
.avatar-sm {
|
||||
@@ -13669,7 +13686,7 @@ a.avatar {
|
||||
|
||||
.page-cover ~ * .page-avatar {
|
||||
margin-top: calc(calc(-1 * calc(var(--tblr-avatar-size) * .5)) - 1.25rem);
|
||||
box-shadow: 0 0 0 0.25rem #fafbfc;
|
||||
box-shadow: 0 0 0 0.25rem #f5f7fb;
|
||||
}
|
||||
|
||||
.badge {
|
||||
@@ -14219,7 +14236,7 @@ a.badge {
|
||||
}
|
||||
.btn-action:hover, .btn-action.show {
|
||||
color: #1e293b;
|
||||
background: #fafbfc;
|
||||
background: #f5f7fb;
|
||||
}
|
||||
.btn-action.show {
|
||||
color: #206bc4;
|
||||
@@ -14380,6 +14397,7 @@ a.card:hover {
|
||||
height: calc(var(--stamp-size) * 1);
|
||||
max-height: 100%;
|
||||
border-top-right-radius: 4px;
|
||||
opacity: 0.2;
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
}
|
||||
@@ -14402,7 +14420,6 @@ a.card:hover {
|
||||
right: calc(var(--stamp-size) * -0.25);
|
||||
font-size: calc(var(--stamp-size) * 0.75);
|
||||
transform: rotate(10deg);
|
||||
opacity: 0.075;
|
||||
}
|
||||
.card-stamp-icon .icon {
|
||||
stroke-width: 2;
|
||||
@@ -14475,7 +14492,7 @@ a.card:hover {
|
||||
}
|
||||
.card-btn:hover {
|
||||
text-decoration: none;
|
||||
background: rgba(32, 107, 196, 0.06);
|
||||
background: rgba(32, 107, 196, 0.04);
|
||||
}
|
||||
.card-btn + .card-btn {
|
||||
border-left: 1px solid var(--tblr-border-color);
|
||||
@@ -14640,7 +14657,7 @@ a.card-title:hover {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.card-sm > .card-body {
|
||||
padding: 0.75rem;
|
||||
padding: 1rem;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.card-md > .card-body {
|
||||
@@ -15381,6 +15398,12 @@ Card list group
|
||||
fill: currentColor;
|
||||
}
|
||||
|
||||
.icon-sm {
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
stroke-width: 1;
|
||||
}
|
||||
|
||||
.icon-md {
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
@@ -15984,6 +16007,22 @@ Remove the cancel buttons in Chrome and Safari on macOS.
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/**
|
||||
Form control dark theme fix
|
||||
*/
|
||||
.form-control::-webkit-file-upload-button {
|
||||
background-color: var(--tblr-btn-color, #fafbfc);
|
||||
}
|
||||
.form-control::file-selector-button {
|
||||
background-color: var(--tblr-btn-color, #fafbfc);
|
||||
}
|
||||
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
|
||||
background-color: var(--tblr-btn-color, #eeeeef);
|
||||
}
|
||||
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
|
||||
background-color: var(--tblr-btn-color, #eeeeef);
|
||||
}
|
||||
|
||||
/*
|
||||
Form check
|
||||
*/
|
||||
@@ -16078,6 +16117,24 @@ Form switch
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
.list-group-item {
|
||||
background-color: rgba(27, 125, 241, 0.02);
|
||||
}
|
||||
|
||||
.list-group-item.active {
|
||||
background-color: inherit;
|
||||
border-left: 2px solid #f59f00 !important;
|
||||
}
|
||||
|
||||
.list-group-item:active, .list-group-item:focus, .list-group-item:hover {
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
.list-group-item.disabled, .list-group-item:disabled {
|
||||
color: #64748b;
|
||||
background-color: rgba(27, 125, 241, 0.02);
|
||||
}
|
||||
|
||||
.list-bordered .list-item {
|
||||
border-top: 1px solid #e6e7e9;
|
||||
margin-top: -1px;
|
||||
@@ -16159,7 +16216,7 @@ Form switch
|
||||
display: block;
|
||||
width: 4px;
|
||||
content: "";
|
||||
background-color: #fafbfc;
|
||||
background-color: #f5f7fb;
|
||||
}
|
||||
.list-timeline:not(.list-timeline-simple) > li {
|
||||
z-index: 2;
|
||||
@@ -16196,7 +16253,7 @@ Form switch
|
||||
.list-group-transparent .list-group-item.active {
|
||||
font-weight: 600;
|
||||
color: inherit;
|
||||
background: rgba(32, 107, 196, 0.06);
|
||||
background: rgba(32, 107, 196, 0.04);
|
||||
}
|
||||
.list-group-transparent .list-group-item.active .icon {
|
||||
color: inherit;
|
||||
@@ -16430,6 +16487,7 @@ Dimmer
|
||||
margin: 0 0 -1px;
|
||||
border: 0;
|
||||
border-bottom: 2px solid transparent;
|
||||
color: #626976;
|
||||
}
|
||||
.nav-bordered .nav-link.active,
|
||||
.nav-bordered .nav-item.show .nav-link {
|
||||
@@ -17429,6 +17487,7 @@ a.step-item:hover {
|
||||
background: transparent;
|
||||
width: 1.25rem;
|
||||
height: 1.25rem;
|
||||
vertical-align: bottom;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user