update to Tabler v1.5.1
This commit is contained in:
JACS
parent
58bd5490e2
commit
0e6063f421
426 changed files with 57276 additions and 16205 deletions
22
storage/public/dist/css/tabler-flags.css
vendored
22
storage/public/dist/css/tabler-flags.css
vendored
|
|
@ -10,28 +10,24 @@
|
|||
* @param {Color} $color - The base color to be made transparent.
|
||||
* @param {Number} $alpha - The level of transparency, ranging from 0 (fully transparent) to 1 (fully opaque). Default is 1.
|
||||
* @return {Color} - The resulting color with the specified transparency.
|
||||
*
|
||||
* Mixes in `oklab` so tints against an opaque background (e.g. alert backgrounds
|
||||
* over `--bg-surface`) stay perceptually even; mixing with `transparent` gives
|
||||
* the same result in every color space.
|
||||
*/
|
||||
.flag {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 2.5rem;
|
||||
aspect-ratio: 1.33333;
|
||||
vertical-align: bottom;
|
||||
background: no-repeat center/cover;
|
||||
box-shadow: var(--tblr-shadow-border);
|
||||
border-radius: var(--tblr-border-radius-sm);
|
||||
}
|
||||
@supports (corner-shape: squircle) {
|
||||
.flag {
|
||||
corner-shape: squircle;
|
||||
border-radius: calc(var(--tblr-border-radius-sm) * 2.5) !important;
|
||||
}
|
||||
}
|
||||
.flag {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.flag.flag-country-np {
|
||||
box-shadow: none;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.flag-country-ad {
|
||||
|
|
@ -1074,12 +1070,6 @@
|
|||
width: 1.25rem;
|
||||
border-radius: 2px;
|
||||
}
|
||||
@supports (corner-shape: squircle) {
|
||||
.flag-xs {
|
||||
corner-shape: squircle;
|
||||
border-radius: calc(2px * 2.5) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.flag-sm {
|
||||
width: 2rem;
|
||||
|
|
|
|||
2
storage/public/dist/css/tabler-flags.css.map
vendored
2
storage/public/dist/css/tabler-flags.css.map
vendored
File diff suppressed because one or more lines are too long
1093
storage/public/dist/css/tabler-flags.rtl.css
vendored
Normal file
1093
storage/public/dist/css/tabler-flags.rtl.css
vendored
Normal file
File diff suppressed because it is too large
Load diff
1
storage/public/dist/css/tabler-flags.rtl.css.map
vendored
Normal file
1
storage/public/dist/css/tabler-flags.rtl.css.map
vendored
Normal file
File diff suppressed because one or more lines are too long
262
storage/public/dist/css/tabler-marketing.css
vendored
262
storage/public/dist/css/tabler-marketing.css
vendored
|
|
@ -10,6 +10,10 @@
|
|||
* @param {Color} $color - The base color to be made transparent.
|
||||
* @param {Number} $alpha - The level of transparency, ranging from 0 (fully transparent) to 1 (fully opaque). Default is 1.
|
||||
* @return {Color} - The resulting color with the specified transparency.
|
||||
*
|
||||
* Mixes in `oklab` so tints against an opaque background (e.g. alert backgrounds
|
||||
* over `--bg-surface`) stay perceptually even; mixing with `transparent` gives
|
||||
* the same result in every color space.
|
||||
*/
|
||||
.body-marketing {
|
||||
--tblr-body-font-size: 1rem;
|
||||
|
|
@ -21,15 +25,15 @@
|
|||
}
|
||||
|
||||
.hero {
|
||||
text-align: center;
|
||||
padding: 6.5rem 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.hero-title {
|
||||
font-size: 3rem;
|
||||
font-weight: var(--tblr-font-weight-black);
|
||||
letter-spacing: -0.04em;
|
||||
font-weight: var(--tblr-font-weight-bold);
|
||||
line-height: 1.2;
|
||||
letter-spacing: -0.04em;
|
||||
}
|
||||
@media (max-width: 767.98px) {
|
||||
.hero-title {
|
||||
|
|
@ -38,11 +42,11 @@
|
|||
}
|
||||
|
||||
.hero-description {
|
||||
color: var(--tblr-secondary);
|
||||
max-width: 45rem;
|
||||
margin: 0 auto;
|
||||
font-size: var(--tblr-font-size-h2);
|
||||
line-height: 1.5;
|
||||
margin: 0 auto;
|
||||
max-width: 45rem;
|
||||
color: var(--tblr-secondary);
|
||||
}
|
||||
@media (max-width: 575.98px) {
|
||||
.hero-description {
|
||||
|
|
@ -64,60 +68,38 @@
|
|||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.hero-img {
|
||||
margin: 4rem auto;
|
||||
max-width: 65rem;
|
||||
border-radius: 8px;
|
||||
}
|
||||
@supports (corner-shape: squircle) {
|
||||
.hero-img {
|
||||
corner-shape: squircle;
|
||||
border-radius: calc(8px * 2.5) !important;
|
||||
}
|
||||
}
|
||||
.hero-img {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
max-width: 65rem;
|
||||
margin: 4rem auto;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.hero-img img,
|
||||
.hero-img svg {
|
||||
position: relative;
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.browser {
|
||||
border-radius: var(--tblr-border-radius-lg);
|
||||
}
|
||||
@supports (corner-shape: squircle) {
|
||||
.browser {
|
||||
corner-shape: squircle;
|
||||
border-radius: calc(var(--tblr-border-radius-lg) * 2.5) !important;
|
||||
}
|
||||
}
|
||||
.browser {
|
||||
box-shadow: 0 0 0 1px var(--tblr-border-color);
|
||||
background: var(--tblr-bg-surface-secondary);
|
||||
overflow: hidden;
|
||||
background: var(--tblr-bg-surface-secondary);
|
||||
box-shadow: 0 0 0 1px var(--tblr-border-color);
|
||||
}
|
||||
|
||||
.browser-header {
|
||||
padding: 0.25rem 1rem;
|
||||
background: var(--tblr-border-color-light) linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03));
|
||||
background: var(--tblr-bg-surface-tertiary) linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03));
|
||||
border-bottom: 1px solid var(--tblr-border-color);
|
||||
border-radius: calc(var(--tblr-border-radius-lg) - 1px) calc(var(--tblr-border-radius-lg) - 1px) 0 0;
|
||||
}
|
||||
@supports (corner-shape: squircle) {
|
||||
.browser-header {
|
||||
corner-shape: squircle;
|
||||
border-radius: calc(calc(var(--tblr-border-radius-lg) - 1px) calc(var(--tblr-border-radius-lg) - 1px) 0 0 * 2.5) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.browser-dots {
|
||||
margin-inline-end: 3rem;
|
||||
display: flex;
|
||||
margin-inline-end: 3rem;
|
||||
}
|
||||
|
||||
.browser-dots-colored .browser-dot:nth-child(1) {
|
||||
|
|
@ -131,45 +113,29 @@
|
|||
}
|
||||
|
||||
.browser-dot {
|
||||
margin-inline-end: 0.5rem;
|
||||
width: 0.75rem;
|
||||
min-width: 0.75rem;
|
||||
height: 0.75rem;
|
||||
margin-inline-end: 0.5rem;
|
||||
background: var(--tblr-border-color);
|
||||
border-radius: var(--tblr-border-radius-circle);
|
||||
}
|
||||
@supports (corner-shape: squircle) {
|
||||
.browser-dot {
|
||||
corner-shape: squircle;
|
||||
border-radius: calc(var(--tblr-border-radius-circle) * 2.5) !important;
|
||||
}
|
||||
}
|
||||
.browser-dot {
|
||||
border: 1px solid var(--tblr-border-color-dark);
|
||||
border: 1px solid var(--tblr-border-active-color);
|
||||
border-radius: var(--tblr-border-radius-pill);
|
||||
}
|
||||
|
||||
.browser-input {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex: 1;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-decoration: none;
|
||||
padding: 0.25rem;
|
||||
color: var(--tblr-secondary);
|
||||
font-size: var(--tblr-font-size-h5);
|
||||
border-radius: var(--tblr-border-radius);
|
||||
}
|
||||
@supports (corner-shape: squircle) {
|
||||
.browser-input {
|
||||
corner-shape: squircle;
|
||||
border-radius: calc(var(--tblr-border-radius) * 2.5) !important;
|
||||
}
|
||||
}
|
||||
.browser-input {
|
||||
line-height: 1;
|
||||
color: var(--tblr-secondary);
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
background-image: linear-gradient(to bottom, var(--tblr-bg-surface), var(--tblr-bg-surface-secondary));
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
border-radius: var(--tblr-border-radius);
|
||||
}
|
||||
.browser-input:hover {
|
||||
text-decoration: none;
|
||||
|
|
@ -201,9 +167,9 @@
|
|||
}
|
||||
.section {
|
||||
--section-bg: transparent;
|
||||
background: var(--section-bg);
|
||||
position: relative;
|
||||
padding: 5rem 0;
|
||||
background: var(--section-bg);
|
||||
}
|
||||
|
||||
.section-sm {
|
||||
|
|
@ -220,18 +186,18 @@
|
|||
|
||||
.section-primary {
|
||||
--section-bg: var(--tblr-primary);
|
||||
color: #ffffff;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.section-dark {
|
||||
--section-bg: var(--tblr-dark);
|
||||
color: #ffffff;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.section-header {
|
||||
text-align: center;
|
||||
max-width: 45rem;
|
||||
margin: 0 auto 5rem;
|
||||
text-align: center;
|
||||
}
|
||||
.section-sm .section-header {
|
||||
margin-bottom: 4rem;
|
||||
|
|
@ -248,18 +214,18 @@
|
|||
}
|
||||
|
||||
.section-description {
|
||||
color: var(--tblr-secondary);
|
||||
margin-top: 1rem;
|
||||
font-size: var(--tblr-font-size-h3);
|
||||
line-height: var(--tblr-line-height-h3);
|
||||
margin-top: 1rem;
|
||||
color: var(--tblr-secondary);
|
||||
}
|
||||
|
||||
.section-divider {
|
||||
position: absolute;
|
||||
bottom: 100%;
|
||||
pointer-events: none;
|
||||
height: 5rem;
|
||||
width: 100%;
|
||||
height: 5rem;
|
||||
pointer-events: none;
|
||||
}
|
||||
.section-divider path {
|
||||
fill: var(--section-bg);
|
||||
|
|
@ -269,13 +235,13 @@
|
|||
animation-delay: -2s;
|
||||
}
|
||||
.section-divider .wave-2 {
|
||||
animation: move-forever2 24s linear infinite;
|
||||
opacity: 0.5;
|
||||
animation: move-forever2 24s linear infinite;
|
||||
animation-delay: -2s;
|
||||
}
|
||||
.section-divider .wave-3 {
|
||||
animation: move-forever3 18s linear infinite;
|
||||
opacity: 0.3;
|
||||
animation: move-forever3 18s linear infinite;
|
||||
animation-delay: -2s;
|
||||
}
|
||||
|
||||
|
|
@ -286,8 +252,8 @@
|
|||
.pricing {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 0 auto;
|
||||
justify-content: center;
|
||||
margin: 0 auto;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.pricing {
|
||||
|
|
@ -296,52 +262,34 @@
|
|||
}
|
||||
|
||||
.pricing-card {
|
||||
flex: 1;
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex: 1;
|
||||
flex-direction: column;
|
||||
background: var(--tblr-bg-surface);
|
||||
border: 1px solid var(--tblr-gray-200);
|
||||
padding: 2rem;
|
||||
margin: 0 0 1rem;
|
||||
position: relative;
|
||||
box-shadow: var(--tblr-shadow-card);
|
||||
text-align: center;
|
||||
background: var(--tblr-bg-surface);
|
||||
border: 1px solid var(--tblr-gray-200);
|
||||
box-shadow: var(--tblr-shadow-card);
|
||||
border-radius: 8px;
|
||||
}
|
||||
@supports (corner-shape: squircle) {
|
||||
.pricing-card {
|
||||
corner-shape: squircle;
|
||||
border-radius: calc(8px * 2.5) !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.pricing-card {
|
||||
margin: 1rem -1px;
|
||||
max-width: 22rem;
|
||||
margin: 1rem -1px;
|
||||
}
|
||||
.pricing-card:first-child {
|
||||
border-radius: 8px 0 0 8px;
|
||||
}
|
||||
@supports (corner-shape: squircle) {
|
||||
.pricing-card:first-child {
|
||||
corner-shape: squircle;
|
||||
border-radius: calc(8px 0 0 8px * 2.5) !important;
|
||||
}
|
||||
}
|
||||
.pricing-card:last-child {
|
||||
border-radius: 0 8px 8px 0;
|
||||
}
|
||||
@supports (corner-shape: squircle) {
|
||||
.pricing-card:last-child {
|
||||
corner-shape: squircle;
|
||||
border-radius: calc(0 8px 8px 0 * 2.5) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.pricing-card.featured {
|
||||
z-index: 1;
|
||||
border: 2px solid var(--tblr-primary);
|
||||
order: -1;
|
||||
border: 2px solid var(--tblr-primary);
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.pricing-card.featured {
|
||||
|
|
@ -351,12 +299,6 @@
|
|||
box-shadow: var(--tblr-shadow-card);
|
||||
border-radius: 8px;
|
||||
}
|
||||
@supports (corner-shape: squircle) {
|
||||
.pricing-card.featured {
|
||||
corner-shape: squircle;
|
||||
border-radius: calc(8px * 2.5) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pricing-title {
|
||||
|
|
@ -366,51 +308,51 @@
|
|||
|
||||
.pricing-label {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
inset-inline-start: 0;
|
||||
transform: translateY(-50%);
|
||||
vertical-align: bottom;
|
||||
inset-inline-end: 0;
|
||||
top: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
vertical-align: bottom;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.pricing-btn {
|
||||
margin-top: auto;
|
||||
padding-top: 2rem;
|
||||
margin-top: auto;
|
||||
}
|
||||
|
||||
.pricing-price {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
font-size: 2.5rem;
|
||||
line-height: 1;
|
||||
font-weight: 600;
|
||||
margin: 0.75rem 0;
|
||||
font-size: 2.5rem;
|
||||
font-weight: 600;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.pricing-price-currency {
|
||||
font-size: 1.25rem;
|
||||
line-height: 1.5;
|
||||
margin-inline-end: 0.25rem;
|
||||
font-size: 1.25rem;
|
||||
font-weight: 600;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.pricing-price-description {
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.25rem;
|
||||
font-weight: 400;
|
||||
color: #6b7280;
|
||||
align-self: center;
|
||||
margin-inline-start: 0.5rem;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.25rem;
|
||||
color: oklch(55.1% 0.0234 264.36deg);
|
||||
}
|
||||
|
||||
.pricing-features {
|
||||
margin: 1rem 0 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
margin: 1rem 0 0;
|
||||
text-align: start;
|
||||
list-style: none;
|
||||
}
|
||||
.pricing-features > li:not(:first-child) {
|
||||
margin-top: 0.25rem;
|
||||
|
|
@ -420,22 +362,14 @@
|
|||
--tblr-shape-size: 2.5rem;
|
||||
--tblr-shape-icon-size: 1.5rem;
|
||||
--tblr-shape-border-radius: 35%;
|
||||
background-color: var(--tblr-primary-lt);
|
||||
color: var(--tblr-primary);
|
||||
border-radius: var(--tblr-shape-border-radius);
|
||||
}
|
||||
@supports (corner-shape: squircle) {
|
||||
.shape {
|
||||
corner-shape: squircle;
|
||||
border-radius: calc(var(--tblr-shape-border-radius) * 2.5) !important;
|
||||
}
|
||||
}
|
||||
.shape {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: var(--tblr-shape-size);
|
||||
width: var(--tblr-shape-size);
|
||||
height: var(--tblr-shape-size);
|
||||
color: var(--tblr-primary);
|
||||
background-color: var(--tblr-primary-lt);
|
||||
border-radius: var(--tblr-shape-border-radius);
|
||||
}
|
||||
.shape .icon {
|
||||
width: var(--tblr-shape-icon-size);
|
||||
|
|
@ -478,83 +412,83 @@
|
|||
}
|
||||
|
||||
.shape-blue {
|
||||
background: var(--tblr-blue-lt);
|
||||
color: var(--tblr-blue);
|
||||
background: var(--tblr-blue-lt);
|
||||
}
|
||||
|
||||
.shape-azure {
|
||||
background: var(--tblr-azure-lt);
|
||||
color: var(--tblr-azure);
|
||||
background: var(--tblr-azure-lt);
|
||||
}
|
||||
|
||||
.shape-indigo {
|
||||
background: var(--tblr-indigo-lt);
|
||||
color: var(--tblr-indigo);
|
||||
background: var(--tblr-indigo-lt);
|
||||
}
|
||||
|
||||
.shape-purple {
|
||||
background: var(--tblr-purple-lt);
|
||||
color: var(--tblr-purple);
|
||||
background: var(--tblr-purple-lt);
|
||||
}
|
||||
|
||||
.shape-pink {
|
||||
background: var(--tblr-pink-lt);
|
||||
color: var(--tblr-pink);
|
||||
background: var(--tblr-pink-lt);
|
||||
}
|
||||
|
||||
.shape-red {
|
||||
background: var(--tblr-red-lt);
|
||||
color: var(--tblr-red);
|
||||
background: var(--tblr-red-lt);
|
||||
}
|
||||
|
||||
.shape-orange {
|
||||
background: var(--tblr-orange-lt);
|
||||
color: var(--tblr-orange);
|
||||
background: var(--tblr-orange-lt);
|
||||
}
|
||||
|
||||
.shape-yellow {
|
||||
background: var(--tblr-yellow-lt);
|
||||
color: var(--tblr-yellow);
|
||||
background: var(--tblr-yellow-lt);
|
||||
}
|
||||
|
||||
.shape-lime {
|
||||
background: var(--tblr-lime-lt);
|
||||
color: var(--tblr-lime);
|
||||
background: var(--tblr-lime-lt);
|
||||
}
|
||||
|
||||
.shape-green {
|
||||
background: var(--tblr-green-lt);
|
||||
color: var(--tblr-green);
|
||||
background: var(--tblr-green-lt);
|
||||
}
|
||||
|
||||
.shape-teal {
|
||||
background: var(--tblr-teal-lt);
|
||||
color: var(--tblr-teal);
|
||||
background: var(--tblr-teal-lt);
|
||||
}
|
||||
|
||||
.shape-cyan {
|
||||
background: var(--tblr-cyan-lt);
|
||||
color: var(--tblr-cyan);
|
||||
background: var(--tblr-cyan-lt);
|
||||
}
|
||||
|
||||
.shape-black {
|
||||
background: var(--tblr-black-lt);
|
||||
color: var(--tblr-black);
|
||||
background: var(--tblr-black-lt);
|
||||
}
|
||||
|
||||
.shape-white {
|
||||
background: var(--tblr-white-lt);
|
||||
color: var(--tblr-white);
|
||||
background: var(--tblr-white-lt);
|
||||
}
|
||||
|
||||
.shape-gray {
|
||||
background: var(--tblr-gray-lt);
|
||||
color: var(--tblr-gray);
|
||||
background: var(--tblr-gray-lt);
|
||||
}
|
||||
|
||||
.shape-gray-dark {
|
||||
background: var(--tblr-gray-dark-lt);
|
||||
color: var(--tblr-gray-dark);
|
||||
background: var(--tblr-gray-dark-lt);
|
||||
}
|
||||
|
||||
.m-7 {
|
||||
|
|
@ -1326,32 +1260,26 @@
|
|||
}
|
||||
|
||||
.column-gap-7 {
|
||||
-moz-column-gap: 3rem !important;
|
||||
column-gap: 3rem !important;
|
||||
}
|
||||
|
||||
.column-gap-8 {
|
||||
-moz-column-gap: 4rem !important;
|
||||
column-gap: 4rem !important;
|
||||
}
|
||||
|
||||
.column-gap-9 {
|
||||
-moz-column-gap: 5rem !important;
|
||||
column-gap: 5rem !important;
|
||||
}
|
||||
|
||||
.column-gap-10 {
|
||||
-moz-column-gap: 6rem !important;
|
||||
column-gap: 6rem !important;
|
||||
}
|
||||
|
||||
.column-gap-11 {
|
||||
-moz-column-gap: 7rem !important;
|
||||
column-gap: 7rem !important;
|
||||
}
|
||||
|
||||
.column-gap-12 {
|
||||
-moz-column-gap: 8rem !important;
|
||||
column-gap: 8rem !important;
|
||||
}
|
||||
|
||||
|
|
@ -2081,27 +2009,21 @@
|
|||
row-gap: 8rem !important;
|
||||
}
|
||||
.column-gap-sm-7 {
|
||||
-moz-column-gap: 3rem !important;
|
||||
column-gap: 3rem !important;
|
||||
}
|
||||
.column-gap-sm-8 {
|
||||
-moz-column-gap: 4rem !important;
|
||||
column-gap: 4rem !important;
|
||||
}
|
||||
.column-gap-sm-9 {
|
||||
-moz-column-gap: 5rem !important;
|
||||
column-gap: 5rem !important;
|
||||
}
|
||||
.column-gap-sm-10 {
|
||||
-moz-column-gap: 6rem !important;
|
||||
column-gap: 6rem !important;
|
||||
}
|
||||
.column-gap-sm-11 {
|
||||
-moz-column-gap: 7rem !important;
|
||||
column-gap: 7rem !important;
|
||||
}
|
||||
.column-gap-sm-12 {
|
||||
-moz-column-gap: 8rem !important;
|
||||
column-gap: 8rem !important;
|
||||
}
|
||||
.gx-sm-7 {
|
||||
|
|
@ -2749,27 +2671,21 @@
|
|||
row-gap: 8rem !important;
|
||||
}
|
||||
.column-gap-md-7 {
|
||||
-moz-column-gap: 3rem !important;
|
||||
column-gap: 3rem !important;
|
||||
}
|
||||
.column-gap-md-8 {
|
||||
-moz-column-gap: 4rem !important;
|
||||
column-gap: 4rem !important;
|
||||
}
|
||||
.column-gap-md-9 {
|
||||
-moz-column-gap: 5rem !important;
|
||||
column-gap: 5rem !important;
|
||||
}
|
||||
.column-gap-md-10 {
|
||||
-moz-column-gap: 6rem !important;
|
||||
column-gap: 6rem !important;
|
||||
}
|
||||
.column-gap-md-11 {
|
||||
-moz-column-gap: 7rem !important;
|
||||
column-gap: 7rem !important;
|
||||
}
|
||||
.column-gap-md-12 {
|
||||
-moz-column-gap: 8rem !important;
|
||||
column-gap: 8rem !important;
|
||||
}
|
||||
.gx-md-7 {
|
||||
|
|
@ -3417,27 +3333,21 @@
|
|||
row-gap: 8rem !important;
|
||||
}
|
||||
.column-gap-lg-7 {
|
||||
-moz-column-gap: 3rem !important;
|
||||
column-gap: 3rem !important;
|
||||
}
|
||||
.column-gap-lg-8 {
|
||||
-moz-column-gap: 4rem !important;
|
||||
column-gap: 4rem !important;
|
||||
}
|
||||
.column-gap-lg-9 {
|
||||
-moz-column-gap: 5rem !important;
|
||||
column-gap: 5rem !important;
|
||||
}
|
||||
.column-gap-lg-10 {
|
||||
-moz-column-gap: 6rem !important;
|
||||
column-gap: 6rem !important;
|
||||
}
|
||||
.column-gap-lg-11 {
|
||||
-moz-column-gap: 7rem !important;
|
||||
column-gap: 7rem !important;
|
||||
}
|
||||
.column-gap-lg-12 {
|
||||
-moz-column-gap: 8rem !important;
|
||||
column-gap: 8rem !important;
|
||||
}
|
||||
.gx-lg-7 {
|
||||
|
|
@ -4085,27 +3995,21 @@
|
|||
row-gap: 8rem !important;
|
||||
}
|
||||
.column-gap-xl-7 {
|
||||
-moz-column-gap: 3rem !important;
|
||||
column-gap: 3rem !important;
|
||||
}
|
||||
.column-gap-xl-8 {
|
||||
-moz-column-gap: 4rem !important;
|
||||
column-gap: 4rem !important;
|
||||
}
|
||||
.column-gap-xl-9 {
|
||||
-moz-column-gap: 5rem !important;
|
||||
column-gap: 5rem !important;
|
||||
}
|
||||
.column-gap-xl-10 {
|
||||
-moz-column-gap: 6rem !important;
|
||||
column-gap: 6rem !important;
|
||||
}
|
||||
.column-gap-xl-11 {
|
||||
-moz-column-gap: 7rem !important;
|
||||
column-gap: 7rem !important;
|
||||
}
|
||||
.column-gap-xl-12 {
|
||||
-moz-column-gap: 8rem !important;
|
||||
column-gap: 8rem !important;
|
||||
}
|
||||
.gx-xl-7 {
|
||||
|
|
@ -4753,27 +4657,21 @@
|
|||
row-gap: 8rem !important;
|
||||
}
|
||||
.column-gap-xxl-7 {
|
||||
-moz-column-gap: 3rem !important;
|
||||
column-gap: 3rem !important;
|
||||
}
|
||||
.column-gap-xxl-8 {
|
||||
-moz-column-gap: 4rem !important;
|
||||
column-gap: 4rem !important;
|
||||
}
|
||||
.column-gap-xxl-9 {
|
||||
-moz-column-gap: 5rem !important;
|
||||
column-gap: 5rem !important;
|
||||
}
|
||||
.column-gap-xxl-10 {
|
||||
-moz-column-gap: 6rem !important;
|
||||
column-gap: 6rem !important;
|
||||
}
|
||||
.column-gap-xxl-11 {
|
||||
-moz-column-gap: 7rem !important;
|
||||
column-gap: 7rem !important;
|
||||
}
|
||||
.column-gap-xxl-12 {
|
||||
-moz-column-gap: 8rem !important;
|
||||
column-gap: 8rem !important;
|
||||
}
|
||||
.gx-xxl-7 {
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
4732
storage/public/dist/css/tabler-marketing.rtl.css
vendored
Normal file
4732
storage/public/dist/css/tabler-marketing.rtl.css
vendored
Normal file
File diff suppressed because it is too large
Load diff
1
storage/public/dist/css/tabler-marketing.rtl.css.map
vendored
Normal file
1
storage/public/dist/css/tabler-marketing.rtl.css.map
vendored
Normal file
File diff suppressed because one or more lines are too long
632
storage/public/dist/css/tabler-payments.css
vendored
632
storage/public/dist/css/tabler-payments.css
vendored
|
|
@ -10,23 +10,21 @@
|
|||
* @param {Color} $color - The base color to be made transparent.
|
||||
* @param {Number} $alpha - The level of transparency, ranging from 0 (fully transparent) to 1 (fully opaque). Default is 1.
|
||||
* @return {Color} - The resulting color with the specified transparency.
|
||||
*
|
||||
* Mixes in `oklab` so tints against an opaque background (e.g. alert backgrounds
|
||||
* over `--bg-surface`) stay perceptually even; mixing with `transparent` gives
|
||||
* the same result in every color space.
|
||||
*/
|
||||
.payment {
|
||||
display: inline-block;
|
||||
height: 2.5rem;
|
||||
aspect-ratio: 1.66666;
|
||||
display: inline-block;
|
||||
background: no-repeat center/100% 100%;
|
||||
vertical-align: bottom;
|
||||
font-style: normal;
|
||||
vertical-align: bottom;
|
||||
background: no-repeat center/100% 100%;
|
||||
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
|
||||
border-radius: var(--tblr-border-radius);
|
||||
}
|
||||
@supports (corner-shape: squircle) {
|
||||
.payment {
|
||||
corner-shape: squircle;
|
||||
border-radius: calc(var(--tblr-border-radius) * 2.5) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.payment-provider-2c2p {
|
||||
background-image: url("../img/payments/2c2p.svg");
|
||||
|
|
@ -44,6 +42,14 @@
|
|||
background-image: url("../img/payments/2checkout-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-ach-transfer {
|
||||
background-image: url("../img/payments/ach-transfer.svg");
|
||||
}
|
||||
|
||||
.payment-provider-ach-transfer-dark {
|
||||
background-image: url("../img/payments/ach-transfer-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-adyen {
|
||||
background-image: url("../img/payments/adyen.svg");
|
||||
}
|
||||
|
|
@ -60,6 +66,30 @@
|
|||
background-image: url("../img/payments/affirm-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-afterpay {
|
||||
background-image: url("../img/payments/afterpay.svg");
|
||||
}
|
||||
|
||||
.payment-provider-afterpay-dark {
|
||||
background-image: url("../img/payments/afterpay-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-airtm {
|
||||
background-image: url("../img/payments/airtm.svg");
|
||||
}
|
||||
|
||||
.payment-provider-airtm-dark {
|
||||
background-image: url("../img/payments/airtm-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-airwallex {
|
||||
background-image: url("../img/payments/airwallex.svg");
|
||||
}
|
||||
|
||||
.payment-provider-airwallex-dark {
|
||||
background-image: url("../img/payments/airwallex-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-alipay-plus {
|
||||
background-image: url("../img/payments/alipay-plus.svg");
|
||||
}
|
||||
|
|
@ -108,6 +138,14 @@
|
|||
background-image: url("../img/payments/americanexpress-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-ant-group {
|
||||
background-image: url("../img/payments/ant-group.svg");
|
||||
}
|
||||
|
||||
.payment-provider-ant-group-dark {
|
||||
background-image: url("../img/payments/ant-group-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-applepay {
|
||||
background-image: url("../img/payments/applepay.svg");
|
||||
}
|
||||
|
|
@ -140,6 +178,30 @@
|
|||
background-image: url("../img/payments/bancontact-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-bank-of-america {
|
||||
background-image: url("../img/payments/bank-of-america.svg");
|
||||
}
|
||||
|
||||
.payment-provider-bank-of-america-dark {
|
||||
background-image: url("../img/payments/bank-of-america-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-barclays {
|
||||
background-image: url("../img/payments/barclays.svg");
|
||||
}
|
||||
|
||||
.payment-provider-barclays-dark {
|
||||
background-image: url("../img/payments/barclays-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-bbva {
|
||||
background-image: url("../img/payments/bbva.svg");
|
||||
}
|
||||
|
||||
.payment-provider-bbva-dark {
|
||||
background-image: url("../img/payments/bbva-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-binance-usd {
|
||||
background-image: url("../img/payments/binance-usd.svg");
|
||||
}
|
||||
|
|
@ -148,6 +210,14 @@
|
|||
background-image: url("../img/payments/binance-usd-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-binance {
|
||||
background-image: url("../img/payments/binance.svg");
|
||||
}
|
||||
|
||||
.payment-provider-binance-dark {
|
||||
background-image: url("../img/payments/binance-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-bitcoin {
|
||||
background-image: url("../img/payments/bitcoin.svg");
|
||||
}
|
||||
|
|
@ -180,6 +250,22 @@
|
|||
background-image: url("../img/payments/blik-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-bnb-chain {
|
||||
background-image: url("../img/payments/bnb-chain.svg");
|
||||
}
|
||||
|
||||
.payment-provider-bnb-chain-dark {
|
||||
background-image: url("../img/payments/bnb-chain-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-bnp-paribas {
|
||||
background-image: url("../img/payments/bnp-paribas.svg");
|
||||
}
|
||||
|
||||
.payment-provider-bnp-paribas-dark {
|
||||
background-image: url("../img/payments/bnp-paribas-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-braintree {
|
||||
background-image: url("../img/payments/braintree.svg");
|
||||
}
|
||||
|
|
@ -188,6 +274,22 @@
|
|||
background-image: url("../img/payments/braintree-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-brex {
|
||||
background-image: url("../img/payments/brex.svg");
|
||||
}
|
||||
|
||||
.payment-provider-brex-dark {
|
||||
background-image: url("../img/payments/brex-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-capital-one {
|
||||
background-image: url("../img/payments/capital-one.svg");
|
||||
}
|
||||
|
||||
.payment-provider-capital-one-dark {
|
||||
background-image: url("../img/payments/capital-one-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-cash-app {
|
||||
background-image: url("../img/payments/cash-app.svg");
|
||||
}
|
||||
|
|
@ -196,6 +298,22 @@
|
|||
background-image: url("../img/payments/cash-app-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-chase {
|
||||
background-image: url("../img/payments/chase.svg");
|
||||
}
|
||||
|
||||
.payment-provider-chase-dark {
|
||||
background-image: url("../img/payments/chase-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-checkout-com {
|
||||
background-image: url("../img/payments/checkout-com.svg");
|
||||
}
|
||||
|
||||
.payment-provider-checkout-com-dark {
|
||||
background-image: url("../img/payments/checkout-com-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-chime {
|
||||
background-image: url("../img/payments/chime.svg");
|
||||
}
|
||||
|
|
@ -204,6 +322,14 @@
|
|||
background-image: url("../img/payments/chime-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-china-construction-bank {
|
||||
background-image: url("../img/payments/china-construction-bank.svg");
|
||||
}
|
||||
|
||||
.payment-provider-china-construction-bank-dark {
|
||||
background-image: url("../img/payments/china-construction-bank-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-cirrus {
|
||||
background-image: url("../img/payments/cirrus.svg");
|
||||
}
|
||||
|
|
@ -212,12 +338,20 @@
|
|||
background-image: url("../img/payments/cirrus-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-clickandbuy {
|
||||
background-image: url("../img/payments/clickandbuy.svg");
|
||||
.payment-provider-citi {
|
||||
background-image: url("../img/payments/citi.svg");
|
||||
}
|
||||
|
||||
.payment-provider-clickandbuy-dark {
|
||||
background-image: url("../img/payments/clickandbuy-dark.svg");
|
||||
.payment-provider-citi-dark {
|
||||
background-image: url("../img/payments/citi-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-coinbase {
|
||||
background-image: url("../img/payments/coinbase.svg");
|
||||
}
|
||||
|
||||
.payment-provider-coinbase-dark {
|
||||
background-image: url("../img/payments/coinbase-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-coinkite {
|
||||
|
|
@ -228,6 +362,22 @@
|
|||
background-image: url("../img/payments/coinkite-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-crypto-com {
|
||||
background-image: url("../img/payments/crypto-com.svg");
|
||||
}
|
||||
|
||||
.payment-provider-crypto-com-dark {
|
||||
background-image: url("../img/payments/crypto-com-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-deutsche-bank {
|
||||
background-image: url("../img/payments/deutsche-bank.svg");
|
||||
}
|
||||
|
||||
.payment-provider-deutsche-bank-dark {
|
||||
background-image: url("../img/payments/deutsche-bank-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-dinersclub {
|
||||
background-image: url("../img/payments/dinersclub.svg");
|
||||
}
|
||||
|
|
@ -252,14 +402,6 @@
|
|||
background-image: url("../img/payments/discover-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-dotpay {
|
||||
background-image: url("../img/payments/dotpay.svg");
|
||||
}
|
||||
|
||||
.payment-provider-dotpay-dark {
|
||||
background-image: url("../img/payments/dotpay-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-dwolla {
|
||||
background-image: url("../img/payments/dwolla.svg");
|
||||
}
|
||||
|
|
@ -324,6 +466,30 @@
|
|||
background-image: url("../img/payments/eway-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-fifth-third-bank {
|
||||
background-image: url("../img/payments/fifth-third-bank.svg");
|
||||
}
|
||||
|
||||
.payment-provider-fifth-third-bank-dark {
|
||||
background-image: url("../img/payments/fifth-third-bank-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-fiserv {
|
||||
background-image: url("../img/payments/fiserv.svg");
|
||||
}
|
||||
|
||||
.payment-provider-fiserv-dark {
|
||||
background-image: url("../img/payments/fiserv-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-flutterwave {
|
||||
background-image: url("../img/payments/flutterwave.svg");
|
||||
}
|
||||
|
||||
.payment-provider-flutterwave-dark {
|
||||
background-image: url("../img/payments/flutterwave-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-fonepay {
|
||||
background-image: url("../img/payments/fonepay.svg");
|
||||
}
|
||||
|
|
@ -332,6 +498,14 @@
|
|||
background-image: url("../img/payments/fonepay-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-gcash {
|
||||
background-image: url("../img/payments/gcash.svg");
|
||||
}
|
||||
|
||||
.payment-provider-gcash-dark {
|
||||
background-image: url("../img/payments/gcash-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-giropay {
|
||||
background-image: url("../img/payments/giropay.svg");
|
||||
}
|
||||
|
|
@ -340,6 +514,14 @@
|
|||
background-image: url("../img/payments/giropay-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-goldman-sachs {
|
||||
background-image: url("../img/payments/goldman-sachs.svg");
|
||||
}
|
||||
|
||||
.payment-provider-goldman-sachs-dark {
|
||||
background-image: url("../img/payments/goldman-sachs-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-google-pay {
|
||||
background-image: url("../img/payments/google-pay.svg");
|
||||
}
|
||||
|
|
@ -356,6 +538,22 @@
|
|||
background-image: url("../img/payments/googlewallet-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-grabpay {
|
||||
background-image: url("../img/payments/grabpay.svg");
|
||||
}
|
||||
|
||||
.payment-provider-grabpay-dark {
|
||||
background-image: url("../img/payments/grabpay-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-hsbc {
|
||||
background-image: url("../img/payments/hsbc.svg");
|
||||
}
|
||||
|
||||
.payment-provider-hsbc-dark {
|
||||
background-image: url("../img/payments/hsbc-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-hubspot {
|
||||
background-image: url("../img/payments/hubspot.svg");
|
||||
}
|
||||
|
|
@ -364,12 +562,20 @@
|
|||
background-image: url("../img/payments/hubspot-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-ingenico {
|
||||
background-image: url("../img/payments/ingenico.svg");
|
||||
.payment-provider-huntington-bank {
|
||||
background-image: url("../img/payments/huntington-bank.svg");
|
||||
}
|
||||
|
||||
.payment-provider-ingenico-dark {
|
||||
background-image: url("../img/payments/ingenico-dark.svg");
|
||||
.payment-provider-huntington-bank-dark {
|
||||
background-image: url("../img/payments/huntington-bank-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-icbc {
|
||||
background-image: url("../img/payments/icbc.svg");
|
||||
}
|
||||
|
||||
.payment-provider-icbc-dark {
|
||||
background-image: url("../img/payments/icbc-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-ideal {
|
||||
|
|
@ -388,6 +594,46 @@
|
|||
background-image: url("../img/payments/imepay-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-imoje {
|
||||
background-image: url("../img/payments/imoje.svg");
|
||||
}
|
||||
|
||||
.payment-provider-imoje-dark {
|
||||
background-image: url("../img/payments/imoje-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-ing {
|
||||
background-image: url("../img/payments/ing.svg");
|
||||
}
|
||||
|
||||
.payment-provider-ing-dark {
|
||||
background-image: url("../img/payments/ing-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-ingenico {
|
||||
background-image: url("../img/payments/ingenico.svg");
|
||||
}
|
||||
|
||||
.payment-provider-ingenico-dark {
|
||||
background-image: url("../img/payments/ingenico-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-interac {
|
||||
background-image: url("../img/payments/interac.svg");
|
||||
}
|
||||
|
||||
.payment-provider-interac-dark {
|
||||
background-image: url("../img/payments/interac-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-jazzcash {
|
||||
background-image: url("../img/payments/jazzcash.svg");
|
||||
}
|
||||
|
||||
.payment-provider-jazzcash-dark {
|
||||
background-image: url("../img/payments/jazzcash-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-jcb {
|
||||
background-image: url("../img/payments/jcb.svg");
|
||||
}
|
||||
|
|
@ -412,12 +658,20 @@
|
|||
background-image: url("../img/payments/klarna-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-laser {
|
||||
background-image: url("../img/payments/laser.svg");
|
||||
.payment-provider-kraken {
|
||||
background-image: url("../img/payments/kraken.svg");
|
||||
}
|
||||
|
||||
.payment-provider-laser-dark {
|
||||
background-image: url("../img/payments/laser-dark.svg");
|
||||
.payment-provider-kraken-dark {
|
||||
background-image: url("../img/payments/kraken-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-linepay {
|
||||
background-image: url("../img/payments/linepay.svg");
|
||||
}
|
||||
|
||||
.payment-provider-linepay-dark {
|
||||
background-image: url("../img/payments/linepay-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-litecoin {
|
||||
|
|
@ -428,6 +682,14 @@
|
|||
background-image: url("../img/payments/litecoin-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-mada {
|
||||
background-image: url("../img/payments/mada.svg");
|
||||
}
|
||||
|
||||
.payment-provider-mada-dark {
|
||||
background-image: url("../img/payments/mada-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-maestro {
|
||||
background-image: url("../img/payments/maestro.svg");
|
||||
}
|
||||
|
|
@ -452,6 +714,22 @@
|
|||
background-image: url("../img/payments/mercado-pago-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-mercury {
|
||||
background-image: url("../img/payments/mercury.svg");
|
||||
}
|
||||
|
||||
.payment-provider-mercury-dark {
|
||||
background-image: url("../img/payments/mercury-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-meta-pay {
|
||||
background-image: url("../img/payments/meta-pay.svg");
|
||||
}
|
||||
|
||||
.payment-provider-meta-pay-dark {
|
||||
background-image: url("../img/payments/meta-pay-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-metamask {
|
||||
background-image: url("../img/payments/metamask.svg");
|
||||
}
|
||||
|
|
@ -468,6 +746,30 @@
|
|||
background-image: url("../img/payments/mir-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-mitsubishi-ufj {
|
||||
background-image: url("../img/payments/mitsubishi-ufj.svg");
|
||||
}
|
||||
|
||||
.payment-provider-mitsubishi-ufj-dark {
|
||||
background-image: url("../img/payments/mitsubishi-ufj-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-mobilepay {
|
||||
background-image: url("../img/payments/mobilepay.svg");
|
||||
}
|
||||
|
||||
.payment-provider-mobilepay-dark {
|
||||
background-image: url("../img/payments/mobilepay-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-mollie {
|
||||
background-image: url("../img/payments/mollie.svg");
|
||||
}
|
||||
|
||||
.payment-provider-mollie-dark {
|
||||
background-image: url("../img/payments/mollie-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-monero {
|
||||
background-image: url("../img/payments/monero.svg");
|
||||
}
|
||||
|
|
@ -484,6 +786,22 @@
|
|||
background-image: url("../img/payments/moneygram-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-mpesa {
|
||||
background-image: url("../img/payments/mpesa.svg");
|
||||
}
|
||||
|
||||
.payment-provider-mpesa-dark {
|
||||
background-image: url("../img/payments/mpesa-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-ncr {
|
||||
background-image: url("../img/payments/ncr.svg");
|
||||
}
|
||||
|
||||
.payment-provider-ncr-dark {
|
||||
background-image: url("../img/payments/ncr-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-neteller {
|
||||
background-image: url("../img/payments/neteller.svg");
|
||||
}
|
||||
|
|
@ -492,20 +810,28 @@
|
|||
background-image: url("../img/payments/neteller-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-ogone {
|
||||
background-image: url("../img/payments/ogone.svg");
|
||||
.payment-provider-northone {
|
||||
background-image: url("../img/payments/northone.svg");
|
||||
}
|
||||
|
||||
.payment-provider-ogone-dark {
|
||||
background-image: url("../img/payments/ogone-dark.svg");
|
||||
.payment-provider-northone-dark {
|
||||
background-image: url("../img/payments/northone-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-okpay {
|
||||
background-image: url("../img/payments/okpay.svg");
|
||||
.payment-provider-nu {
|
||||
background-image: url("../img/payments/nu.svg");
|
||||
}
|
||||
|
||||
.payment-provider-okpay-dark {
|
||||
background-image: url("../img/payments/okpay-dark.svg");
|
||||
.payment-provider-nu-dark {
|
||||
background-image: url("../img/payments/nu-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-nuvei {
|
||||
background-image: url("../img/payments/nuvei.svg");
|
||||
}
|
||||
|
||||
.payment-provider-nuvei-dark {
|
||||
background-image: url("../img/payments/nuvei-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-opensea {
|
||||
|
|
@ -516,6 +842,14 @@
|
|||
background-image: url("../img/payments/opensea-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-oxxo {
|
||||
background-image: url("../img/payments/oxxo.svg");
|
||||
}
|
||||
|
||||
.payment-provider-oxxo-dark {
|
||||
background-image: url("../img/payments/oxxo-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-paybox {
|
||||
background-image: url("../img/payments/paybox.svg");
|
||||
}
|
||||
|
|
@ -548,12 +882,12 @@
|
|||
background-image: url("../img/payments/payline-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-paymill {
|
||||
background-image: url("../img/payments/paymill.svg");
|
||||
.payment-provider-paynow {
|
||||
background-image: url("../img/payments/paynow.svg");
|
||||
}
|
||||
|
||||
.payment-provider-paymill-dark {
|
||||
background-image: url("../img/payments/paymill-dark.svg");
|
||||
.payment-provider-paynow-dark {
|
||||
background-image: url("../img/payments/paynow-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-payone {
|
||||
|
|
@ -580,6 +914,14 @@
|
|||
background-image: url("../img/payments/paypal-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-paypay {
|
||||
background-image: url("../img/payments/paypay.svg");
|
||||
}
|
||||
|
||||
.payment-provider-paypay-dark {
|
||||
background-image: url("../img/payments/paypay-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-paypo {
|
||||
background-image: url("../img/payments/paypo.svg");
|
||||
}
|
||||
|
|
@ -604,6 +946,22 @@
|
|||
background-image: url("../img/payments/paysafecard-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-paystack {
|
||||
background-image: url("../img/payments/paystack.svg");
|
||||
}
|
||||
|
||||
.payment-provider-paystack-dark {
|
||||
background-image: url("../img/payments/paystack-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-paytm {
|
||||
background-image: url("../img/payments/paytm.svg");
|
||||
}
|
||||
|
||||
.payment-provider-paytm-dark {
|
||||
background-image: url("../img/payments/paytm-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-payu {
|
||||
background-image: url("../img/payments/payu.svg");
|
||||
}
|
||||
|
|
@ -612,12 +970,28 @@
|
|||
background-image: url("../img/payments/payu-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-payza {
|
||||
background-image: url("../img/payments/payza.svg");
|
||||
.payment-provider-phonepe {
|
||||
background-image: url("../img/payments/phonepe.svg");
|
||||
}
|
||||
|
||||
.payment-provider-payza-dark {
|
||||
background-image: url("../img/payments/payza-dark.svg");
|
||||
.payment-provider-phonepe-dark {
|
||||
background-image: url("../img/payments/phonepe-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-pix {
|
||||
background-image: url("../img/payments/pix.svg");
|
||||
}
|
||||
|
||||
.payment-provider-pix-dark {
|
||||
background-image: url("../img/payments/pix-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-pnc-bank {
|
||||
background-image: url("../img/payments/pnc-bank.svg");
|
||||
}
|
||||
|
||||
.payment-provider-pnc-bank-dark {
|
||||
background-image: url("../img/payments/pnc-bank-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-poli {
|
||||
|
|
@ -636,6 +1010,22 @@
|
|||
background-image: url("../img/payments/przelewy24-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-rapyd {
|
||||
background-image: url("../img/payments/rapyd.svg");
|
||||
}
|
||||
|
||||
.payment-provider-rapyd-dark {
|
||||
background-image: url("../img/payments/rapyd-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-razorpay {
|
||||
background-image: url("../img/payments/razorpay.svg");
|
||||
}
|
||||
|
||||
.payment-provider-razorpay-dark {
|
||||
background-image: url("../img/payments/razorpay-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-revolut-pay {
|
||||
background-image: url("../img/payments/revolut-pay.svg");
|
||||
}
|
||||
|
|
@ -652,12 +1042,12 @@
|
|||
background-image: url("../img/payments/ripple-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-sage {
|
||||
background-image: url("../img/payments/sage.svg");
|
||||
.payment-provider-rupay {
|
||||
background-image: url("../img/payments/rupay.svg");
|
||||
}
|
||||
|
||||
.payment-provider-sage-dark {
|
||||
background-image: url("../img/payments/sage-dark.svg");
|
||||
.payment-provider-rupay-dark {
|
||||
background-image: url("../img/payments/rupay-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-samsung-pay {
|
||||
|
|
@ -668,6 +1058,14 @@
|
|||
background-image: url("../img/payments/samsung-pay-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-santander {
|
||||
background-image: url("../img/payments/santander.svg");
|
||||
}
|
||||
|
||||
.payment-provider-santander-dark {
|
||||
background-image: url("../img/payments/santander-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-sepa {
|
||||
background-image: url("../img/payments/sepa.svg");
|
||||
}
|
||||
|
|
@ -700,6 +1098,22 @@
|
|||
background-image: url("../img/payments/skrill-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-skycash {
|
||||
background-image: url("../img/payments/skycash.svg");
|
||||
}
|
||||
|
||||
.payment-provider-skycash-dark {
|
||||
background-image: url("../img/payments/skycash-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-sofort {
|
||||
background-image: url("../img/payments/sofort.svg");
|
||||
}
|
||||
|
||||
.payment-provider-sofort-dark {
|
||||
background-image: url("../img/payments/sofort-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-solana {
|
||||
background-image: url("../img/payments/solana.svg");
|
||||
}
|
||||
|
|
@ -708,14 +1122,6 @@
|
|||
background-image: url("../img/payments/solana-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-solo {
|
||||
background-image: url("../img/payments/solo.svg");
|
||||
}
|
||||
|
||||
.payment-provider-solo-dark {
|
||||
background-image: url("../img/payments/solo-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-spingo {
|
||||
background-image: url("../img/payments/spingo.svg");
|
||||
}
|
||||
|
|
@ -740,6 +1146,14 @@
|
|||
background-image: url("../img/payments/stax-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-stcpay {
|
||||
background-image: url("../img/payments/stcpay.svg");
|
||||
}
|
||||
|
||||
.payment-provider-stcpay-dark {
|
||||
background-image: url("../img/payments/stcpay-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-stripe {
|
||||
background-image: url("../img/payments/stripe.svg");
|
||||
}
|
||||
|
|
@ -748,12 +1162,36 @@
|
|||
background-image: url("../img/payments/stripe-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-switch {
|
||||
background-image: url("../img/payments/switch.svg");
|
||||
.payment-provider-sumitomo-mitsui {
|
||||
background-image: url("../img/payments/sumitomo-mitsui.svg");
|
||||
}
|
||||
|
||||
.payment-provider-switch-dark {
|
||||
background-image: url("../img/payments/switch-dark.svg");
|
||||
.payment-provider-sumitomo-mitsui-dark {
|
||||
background-image: url("../img/payments/sumitomo-mitsui-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-swift {
|
||||
background-image: url("../img/payments/swift.svg");
|
||||
}
|
||||
|
||||
.payment-provider-swift-dark {
|
||||
background-image: url("../img/payments/swift-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-swish {
|
||||
background-image: url("../img/payments/swish.svg");
|
||||
}
|
||||
|
||||
.payment-provider-swish-dark {
|
||||
background-image: url("../img/payments/swish-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-synchrony {
|
||||
background-image: url("../img/payments/synchrony.svg");
|
||||
}
|
||||
|
||||
.payment-provider-synchrony-dark {
|
||||
background-image: url("../img/payments/synchrony-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-tether {
|
||||
|
|
@ -788,12 +1226,28 @@
|
|||
background-image: url("../img/payments/true-usd-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-ukash {
|
||||
background-image: url("../img/payments/ukash.svg");
|
||||
.payment-provider-trustly {
|
||||
background-image: url("../img/payments/trustly.svg");
|
||||
}
|
||||
|
||||
.payment-provider-ukash-dark {
|
||||
background-image: url("../img/payments/ukash-dark.svg");
|
||||
.payment-provider-trustly-dark {
|
||||
background-image: url("../img/payments/trustly-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-twint {
|
||||
background-image: url("../img/payments/twint.svg");
|
||||
}
|
||||
|
||||
.payment-provider-twint-dark {
|
||||
background-image: url("../img/payments/twint-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-ubs {
|
||||
background-image: url("../img/payments/ubs.svg");
|
||||
}
|
||||
|
||||
.payment-provider-ubs-dark {
|
||||
background-image: url("../img/payments/ubs-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-unionpay {
|
||||
|
|
@ -804,6 +1258,30 @@
|
|||
background-image: url("../img/payments/unionpay-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-upi {
|
||||
background-image: url("../img/payments/upi.svg");
|
||||
}
|
||||
|
||||
.payment-provider-upi-dark {
|
||||
background-image: url("../img/payments/upi-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-us-bank {
|
||||
background-image: url("../img/payments/us-bank.svg");
|
||||
}
|
||||
|
||||
.payment-provider-us-bank-dark {
|
||||
background-image: url("../img/payments/us-bank-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-usdc {
|
||||
background-image: url("../img/payments/usdc.svg");
|
||||
}
|
||||
|
||||
.payment-provider-usdc-dark {
|
||||
background-image: url("../img/payments/usdc-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-venmo {
|
||||
background-image: url("../img/payments/venmo.svg");
|
||||
}
|
||||
|
|
@ -820,12 +1298,12 @@
|
|||
background-image: url("../img/payments/verifone-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-verisign {
|
||||
background-image: url("../img/payments/verisign.svg");
|
||||
.payment-provider-vipps {
|
||||
background-image: url("../img/payments/vipps.svg");
|
||||
}
|
||||
|
||||
.payment-provider-verisign-dark {
|
||||
background-image: url("../img/payments/verisign-dark.svg");
|
||||
.payment-provider-vipps-dark {
|
||||
background-image: url("../img/payments/vipps-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-visa {
|
||||
|
|
@ -852,6 +1330,14 @@
|
|||
background-image: url("../img/payments/webmoney-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-wells-fargo {
|
||||
background-image: url("../img/payments/wells-fargo.svg");
|
||||
}
|
||||
|
||||
.payment-provider-wells-fargo-dark {
|
||||
background-image: url("../img/payments/wells-fargo-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-westernunion {
|
||||
background-image: url("../img/payments/westernunion.svg");
|
||||
}
|
||||
|
|
@ -860,6 +1346,14 @@
|
|||
background-image: url("../img/payments/westernunion-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-wire-transfer {
|
||||
background-image: url("../img/payments/wire-transfer.svg");
|
||||
}
|
||||
|
||||
.payment-provider-wire-transfer-dark {
|
||||
background-image: url("../img/payments/wire-transfer-dark.svg");
|
||||
}
|
||||
|
||||
.payment-provider-wise {
|
||||
background-image: url("../img/payments/wise.svg");
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
1408
storage/public/dist/css/tabler-payments.rtl.css
vendored
Normal file
1408
storage/public/dist/css/tabler-payments.rtl.css
vendored
Normal file
File diff suppressed because it is too large
Load diff
1
storage/public/dist/css/tabler-payments.rtl.css.map
vendored
Normal file
1
storage/public/dist/css/tabler-payments.rtl.css.map
vendored
Normal file
File diff suppressed because one or more lines are too long
309
storage/public/dist/css/tabler-props.css
vendored
309
storage/public/dist/css/tabler-props.css
vendored
|
|
@ -10,378 +10,240 @@
|
|||
* @param {Color} $color - The base color to be made transparent.
|
||||
* @param {Number} $alpha - The level of transparency, ranging from 0 (fully transparent) to 1 (fully opaque). Default is 1.
|
||||
* @return {Color} - The resulting color with the specified transparency.
|
||||
*
|
||||
* Mixes in `oklab` so tints against an opaque background (e.g. alert backgrounds
|
||||
* over `--bg-surface`) stay perceptually even; mixing with `transparent` gives
|
||||
* the same result in every color space.
|
||||
*/
|
||||
:root,
|
||||
:host {
|
||||
/** Direction multiplier for physical transforms (1 = LTR, -1 = RTL) */
|
||||
--tblr-dir: 1;
|
||||
/** Fonts */
|
||||
--tblr-font-monospace: Geist Mono, Monaco, Consolas, Liberation Mono, Courier New, monospace;
|
||||
--tblr-font-sans-serif: Geist, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
|
||||
--tblr-font-monospace: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
|
||||
--tblr-font-sans-serif: system-ui, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
|
||||
--tblr-font-serif: Georgia, Times New Roman, times, serif;
|
||||
--tblr-font-comic: Comic Sans MS, Comic Sans, Chalkboard SE, Comic Neue, sans-serif, cursive;
|
||||
/** Gray colors */
|
||||
--tblr-gray-50: #f9fafb;
|
||||
--tblr-gray-100: #f3f4f6;
|
||||
--tblr-gray-200: #e5e7eb;
|
||||
--tblr-gray-300: #d1d5db;
|
||||
--tblr-gray-400: #9ca3af;
|
||||
--tblr-gray-500: #6b7280;
|
||||
--tblr-gray-600: #4b5563;
|
||||
--tblr-gray-700: #374151;
|
||||
--tblr-gray-800: #1f2937;
|
||||
--tblr-gray-900: #111827;
|
||||
--tblr-gray-950: #030712;
|
||||
--tblr-white: #ffffff;
|
||||
--tblr-black: #000000;
|
||||
--tblr-dark: #1f2937;
|
||||
--tblr-light: #f9fafb;
|
||||
--tblr-gray-50: oklch(98.46% 0.0017 247.84deg);
|
||||
--tblr-gray-100: oklch(96.7% 0.0029 264.54deg);
|
||||
--tblr-gray-200: oklch(92.76% 0.0058 264.53deg);
|
||||
--tblr-gray-300: oklch(87.17% 0.0093 258.34deg);
|
||||
--tblr-gray-400: oklch(71.37% 0.0192 261.32deg);
|
||||
--tblr-gray-500: oklch(55.1% 0.0234 264.36deg);
|
||||
--tblr-gray-600: oklch(44.61% 0.0263 256.8deg);
|
||||
--tblr-gray-700: oklch(37.29% 0.0306 259.73deg);
|
||||
--tblr-gray-800: oklch(27.81% 0.0296 256.85deg);
|
||||
--tblr-gray-900: oklch(21.01% 0.0318 264.66deg);
|
||||
--tblr-gray-950: oklch(12.96% 0.0274 261.69deg);
|
||||
--tblr-white: #fff;
|
||||
--tblr-white-lt: color-mix(in oklab, var(--tblr-white) 10%, transparent);
|
||||
--tblr-black: #000;
|
||||
--tblr-black-lt: color-mix(in oklab, var(--tblr-black) 10%, transparent);
|
||||
--tblr-gray-lt: color-mix(in oklab, var(--tblr-gray) 10%, transparent);
|
||||
--tblr-gray-dark-lt: color-mix(in oklab, var(--tblr-gray-dark) 10%, transparent);
|
||||
--tblr-dark: oklch(27.81% 0.0296 256.85deg);
|
||||
--tblr-light: oklch(98.46% 0.0017 247.84deg);
|
||||
/** Brand colors */
|
||||
--tblr-brand: #066fd1;
|
||||
--tblr-brand: oklch(54.6% 0.1724 254.2deg);
|
||||
/** Theme colors */
|
||||
--tblr-primary: #066fd1;
|
||||
--tblr-primary-rgb: 6, 111, 209;
|
||||
--tblr-primary: oklch(54.6% 0.1724 254.2deg);
|
||||
--tblr-primary-fg: var(--tblr-light);
|
||||
--tblr-primary-darken: rgb(5.4, 99.9, 188.1);
|
||||
--tblr-primary-darken: color-mix(in oklab, var(--tblr-primary), transparent 20%);
|
||||
--tblr-primary-lt: rgb(230.1, 240.6, 250.4);
|
||||
--tblr-primary-lt: color-mix(in oklab, var(--tblr-primary) 10%, transparent);
|
||||
--tblr-primary-200: color-mix(in oklab, var(--tblr-primary) 20%, transparent);
|
||||
--tblr-primary-lt-rgb: 230.1, 240.6, 250.4;
|
||||
--tblr-secondary: #6b7280;
|
||||
--tblr-secondary-rgb: 107, 114, 128;
|
||||
--tblr-secondary: oklch(55.1% 0.0234 264.36deg);
|
||||
--tblr-secondary-fg: var(--tblr-light);
|
||||
--tblr-secondary-darken: rgb(96.3, 102.6, 115.2);
|
||||
--tblr-secondary-darken: color-mix(in oklab, var(--tblr-secondary), transparent 20%);
|
||||
--tblr-secondary-lt: rgb(240.2, 240.9, 242.3);
|
||||
--tblr-secondary-lt: color-mix(in oklab, var(--tblr-secondary) 10%, transparent);
|
||||
--tblr-secondary-200: color-mix(in oklab, var(--tblr-secondary) 20%, transparent);
|
||||
--tblr-secondary-lt-rgb: 240.2, 240.9, 242.3;
|
||||
--tblr-success: #2fb344;
|
||||
--tblr-success-rgb: 47, 179, 68;
|
||||
--tblr-success: oklch(67.38% 0.1885 145.43deg);
|
||||
--tblr-success-fg: var(--tblr-light);
|
||||
--tblr-success-darken: rgb(42.3, 161.1, 61.2);
|
||||
--tblr-success-darken: color-mix(in oklab, var(--tblr-success), transparent 20%);
|
||||
--tblr-success-lt: rgb(234.2, 247.4, 236.3);
|
||||
--tblr-success-lt: color-mix(in oklab, var(--tblr-success) 10%, transparent);
|
||||
--tblr-success-200: color-mix(in oklab, var(--tblr-success) 20%, transparent);
|
||||
--tblr-success-lt-rgb: 234.2, 247.4, 236.3;
|
||||
--tblr-info: #4299e1;
|
||||
--tblr-info-rgb: 66, 153, 225;
|
||||
--tblr-info: oklch(66.26% 0.1358 246.81deg);
|
||||
--tblr-info-fg: var(--tblr-light);
|
||||
--tblr-info-darken: rgb(59.4, 137.7, 202.5);
|
||||
--tblr-info-darken: color-mix(in oklab, var(--tblr-info), transparent 20%);
|
||||
--tblr-info-lt: rgb(236.1, 244.8, 252);
|
||||
--tblr-info-lt: color-mix(in oklab, var(--tblr-info) 10%, transparent);
|
||||
--tblr-info-200: color-mix(in oklab, var(--tblr-info) 20%, transparent);
|
||||
--tblr-info-lt-rgb: 236.1, 244.8, 252;
|
||||
--tblr-warning: #f59f00;
|
||||
--tblr-warning-rgb: 245, 159, 0;
|
||||
--tblr-warning: oklch(77.02% 0.1658 71.02deg);
|
||||
--tblr-warning-fg: var(--tblr-light);
|
||||
--tblr-warning-darken: rgb(220.5, 143.1, 0);
|
||||
--tblr-warning-darken: color-mix(in oklab, var(--tblr-warning), transparent 20%);
|
||||
--tblr-warning-lt: rgb(254, 245.4, 229.5);
|
||||
--tblr-warning-lt: color-mix(in oklab, var(--tblr-warning) 10%, transparent);
|
||||
--tblr-warning-200: color-mix(in oklab, var(--tblr-warning) 20%, transparent);
|
||||
--tblr-warning-lt-rgb: 254, 245.4, 229.5;
|
||||
--tblr-danger: #d63939;
|
||||
--tblr-danger-rgb: 214, 57, 57;
|
||||
--tblr-danger: oklch(58.29% 0.1941 25.59deg);
|
||||
--tblr-danger-fg: var(--tblr-light);
|
||||
--tblr-danger-darken: rgb(192.6, 51.3, 51.3);
|
||||
--tblr-danger-darken: color-mix(in oklab, var(--tblr-danger), transparent 20%);
|
||||
--tblr-danger-lt: rgb(250.9, 235.2, 235.2);
|
||||
--tblr-danger-lt: color-mix(in oklab, var(--tblr-danger) 10%, transparent);
|
||||
--tblr-danger-200: color-mix(in oklab, var(--tblr-danger) 20%, transparent);
|
||||
--tblr-danger-lt-rgb: 250.9, 235.2, 235.2;
|
||||
--tblr-light: #f9fafb;
|
||||
--tblr-light-rgb: 249, 250, 251;
|
||||
--tblr-light: oklch(98.46% 0.0017 247.84deg);
|
||||
--tblr-light-fg: var(--tblr-dark);
|
||||
--tblr-light-darken: rgb(224.1, 225, 225.9);
|
||||
--tblr-light-darken: color-mix(in oklab, var(--tblr-light), transparent 20%);
|
||||
--tblr-light-lt: rgb(254.4, 254.5, 254.6);
|
||||
--tblr-light-lt: color-mix(in oklab, var(--tblr-light) 10%, transparent);
|
||||
--tblr-light-200: color-mix(in oklab, var(--tblr-light) 20%, transparent);
|
||||
--tblr-light-lt-rgb: 254.4, 254.5, 254.6;
|
||||
--tblr-dark: #1f2937;
|
||||
--tblr-dark-rgb: 31, 41, 55;
|
||||
--tblr-dark: oklch(27.81% 0.0296 256.85deg);
|
||||
--tblr-dark-fg: var(--tblr-light);
|
||||
--tblr-dark-darken: rgb(27.9, 36.9, 49.5);
|
||||
--tblr-dark-darken: color-mix(in oklab, var(--tblr-dark), transparent 20%);
|
||||
--tblr-dark-lt: rgb(232.6, 233.6, 235);
|
||||
--tblr-dark-lt: color-mix(in oklab, var(--tblr-dark) 10%, transparent);
|
||||
--tblr-dark-200: color-mix(in oklab, var(--tblr-dark) 20%, transparent);
|
||||
--tblr-dark-lt-rgb: 232.6, 233.6, 235;
|
||||
--tblr-muted: #6b7280;
|
||||
--tblr-muted-rgb: 107, 114, 128;
|
||||
--tblr-muted: oklch(55.1% 0.0234 264.36deg);
|
||||
--tblr-muted-fg: var(--tblr-light);
|
||||
--tblr-muted-darken: rgb(96.3, 102.6, 115.2);
|
||||
--tblr-muted-darken: color-mix(in oklab, var(--tblr-muted), transparent 20%);
|
||||
--tblr-muted-lt: rgb(240.2, 240.9, 242.3);
|
||||
--tblr-muted-lt: color-mix(in oklab, var(--tblr-muted) 10%, transparent);
|
||||
--tblr-muted-200: color-mix(in oklab, var(--tblr-muted) 20%, transparent);
|
||||
--tblr-muted-lt-rgb: 240.2, 240.9, 242.3;
|
||||
--tblr-blue: #066fd1;
|
||||
--tblr-blue-rgb: 6, 111, 209;
|
||||
--tblr-blue: oklch(54.6% 0.1724 254.2deg);
|
||||
--tblr-blue-fg: var(--tblr-light);
|
||||
--tblr-blue-darken: rgb(5.4, 99.9, 188.1);
|
||||
--tblr-blue-darken: color-mix(in oklab, var(--tblr-blue), transparent 20%);
|
||||
--tblr-blue-lt: rgb(230.1, 240.6, 250.4);
|
||||
--tblr-blue-lt: color-mix(in oklab, var(--tblr-blue) 10%, transparent);
|
||||
--tblr-blue-200: color-mix(in oklab, var(--tblr-blue) 20%, transparent);
|
||||
--tblr-blue-lt-rgb: 230.1, 240.6, 250.4;
|
||||
--tblr-azure: #4299e1;
|
||||
--tblr-azure-rgb: 66, 153, 225;
|
||||
--tblr-azure: oklch(66.26% 0.1358 246.81deg);
|
||||
--tblr-azure-fg: var(--tblr-light);
|
||||
--tblr-azure-darken: rgb(59.4, 137.7, 202.5);
|
||||
--tblr-azure-darken: color-mix(in oklab, var(--tblr-azure), transparent 20%);
|
||||
--tblr-azure-lt: rgb(236.1, 244.8, 252);
|
||||
--tblr-azure-lt: color-mix(in oklab, var(--tblr-azure) 10%, transparent);
|
||||
--tblr-azure-200: color-mix(in oklab, var(--tblr-azure) 20%, transparent);
|
||||
--tblr-azure-lt-rgb: 236.1, 244.8, 252;
|
||||
--tblr-indigo: #4263eb;
|
||||
--tblr-indigo-rgb: 66, 99, 235;
|
||||
--tblr-indigo: oklch(55.66% 0.2082 268.35deg);
|
||||
--tblr-indigo-fg: var(--tblr-light);
|
||||
--tblr-indigo-darken: rgb(59.4, 89.1, 211.5);
|
||||
--tblr-indigo-darken: color-mix(in oklab, var(--tblr-indigo), transparent 20%);
|
||||
--tblr-indigo-lt: rgb(236.1, 239.4, 253);
|
||||
--tblr-indigo-lt: color-mix(in oklab, var(--tblr-indigo) 10%, transparent);
|
||||
--tblr-indigo-200: color-mix(in oklab, var(--tblr-indigo) 20%, transparent);
|
||||
--tblr-indigo-lt-rgb: 236.1, 239.4, 253;
|
||||
--tblr-purple: #ae3ec9;
|
||||
--tblr-purple-rgb: 174, 62, 201;
|
||||
--tblr-purple: oklch(57.83% 0.2186 319.15deg);
|
||||
--tblr-purple-fg: var(--tblr-light);
|
||||
--tblr-purple-darken: rgb(156.6, 55.8, 180.9);
|
||||
--tblr-purple-darken: color-mix(in oklab, var(--tblr-purple), transparent 20%);
|
||||
--tblr-purple-lt: rgb(246.9, 235.7, 249.6);
|
||||
--tblr-purple-lt: color-mix(in oklab, var(--tblr-purple) 10%, transparent);
|
||||
--tblr-purple-200: color-mix(in oklab, var(--tblr-purple) 20%, transparent);
|
||||
--tblr-purple-lt-rgb: 246.9, 235.7, 249.6;
|
||||
--tblr-pink: #d6336c;
|
||||
--tblr-pink-rgb: 214, 51, 108;
|
||||
--tblr-pink: oklch(58.81% 0.201 5.25deg);
|
||||
--tblr-pink-fg: var(--tblr-light);
|
||||
--tblr-pink-darken: rgb(192.6, 45.9, 97.2);
|
||||
--tblr-pink-darken: color-mix(in oklab, var(--tblr-pink), transparent 20%);
|
||||
--tblr-pink-lt: rgb(250.9, 234.6, 240.3);
|
||||
--tblr-pink-lt: color-mix(in oklab, var(--tblr-pink) 10%, transparent);
|
||||
--tblr-pink-200: color-mix(in oklab, var(--tblr-pink) 20%, transparent);
|
||||
--tblr-pink-lt-rgb: 250.9, 234.6, 240.3;
|
||||
--tblr-red: #d63939;
|
||||
--tblr-red-rgb: 214, 57, 57;
|
||||
--tblr-red: oklch(58.29% 0.1941 25.59deg);
|
||||
--tblr-red-fg: var(--tblr-light);
|
||||
--tblr-red-darken: rgb(192.6, 51.3, 51.3);
|
||||
--tblr-red-darken: color-mix(in oklab, var(--tblr-red), transparent 20%);
|
||||
--tblr-red-lt: rgb(250.9, 235.2, 235.2);
|
||||
--tblr-red-lt: color-mix(in oklab, var(--tblr-red) 10%, transparent);
|
||||
--tblr-red-200: color-mix(in oklab, var(--tblr-red) 20%, transparent);
|
||||
--tblr-red-lt-rgb: 250.9, 235.2, 235.2;
|
||||
--tblr-orange: #f76707;
|
||||
--tblr-orange-rgb: 247, 103, 7;
|
||||
--tblr-orange: oklch(68.51% 0.1954 44.57deg);
|
||||
--tblr-orange-fg: var(--tblr-light);
|
||||
--tblr-orange-darken: rgb(222.3, 92.7, 6.3);
|
||||
--tblr-orange-darken: color-mix(in oklab, var(--tblr-orange), transparent 20%);
|
||||
--tblr-orange-lt: rgb(254.2, 239.8, 230.2);
|
||||
--tblr-orange-lt: color-mix(in oklab, var(--tblr-orange) 10%, transparent);
|
||||
--tblr-orange-200: color-mix(in oklab, var(--tblr-orange) 20%, transparent);
|
||||
--tblr-orange-lt-rgb: 254.2, 239.8, 230.2;
|
||||
--tblr-yellow: #f59f00;
|
||||
--tblr-yellow-rgb: 245, 159, 0;
|
||||
--tblr-yellow: oklch(77.02% 0.1658 71.02deg);
|
||||
--tblr-yellow-fg: var(--tblr-light);
|
||||
--tblr-yellow-darken: rgb(220.5, 143.1, 0);
|
||||
--tblr-yellow-darken: color-mix(in oklab, var(--tblr-yellow), transparent 20%);
|
||||
--tblr-yellow-lt: rgb(254, 245.4, 229.5);
|
||||
--tblr-yellow-lt: color-mix(in oklab, var(--tblr-yellow) 10%, transparent);
|
||||
--tblr-yellow-200: color-mix(in oklab, var(--tblr-yellow) 20%, transparent);
|
||||
--tblr-yellow-lt-rgb: 254, 245.4, 229.5;
|
||||
--tblr-lime: #74b816;
|
||||
--tblr-lime-rgb: 116, 184, 22;
|
||||
--tblr-lime: oklch(70.99% 0.1897 131.53deg);
|
||||
--tblr-lime-fg: var(--tblr-light);
|
||||
--tblr-lime-darken: rgb(104.4, 165.6, 19.8);
|
||||
--tblr-lime-darken: color-mix(in oklab, var(--tblr-lime), transparent 20%);
|
||||
--tblr-lime-lt: rgb(241.1, 247.9, 231.7);
|
||||
--tblr-lime-lt: color-mix(in oklab, var(--tblr-lime) 10%, transparent);
|
||||
--tblr-lime-200: color-mix(in oklab, var(--tblr-lime) 20%, transparent);
|
||||
--tblr-lime-lt-rgb: 241.1, 247.9, 231.7;
|
||||
--tblr-green: #2fb344;
|
||||
--tblr-green-rgb: 47, 179, 68;
|
||||
--tblr-green: oklch(67.38% 0.1885 145.43deg);
|
||||
--tblr-green-fg: var(--tblr-light);
|
||||
--tblr-green-darken: rgb(42.3, 161.1, 61.2);
|
||||
--tblr-green-darken: color-mix(in oklab, var(--tblr-green), transparent 20%);
|
||||
--tblr-green-lt: rgb(234.2, 247.4, 236.3);
|
||||
--tblr-green-lt: color-mix(in oklab, var(--tblr-green) 10%, transparent);
|
||||
--tblr-green-200: color-mix(in oklab, var(--tblr-green) 20%, transparent);
|
||||
--tblr-green-lt-rgb: 234.2, 247.4, 236.3;
|
||||
--tblr-teal: #0ca678;
|
||||
--tblr-teal-rgb: 12, 166, 120;
|
||||
--tblr-teal: oklch(64.32% 0.1338 164.7deg);
|
||||
--tblr-teal-fg: var(--tblr-light);
|
||||
--tblr-teal-darken: rgb(10.8, 149.4, 108);
|
||||
--tblr-teal-darken: color-mix(in oklab, var(--tblr-teal), transparent 20%);
|
||||
--tblr-teal-lt: rgb(230.7, 246.1, 241.5);
|
||||
--tblr-teal-lt: color-mix(in oklab, var(--tblr-teal) 10%, transparent);
|
||||
--tblr-teal-200: color-mix(in oklab, var(--tblr-teal) 20%, transparent);
|
||||
--tblr-teal-lt-rgb: 230.7, 246.1, 241.5;
|
||||
--tblr-cyan: #17a2b8;
|
||||
--tblr-cyan-rgb: 23, 162, 184;
|
||||
--tblr-cyan: oklch(65.52% 0.1105 212.17deg);
|
||||
--tblr-cyan-fg: var(--tblr-light);
|
||||
--tblr-cyan-darken: rgb(20.7, 145.8, 165.6);
|
||||
--tblr-cyan-darken: color-mix(in oklab, var(--tblr-cyan), transparent 20%);
|
||||
--tblr-cyan-lt: rgb(231.8, 245.7, 247.9);
|
||||
--tblr-cyan-lt: color-mix(in oklab, var(--tblr-cyan) 10%, transparent);
|
||||
--tblr-cyan-200: color-mix(in oklab, var(--tblr-cyan) 20%, transparent);
|
||||
--tblr-cyan-lt-rgb: 231.8, 245.7, 247.9;
|
||||
--tblr-x: #000000;
|
||||
--tblr-x-rgb: 0, 0, 0;
|
||||
--tblr-x: #000;
|
||||
--tblr-x-fg: var(--tblr-light);
|
||||
--tblr-x-darken: black;
|
||||
--tblr-x-darken: color-mix(in oklab, var(--tblr-x), transparent 20%);
|
||||
--tblr-x-lt: rgb(229.5, 229.5, 229.5);
|
||||
--tblr-x-lt: color-mix(in oklab, var(--tblr-x) 10%, transparent);
|
||||
--tblr-x-200: color-mix(in oklab, var(--tblr-x) 20%, transparent);
|
||||
--tblr-x-lt-rgb: 229.5, 229.5, 229.5;
|
||||
--tblr-facebook: #1877f2;
|
||||
--tblr-facebook-rgb: 24, 119, 242;
|
||||
--tblr-facebook: #0866ff;
|
||||
--tblr-facebook-fg: var(--tblr-light);
|
||||
--tblr-facebook-darken: rgb(21.6, 107.1, 217.8);
|
||||
--tblr-facebook-darken: color-mix(in oklab, var(--tblr-facebook), transparent 20%);
|
||||
--tblr-facebook-lt: rgb(231.9, 241.4, 253.7);
|
||||
--tblr-facebook-lt: color-mix(in oklab, var(--tblr-facebook) 10%, transparent);
|
||||
--tblr-facebook-200: color-mix(in oklab, var(--tblr-facebook) 20%, transparent);
|
||||
--tblr-facebook-lt-rgb: 231.9, 241.4, 253.7;
|
||||
--tblr-twitter: #1da1f2;
|
||||
--tblr-twitter-rgb: 29, 161, 242;
|
||||
--tblr-twitter-fg: var(--tblr-light);
|
||||
--tblr-twitter-darken: rgb(26.1, 144.9, 217.8);
|
||||
--tblr-twitter-darken: color-mix(in oklab, var(--tblr-twitter), transparent 20%);
|
||||
--tblr-twitter-lt: rgb(232.4, 245.6, 253.7);
|
||||
--tblr-twitter-lt: color-mix(in oklab, var(--tblr-twitter) 10%, transparent);
|
||||
--tblr-twitter-200: color-mix(in oklab, var(--tblr-twitter) 20%, transparent);
|
||||
--tblr-twitter-lt-rgb: 232.4, 245.6, 253.7;
|
||||
--tblr-linkedin: #0a66c2;
|
||||
--tblr-linkedin-rgb: 10, 102, 194;
|
||||
--tblr-linkedin-fg: var(--tblr-light);
|
||||
--tblr-linkedin-darken: rgb(9, 91.8, 174.6);
|
||||
--tblr-linkedin-darken: color-mix(in oklab, var(--tblr-linkedin), transparent 20%);
|
||||
--tblr-linkedin-lt: rgb(230.5, 239.7, 248.9);
|
||||
--tblr-linkedin-lt: color-mix(in oklab, var(--tblr-linkedin) 10%, transparent);
|
||||
--tblr-linkedin-200: color-mix(in oklab, var(--tblr-linkedin) 20%, transparent);
|
||||
--tblr-linkedin-lt-rgb: 230.5, 239.7, 248.9;
|
||||
--tblr-google: #dc4e41;
|
||||
--tblr-google-rgb: 220, 78, 65;
|
||||
--tblr-google: #4285f4;
|
||||
--tblr-google-fg: var(--tblr-light);
|
||||
--tblr-google-darken: rgb(198, 70.2, 58.5);
|
||||
--tblr-google-darken: color-mix(in oklab, var(--tblr-google), transparent 20%);
|
||||
--tblr-google-lt: rgb(251.5, 237.3, 236);
|
||||
--tblr-google-lt: color-mix(in oklab, var(--tblr-google) 10%, transparent);
|
||||
--tblr-google-200: color-mix(in oklab, var(--tblr-google) 20%, transparent);
|
||||
--tblr-google-lt-rgb: 251.5, 237.3, 236;
|
||||
--tblr-youtube: #ff0000;
|
||||
--tblr-youtube-rgb: 255, 0, 0;
|
||||
--tblr-youtube: #f00;
|
||||
--tblr-youtube-fg: var(--tblr-light);
|
||||
--tblr-youtube-darken: rgb(229.5, 0, 0);
|
||||
--tblr-youtube-darken: color-mix(in oklab, var(--tblr-youtube), transparent 20%);
|
||||
--tblr-youtube-lt: rgb(255, 229.5, 229.5);
|
||||
--tblr-youtube-lt: color-mix(in oklab, var(--tblr-youtube) 10%, transparent);
|
||||
--tblr-youtube-200: color-mix(in oklab, var(--tblr-youtube) 20%, transparent);
|
||||
--tblr-youtube-lt-rgb: 255, 229.5, 229.5;
|
||||
--tblr-vimeo: #1ab7ea;
|
||||
--tblr-vimeo-rgb: 26, 183, 234;
|
||||
--tblr-vimeo-fg: var(--tblr-light);
|
||||
--tblr-vimeo-darken: rgb(23.4, 164.7, 210.6);
|
||||
--tblr-vimeo-darken: color-mix(in oklab, var(--tblr-vimeo), transparent 20%);
|
||||
--tblr-vimeo-lt: rgb(232.1, 247.8, 252.9);
|
||||
--tblr-vimeo-lt: color-mix(in oklab, var(--tblr-vimeo) 10%, transparent);
|
||||
--tblr-vimeo-200: color-mix(in oklab, var(--tblr-vimeo) 20%, transparent);
|
||||
--tblr-vimeo-lt-rgb: 232.1, 247.8, 252.9;
|
||||
--tblr-dribbble: #ea4c89;
|
||||
--tblr-dribbble-rgb: 234, 76, 137;
|
||||
--tblr-dribbble-fg: var(--tblr-light);
|
||||
--tblr-dribbble-darken: rgb(210.6, 68.4, 123.3);
|
||||
--tblr-dribbble-darken: color-mix(in oklab, var(--tblr-dribbble), transparent 20%);
|
||||
--tblr-dribbble-lt: rgb(252.9, 237.1, 243.2);
|
||||
--tblr-dribbble-lt: color-mix(in oklab, var(--tblr-dribbble) 10%, transparent);
|
||||
--tblr-dribbble-200: color-mix(in oklab, var(--tblr-dribbble) 20%, transparent);
|
||||
--tblr-dribbble-lt-rgb: 252.9, 237.1, 243.2;
|
||||
--tblr-github: #181717;
|
||||
--tblr-github-rgb: 24, 23, 23;
|
||||
--tblr-github-fg: var(--tblr-light);
|
||||
--tblr-github-darken: rgb(21.6, 20.7, 20.7);
|
||||
--tblr-github-darken: color-mix(in oklab, var(--tblr-github), transparent 20%);
|
||||
--tblr-github-lt: rgb(231.9, 231.8, 231.8);
|
||||
--tblr-github-lt: color-mix(in oklab, var(--tblr-github) 10%, transparent);
|
||||
--tblr-github-200: color-mix(in oklab, var(--tblr-github) 20%, transparent);
|
||||
--tblr-github-lt-rgb: 231.9, 231.8, 231.8;
|
||||
--tblr-instagram: #e4405f;
|
||||
--tblr-instagram-rgb: 228, 64, 95;
|
||||
--tblr-instagram: #ff0069;
|
||||
--tblr-instagram-fg: var(--tblr-light);
|
||||
--tblr-instagram-darken: rgb(205.2, 57.6, 85.5);
|
||||
--tblr-instagram-darken: color-mix(in oklab, var(--tblr-instagram), transparent 20%);
|
||||
--tblr-instagram-lt: rgb(252.3, 235.9, 239);
|
||||
--tblr-instagram-lt: color-mix(in oklab, var(--tblr-instagram) 10%, transparent);
|
||||
--tblr-instagram-200: color-mix(in oklab, var(--tblr-instagram) 20%, transparent);
|
||||
--tblr-instagram-lt-rgb: 252.3, 235.9, 239;
|
||||
--tblr-pinterest: #bd081c;
|
||||
--tblr-pinterest-rgb: 189, 8, 28;
|
||||
--tblr-pinterest-fg: var(--tblr-light);
|
||||
--tblr-pinterest-darken: rgb(170.1, 7.2, 25.2);
|
||||
--tblr-pinterest-darken: color-mix(in oklab, var(--tblr-pinterest), transparent 20%);
|
||||
--tblr-pinterest-lt: rgb(248.4, 230.3, 232.3);
|
||||
--tblr-pinterest-lt: color-mix(in oklab, var(--tblr-pinterest) 10%, transparent);
|
||||
--tblr-pinterest-200: color-mix(in oklab, var(--tblr-pinterest) 20%, transparent);
|
||||
--tblr-pinterest-lt-rgb: 248.4, 230.3, 232.3;
|
||||
--tblr-vk: #6383a8;
|
||||
--tblr-vk-rgb: 99, 131, 168;
|
||||
--tblr-vk: #07f;
|
||||
--tblr-vk-fg: var(--tblr-light);
|
||||
--tblr-vk-darken: rgb(89.1, 117.9, 151.2);
|
||||
--tblr-vk-darken: color-mix(in oklab, var(--tblr-vk), transparent 20%);
|
||||
--tblr-vk-lt: rgb(239.4, 242.6, 246.3);
|
||||
--tblr-vk-lt: color-mix(in oklab, var(--tblr-vk) 10%, transparent);
|
||||
--tblr-vk-200: color-mix(in oklab, var(--tblr-vk) 20%, transparent);
|
||||
--tblr-vk-lt-rgb: 239.4, 242.6, 246.3;
|
||||
--tblr-rss: #ffa500;
|
||||
--tblr-rss-rgb: 255, 165, 0;
|
||||
--tblr-rss-fg: var(--tblr-dark);
|
||||
--tblr-rss-darken: rgb(229.5, 148.5, 0);
|
||||
--tblr-rss-darken: color-mix(in oklab, var(--tblr-rss), transparent 20%);
|
||||
--tblr-rss-lt: rgb(255, 246, 229.5);
|
||||
--tblr-rss-lt: color-mix(in oklab, var(--tblr-rss) 10%, transparent);
|
||||
--tblr-rss-200: color-mix(in oklab, var(--tblr-rss) 20%, transparent);
|
||||
--tblr-rss-lt-rgb: 255, 246, 229.5;
|
||||
--tblr-flickr: #0063dc;
|
||||
--tblr-flickr-rgb: 0, 99, 220;
|
||||
--tblr-flickr-fg: var(--tblr-light);
|
||||
--tblr-flickr-darken: rgb(0, 89.1, 198);
|
||||
--tblr-flickr-darken: color-mix(in oklab, var(--tblr-flickr), transparent 20%);
|
||||
--tblr-flickr-lt: rgb(229.5, 239.4, 251.5);
|
||||
--tblr-flickr-lt: color-mix(in oklab, var(--tblr-flickr) 10%, transparent);
|
||||
--tblr-flickr-200: color-mix(in oklab, var(--tblr-flickr) 20%, transparent);
|
||||
--tblr-flickr-lt-rgb: 229.5, 239.4, 251.5;
|
||||
--tblr-bitbucket: #0052cc;
|
||||
--tblr-bitbucket-rgb: 0, 82, 204;
|
||||
--tblr-bitbucket-fg: var(--tblr-light);
|
||||
--tblr-bitbucket-darken: rgb(0, 73.8, 183.6);
|
||||
--tblr-bitbucket-darken: color-mix(in oklab, var(--tblr-bitbucket), transparent 20%);
|
||||
--tblr-bitbucket-lt: rgb(229.5, 237.7, 249.9);
|
||||
--tblr-bitbucket-lt: color-mix(in oklab, var(--tblr-bitbucket) 10%, transparent);
|
||||
--tblr-bitbucket-200: color-mix(in oklab, var(--tblr-bitbucket) 20%, transparent);
|
||||
--tblr-bitbucket-lt-rgb: 229.5, 237.7, 249.9;
|
||||
--tblr-tabler: #066fd1;
|
||||
--tblr-tabler-rgb: 6, 111, 209;
|
||||
--tblr-tabler-fg: var(--tblr-light);
|
||||
--tblr-tabler-darken: rgb(5.4, 99.9, 188.1);
|
||||
--tblr-tabler-darken: color-mix(in oklab, var(--tblr-tabler), transparent 20%);
|
||||
--tblr-tabler-lt: rgb(230.1, 240.6, 250.4);
|
||||
--tblr-tabler-lt: color-mix(in oklab, var(--tblr-tabler) 10%, transparent);
|
||||
--tblr-tabler-200: color-mix(in oklab, var(--tblr-tabler) 20%, transparent);
|
||||
--tblr-tabler-lt-rgb: 230.1, 240.6, 250.4;
|
||||
/** Gray colors */
|
||||
--tblr-gray-50-fg: var(--tblr-body-color);
|
||||
--tblr-gray-100-fg: var(--tblr-body-color);
|
||||
--tblr-gray-200-fg: var(--tblr-body-color);
|
||||
--tblr-gray-300-fg: var(--tblr-body-color);
|
||||
--tblr-gray-400-fg: var(--tblr-white);
|
||||
--tblr-gray-500-fg: var(--tblr-white);
|
||||
--tblr-gray-600-fg: var(--tblr-white);
|
||||
--tblr-gray-700-fg: var(--tblr-white);
|
||||
--tblr-gray-800-fg: var(--tblr-white);
|
||||
--tblr-gray-900-fg: var(--tblr-white);
|
||||
--tblr-gray-950-fg: var(--tblr-white);
|
||||
--tblr-gray-50-fg: var(--tblr-gray-50);
|
||||
--tblr-gray-100-fg: var(--tblr-gray-100);
|
||||
--tblr-gray-200-fg: var(--tblr-gray-200);
|
||||
--tblr-gray-300-fg: var(--tblr-gray-300);
|
||||
--tblr-gray-400-fg: var(--tblr-gray-400);
|
||||
--tblr-gray-500-fg: var(--tblr-gray-500);
|
||||
--tblr-gray-600-fg: var(--tblr-gray-600);
|
||||
--tblr-gray-700-fg: var(--tblr-gray-700);
|
||||
--tblr-gray-800-fg: var(--tblr-gray-800);
|
||||
--tblr-gray-900-fg: var(--tblr-gray-900);
|
||||
--tblr-gray-950-fg: var(--tblr-gray-950);
|
||||
/** Spacers */
|
||||
--tblr-spacer-0: 0;
|
||||
--tblr-spacer-1: 0.25rem;
|
||||
|
|
@ -414,20 +276,21 @@
|
|||
--tblr-line-height-lg: 1.7142857143;
|
||||
--tblr-line-height-xl: 2;
|
||||
/** Shadows */
|
||||
--tblr-shadow: 0px 2px 4px -1px rgba(18, 18, 23, 0.06), 0px 4px 6px -1px rgba(18, 18, 23, 0.08);
|
||||
--tblr-shadow-xs: 0 1px 2px 0 rgba(18, 18, 23, 0.05);
|
||||
--tblr-shadow-sm: 0 1px 3px 0 rgba(18, 18, 23, 0.1), 0 1px 2px 0 rgba(18, 18, 23, 0.06);
|
||||
--tblr-shadow-md: 0px 2px 4px -1px rgba(18, 18, 23, 0.06), 0px 4px 6px -1px rgba(18, 18, 23, 0.08);
|
||||
--tblr-shadow-lg: 0px 4px 6px -2px rgba(18, 18, 23, 0.05), 0px 10px 15px -3px rgba(18, 18, 23, 0.08);
|
||||
--tblr-shadow-xl: 0px 10px 10px -5px rgba(18, 18, 23, 0.04), 0px 20px 25px -5px rgba(18, 18, 23, 0.1);
|
||||
--tblr-shadow-2xl: 0px 25px 50px -12px rgba(18, 18, 23, 0.25);
|
||||
--tblr-shadow-overlay: 0px 2px 4px 0px rgba(18, 18, 23, 0.04), 0px 5px 8px 0px rgba(18, 18, 23, 0.04), 0px 10px 18px 0px rgba(18, 18, 23, 0.03), 0px 24px 48px 0px rgba(18, 18, 23, 0.03), 0px 0px 0px 1px rgba(18, 18, 23, 0.1);
|
||||
--tblr-shadow-border: 0px 0px 0px 1px rgba(18, 18, 23, 0.1);
|
||||
--tblr-shadow-color: light-dark(rgba(18, 18, 23, 0.4), #000);
|
||||
--tblr-shadow: 0px 2px 4px -1px color-mix(in oklab, var(--tblr-shadow-color) 15%, transparent), 0px 4px 6px -1px color-mix(in oklab, var(--tblr-shadow-color) 20%, transparent);
|
||||
--tblr-shadow-xs: 0 1px 2px 0 color-mix(in oklab, var(--tblr-shadow-color) 12.5%, transparent);
|
||||
--tblr-shadow-sm: 0 1px 3px 0 color-mix(in oklab, var(--tblr-shadow-color) 25%, transparent), 0 1px 2px 0 color-mix(in oklab, var(--tblr-shadow-color) 15%, transparent);
|
||||
--tblr-shadow-md: 0px 2px 4px -1px color-mix(in oklab, var(--tblr-shadow-color) 15%, transparent), 0px 4px 6px -1px color-mix(in oklab, var(--tblr-shadow-color) 20%, transparent);
|
||||
--tblr-shadow-lg: 0px 4px 6px -2px color-mix(in oklab, var(--tblr-shadow-color) 12.5%, transparent), 0px 10px 15px -3px color-mix(in oklab, var(--tblr-shadow-color) 20%, transparent);
|
||||
--tblr-shadow-xl: 0px 10px 10px -5px color-mix(in oklab, var(--tblr-shadow-color) 10%, transparent), 0px 20px 25px -5px color-mix(in oklab, var(--tblr-shadow-color) 25%, transparent);
|
||||
--tblr-shadow-2xl: 0px 25px 50px -12px color-mix(in oklab, var(--tblr-shadow-color) 62.5%, transparent);
|
||||
--tblr-shadow-overlay: 0px 2px 4px 0px color-mix(in oklab, var(--tblr-shadow-color) 10%, transparent), 0px 5px 8px 0px color-mix(in oklab, var(--tblr-shadow-color) 10%, transparent), 0px 10px 18px 0px color-mix(in oklab, var(--tblr-shadow-color) 7.5%, transparent), 0px 24px 48px 0px color-mix(in oklab, var(--tblr-shadow-color) 7.5%, transparent), 0px 0px 0px 1px color-mix(in oklab, var(--tblr-shadow-color) 25%, transparent);
|
||||
--tblr-shadow-border: 0px 0px 0px 1px color-mix(in oklab, var(--tblr-shadow-color) 25%, transparent);
|
||||
--tblr-shadow-transparent: 0 0 0 0 transparent;
|
||||
--tblr-shadow-input: 0 1px 2px 0 rgba(18, 18, 23, 0.05);
|
||||
--tblr-shadow-card: 0 1px 2px 0 rgba(18, 18, 23, 0.05);
|
||||
--tblr-shadow-card-hover: 0px 4px 6px -2px rgba(18, 18, 23, 0.05), 0px 10px 15px -3px rgba(18, 18, 23, 0.08);
|
||||
--tblr-shadow-dropdown: 0px 2px 4px 0px rgba(18, 18, 23, 0.04), 0px 5px 8px 0px rgba(18, 18, 23, 0.04), 0px 10px 18px 0px rgba(18, 18, 23, 0.03), 0px 24px 48px 0px rgba(18, 18, 23, 0.03), 0px 0px 0px 1px rgba(18, 18, 23, 0.1);
|
||||
--tblr-shadow-input: 0 1px 2px 0 color-mix(in oklab, var(--tblr-shadow-color) 12.5%, transparent);
|
||||
--tblr-shadow-card: 0 1px 2px 0 color-mix(in oklab, var(--tblr-shadow-color) 12.5%, transparent);
|
||||
--tblr-shadow-card-hover: 0px 4px 6px -2px color-mix(in oklab, var(--tblr-shadow-color) 12.5%, transparent), 0px 10px 15px -3px color-mix(in oklab, var(--tblr-shadow-color) 20%, transparent);
|
||||
--tblr-shadow-dropdown: 0px 2px 4px 0px color-mix(in oklab, var(--tblr-shadow-color) 10%, transparent), 0px 5px 8px 0px color-mix(in oklab, var(--tblr-shadow-color) 10%, transparent), 0px 10px 18px 0px color-mix(in oklab, var(--tblr-shadow-color) 7.5%, transparent), 0px 24px 48px 0px color-mix(in oklab, var(--tblr-shadow-color) 7.5%, transparent), 0px 0px 0px 1px color-mix(in oklab, var(--tblr-shadow-color) 25%, transparent);
|
||||
/** Border radiuses */
|
||||
--tblr-border-radius-scale: 1;
|
||||
--tblr-border-radius-0: calc(0 * var(--tblr-border-radius-scale, 1));
|
||||
|
|
@ -440,10 +303,18 @@
|
|||
/** Backdrops */
|
||||
--tblr-backdrop-opacity: 0.32;
|
||||
--tblr-backdrop-bg: var(--tblr-bg-surface-dark);
|
||||
--tblr-backdrop-bg-dark: color-mix(in srgb, var(--tblr-color-dark), transparent var(--tblr-backdrop-opacity));
|
||||
--tblr-backdrop-bg-light: color-mix(in srgb, var(--tblr-color-light), transparent var(--tblr-backdrop-opacity));
|
||||
--tblr-backdrop-bg-dark: color-mix(in oklab, var(--tblr-dark) calc(var(--tblr-backdrop-opacity) * 100%), transparent);
|
||||
--tblr-backdrop-bg-light: color-mix(in oklab, var(--tblr-light) calc(var(--tblr-backdrop-opacity) * 100%), transparent);
|
||||
--tblr-backdrop-blur: 4px;
|
||||
--tblr-backdrop-filter: blur(var(--tblr-backdrop-blur));
|
||||
}
|
||||
|
||||
[dir=ltr] {
|
||||
--tblr-dir: 1;
|
||||
}
|
||||
|
||||
[dir=rtl] {
|
||||
--tblr-dir: -1;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=tabler-props.css.map */
|
||||
2
storage/public/dist/css/tabler-props.css.map
vendored
2
storage/public/dist/css/tabler-props.css.map
vendored
File diff suppressed because one or more lines are too long
319
storage/public/dist/css/tabler-props.rtl.css
vendored
Normal file
319
storage/public/dist/css/tabler-props.rtl.css
vendored
Normal file
|
|
@ -0,0 +1,319 @@
|
|||
/**
|
||||
* Converts a given value to a percentage string.
|
||||
*
|
||||
* @param {Number} $value - The value to be converted to a percentage.
|
||||
* @return {String} - The percentage representation of the value.
|
||||
*/
|
||||
/**
|
||||
* Generates a transparent version of the given color.
|
||||
*
|
||||
* @param {Color} $color - The base color to be made transparent.
|
||||
* @param {Number} $alpha - The level of transparency, ranging from 0 (fully transparent) to 1 (fully opaque). Default is 1.
|
||||
* @return {Color} - The resulting color with the specified transparency.
|
||||
*
|
||||
* Mixes in `oklab` so tints against an opaque background (e.g. alert backgrounds
|
||||
* over `--bg-surface`) stay perceptually even; mixing with `transparent` gives
|
||||
* the same result in every color space.
|
||||
*/
|
||||
:root,
|
||||
:host {
|
||||
/** Direction multiplier for physical transforms (1 = LTR, -1 = RTL) */
|
||||
--tblr-dir: 1;
|
||||
/** Fonts */
|
||||
--tblr-font-monospace: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
|
||||
--tblr-font-sans-serif: system-ui, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
|
||||
--tblr-font-serif: Georgia, Times New Roman, times, serif;
|
||||
--tblr-font-comic: Comic Sans MS, Comic Sans, Chalkboard SE, Comic Neue, sans-serif, cursive;
|
||||
/** Gray colors */
|
||||
--tblr-gray-50: oklch(98.46% 0.0017 247.84deg);
|
||||
--tblr-gray-100: oklch(96.7% 0.0029 264.54deg);
|
||||
--tblr-gray-200: oklch(92.76% 0.0058 264.53deg);
|
||||
--tblr-gray-300: oklch(87.17% 0.0093 258.34deg);
|
||||
--tblr-gray-400: oklch(71.37% 0.0192 261.32deg);
|
||||
--tblr-gray-500: oklch(55.1% 0.0234 264.36deg);
|
||||
--tblr-gray-600: oklch(44.61% 0.0263 256.8deg);
|
||||
--tblr-gray-700: oklch(37.29% 0.0306 259.73deg);
|
||||
--tblr-gray-800: oklch(27.81% 0.0296 256.85deg);
|
||||
--tblr-gray-900: oklch(21.01% 0.0318 264.66deg);
|
||||
--tblr-gray-950: oklch(12.96% 0.0274 261.69deg);
|
||||
--tblr-white: #fff;
|
||||
--tblr-white-lt: color-mix(in oklab, var(--tblr-white) 10%, transparent);
|
||||
--tblr-black: #000;
|
||||
--tblr-black-lt: color-mix(in oklab, var(--tblr-black) 10%, transparent);
|
||||
--tblr-gray-lt: color-mix(in oklab, var(--tblr-gray) 10%, transparent);
|
||||
--tblr-gray-dark-lt: color-mix(in oklab, var(--tblr-gray-dark) 10%, transparent);
|
||||
--tblr-dark: oklch(27.81% 0.0296 256.85deg);
|
||||
--tblr-light: oklch(98.46% 0.0017 247.84deg);
|
||||
/** Brand colors */
|
||||
--tblr-brand: oklch(54.6% 0.1724 254.2deg);
|
||||
/** Theme colors */
|
||||
--tblr-primary: oklch(54.6% 0.1724 254.2deg);
|
||||
--tblr-primary-fg: var(--tblr-light);
|
||||
--tblr-primary-darken: color-mix(in oklab, var(--tblr-primary), transparent 20%);
|
||||
--tblr-primary-lt: color-mix(in oklab, var(--tblr-primary) 10%, transparent);
|
||||
--tblr-primary-200: color-mix(in oklab, var(--tblr-primary) 20%, transparent);
|
||||
--tblr-secondary: oklch(55.1% 0.0234 264.36deg);
|
||||
--tblr-secondary-fg: var(--tblr-light);
|
||||
--tblr-secondary-darken: color-mix(in oklab, var(--tblr-secondary), transparent 20%);
|
||||
--tblr-secondary-lt: color-mix(in oklab, var(--tblr-secondary) 10%, transparent);
|
||||
--tblr-secondary-200: color-mix(in oklab, var(--tblr-secondary) 20%, transparent);
|
||||
--tblr-success: oklch(67.38% 0.1885 145.43deg);
|
||||
--tblr-success-fg: var(--tblr-light);
|
||||
--tblr-success-darken: color-mix(in oklab, var(--tblr-success), transparent 20%);
|
||||
--tblr-success-lt: color-mix(in oklab, var(--tblr-success) 10%, transparent);
|
||||
--tblr-success-200: color-mix(in oklab, var(--tblr-success) 20%, transparent);
|
||||
--tblr-info: oklch(66.26% 0.1358 246.81deg);
|
||||
--tblr-info-fg: var(--tblr-light);
|
||||
--tblr-info-darken: color-mix(in oklab, var(--tblr-info), transparent 20%);
|
||||
--tblr-info-lt: color-mix(in oklab, var(--tblr-info) 10%, transparent);
|
||||
--tblr-info-200: color-mix(in oklab, var(--tblr-info) 20%, transparent);
|
||||
--tblr-warning: oklch(77.02% 0.1658 71.02deg);
|
||||
--tblr-warning-fg: var(--tblr-light);
|
||||
--tblr-warning-darken: color-mix(in oklab, var(--tblr-warning), transparent 20%);
|
||||
--tblr-warning-lt: color-mix(in oklab, var(--tblr-warning) 10%, transparent);
|
||||
--tblr-warning-200: color-mix(in oklab, var(--tblr-warning) 20%, transparent);
|
||||
--tblr-danger: oklch(58.29% 0.1941 25.59deg);
|
||||
--tblr-danger-fg: var(--tblr-light);
|
||||
--tblr-danger-darken: color-mix(in oklab, var(--tblr-danger), transparent 20%);
|
||||
--tblr-danger-lt: color-mix(in oklab, var(--tblr-danger) 10%, transparent);
|
||||
--tblr-danger-200: color-mix(in oklab, var(--tblr-danger) 20%, transparent);
|
||||
--tblr-light: oklch(98.46% 0.0017 247.84deg);
|
||||
--tblr-light-fg: var(--tblr-dark);
|
||||
--tblr-light-darken: color-mix(in oklab, var(--tblr-light), transparent 20%);
|
||||
--tblr-light-lt: color-mix(in oklab, var(--tblr-light) 10%, transparent);
|
||||
--tblr-light-200: color-mix(in oklab, var(--tblr-light) 20%, transparent);
|
||||
--tblr-dark: oklch(27.81% 0.0296 256.85deg);
|
||||
--tblr-dark-fg: var(--tblr-light);
|
||||
--tblr-dark-darken: color-mix(in oklab, var(--tblr-dark), transparent 20%);
|
||||
--tblr-dark-lt: color-mix(in oklab, var(--tblr-dark) 10%, transparent);
|
||||
--tblr-dark-200: color-mix(in oklab, var(--tblr-dark) 20%, transparent);
|
||||
--tblr-muted: oklch(55.1% 0.0234 264.36deg);
|
||||
--tblr-muted-fg: var(--tblr-light);
|
||||
--tblr-muted-darken: color-mix(in oklab, var(--tblr-muted), transparent 20%);
|
||||
--tblr-muted-lt: color-mix(in oklab, var(--tblr-muted) 10%, transparent);
|
||||
--tblr-muted-200: color-mix(in oklab, var(--tblr-muted) 20%, transparent);
|
||||
--tblr-blue: oklch(54.6% 0.1724 254.2deg);
|
||||
--tblr-blue-fg: var(--tblr-light);
|
||||
--tblr-blue-darken: color-mix(in oklab, var(--tblr-blue), transparent 20%);
|
||||
--tblr-blue-lt: color-mix(in oklab, var(--tblr-blue) 10%, transparent);
|
||||
--tblr-blue-200: color-mix(in oklab, var(--tblr-blue) 20%, transparent);
|
||||
--tblr-azure: oklch(66.26% 0.1358 246.81deg);
|
||||
--tblr-azure-fg: var(--tblr-light);
|
||||
--tblr-azure-darken: color-mix(in oklab, var(--tblr-azure), transparent 20%);
|
||||
--tblr-azure-lt: color-mix(in oklab, var(--tblr-azure) 10%, transparent);
|
||||
--tblr-azure-200: color-mix(in oklab, var(--tblr-azure) 20%, transparent);
|
||||
--tblr-indigo: oklch(55.66% 0.2082 268.35deg);
|
||||
--tblr-indigo-fg: var(--tblr-light);
|
||||
--tblr-indigo-darken: color-mix(in oklab, var(--tblr-indigo), transparent 20%);
|
||||
--tblr-indigo-lt: color-mix(in oklab, var(--tblr-indigo) 10%, transparent);
|
||||
--tblr-indigo-200: color-mix(in oklab, var(--tblr-indigo) 20%, transparent);
|
||||
--tblr-purple: oklch(57.83% 0.2186 319.15deg);
|
||||
--tblr-purple-fg: var(--tblr-light);
|
||||
--tblr-purple-darken: color-mix(in oklab, var(--tblr-purple), transparent 20%);
|
||||
--tblr-purple-lt: color-mix(in oklab, var(--tblr-purple) 10%, transparent);
|
||||
--tblr-purple-200: color-mix(in oklab, var(--tblr-purple) 20%, transparent);
|
||||
--tblr-pink: oklch(58.81% 0.201 5.25deg);
|
||||
--tblr-pink-fg: var(--tblr-light);
|
||||
--tblr-pink-darken: color-mix(in oklab, var(--tblr-pink), transparent 20%);
|
||||
--tblr-pink-lt: color-mix(in oklab, var(--tblr-pink) 10%, transparent);
|
||||
--tblr-pink-200: color-mix(in oklab, var(--tblr-pink) 20%, transparent);
|
||||
--tblr-red: oklch(58.29% 0.1941 25.59deg);
|
||||
--tblr-red-fg: var(--tblr-light);
|
||||
--tblr-red-darken: color-mix(in oklab, var(--tblr-red), transparent 20%);
|
||||
--tblr-red-lt: color-mix(in oklab, var(--tblr-red) 10%, transparent);
|
||||
--tblr-red-200: color-mix(in oklab, var(--tblr-red) 20%, transparent);
|
||||
--tblr-orange: oklch(68.51% 0.1954 44.57deg);
|
||||
--tblr-orange-fg: var(--tblr-light);
|
||||
--tblr-orange-darken: color-mix(in oklab, var(--tblr-orange), transparent 20%);
|
||||
--tblr-orange-lt: color-mix(in oklab, var(--tblr-orange) 10%, transparent);
|
||||
--tblr-orange-200: color-mix(in oklab, var(--tblr-orange) 20%, transparent);
|
||||
--tblr-yellow: oklch(77.02% 0.1658 71.02deg);
|
||||
--tblr-yellow-fg: var(--tblr-light);
|
||||
--tblr-yellow-darken: color-mix(in oklab, var(--tblr-yellow), transparent 20%);
|
||||
--tblr-yellow-lt: color-mix(in oklab, var(--tblr-yellow) 10%, transparent);
|
||||
--tblr-yellow-200: color-mix(in oklab, var(--tblr-yellow) 20%, transparent);
|
||||
--tblr-lime: oklch(70.99% 0.1897 131.53deg);
|
||||
--tblr-lime-fg: var(--tblr-light);
|
||||
--tblr-lime-darken: color-mix(in oklab, var(--tblr-lime), transparent 20%);
|
||||
--tblr-lime-lt: color-mix(in oklab, var(--tblr-lime) 10%, transparent);
|
||||
--tblr-lime-200: color-mix(in oklab, var(--tblr-lime) 20%, transparent);
|
||||
--tblr-green: oklch(67.38% 0.1885 145.43deg);
|
||||
--tblr-green-fg: var(--tblr-light);
|
||||
--tblr-green-darken: color-mix(in oklab, var(--tblr-green), transparent 20%);
|
||||
--tblr-green-lt: color-mix(in oklab, var(--tblr-green) 10%, transparent);
|
||||
--tblr-green-200: color-mix(in oklab, var(--tblr-green) 20%, transparent);
|
||||
--tblr-teal: oklch(64.32% 0.1338 164.7deg);
|
||||
--tblr-teal-fg: var(--tblr-light);
|
||||
--tblr-teal-darken: color-mix(in oklab, var(--tblr-teal), transparent 20%);
|
||||
--tblr-teal-lt: color-mix(in oklab, var(--tblr-teal) 10%, transparent);
|
||||
--tblr-teal-200: color-mix(in oklab, var(--tblr-teal) 20%, transparent);
|
||||
--tblr-cyan: oklch(65.52% 0.1105 212.17deg);
|
||||
--tblr-cyan-fg: var(--tblr-light);
|
||||
--tblr-cyan-darken: color-mix(in oklab, var(--tblr-cyan), transparent 20%);
|
||||
--tblr-cyan-lt: color-mix(in oklab, var(--tblr-cyan) 10%, transparent);
|
||||
--tblr-cyan-200: color-mix(in oklab, var(--tblr-cyan) 20%, transparent);
|
||||
--tblr-x: #000;
|
||||
--tblr-x-fg: var(--tblr-light);
|
||||
--tblr-x-darken: color-mix(in oklab, var(--tblr-x), transparent 20%);
|
||||
--tblr-x-lt: color-mix(in oklab, var(--tblr-x) 10%, transparent);
|
||||
--tblr-x-200: color-mix(in oklab, var(--tblr-x) 20%, transparent);
|
||||
--tblr-facebook: #0866ff;
|
||||
--tblr-facebook-fg: var(--tblr-light);
|
||||
--tblr-facebook-darken: color-mix(in oklab, var(--tblr-facebook), transparent 20%);
|
||||
--tblr-facebook-lt: color-mix(in oklab, var(--tblr-facebook) 10%, transparent);
|
||||
--tblr-facebook-200: color-mix(in oklab, var(--tblr-facebook) 20%, transparent);
|
||||
--tblr-twitter: #1da1f2;
|
||||
--tblr-twitter-fg: var(--tblr-light);
|
||||
--tblr-twitter-darken: color-mix(in oklab, var(--tblr-twitter), transparent 20%);
|
||||
--tblr-twitter-lt: color-mix(in oklab, var(--tblr-twitter) 10%, transparent);
|
||||
--tblr-twitter-200: color-mix(in oklab, var(--tblr-twitter) 20%, transparent);
|
||||
--tblr-linkedin: #0a66c2;
|
||||
--tblr-linkedin-fg: var(--tblr-light);
|
||||
--tblr-linkedin-darken: color-mix(in oklab, var(--tblr-linkedin), transparent 20%);
|
||||
--tblr-linkedin-lt: color-mix(in oklab, var(--tblr-linkedin) 10%, transparent);
|
||||
--tblr-linkedin-200: color-mix(in oklab, var(--tblr-linkedin) 20%, transparent);
|
||||
--tblr-google: #4285f4;
|
||||
--tblr-google-fg: var(--tblr-light);
|
||||
--tblr-google-darken: color-mix(in oklab, var(--tblr-google), transparent 20%);
|
||||
--tblr-google-lt: color-mix(in oklab, var(--tblr-google) 10%, transparent);
|
||||
--tblr-google-200: color-mix(in oklab, var(--tblr-google) 20%, transparent);
|
||||
--tblr-youtube: #f00;
|
||||
--tblr-youtube-fg: var(--tblr-light);
|
||||
--tblr-youtube-darken: color-mix(in oklab, var(--tblr-youtube), transparent 20%);
|
||||
--tblr-youtube-lt: color-mix(in oklab, var(--tblr-youtube) 10%, transparent);
|
||||
--tblr-youtube-200: color-mix(in oklab, var(--tblr-youtube) 20%, transparent);
|
||||
--tblr-vimeo: #1ab7ea;
|
||||
--tblr-vimeo-fg: var(--tblr-light);
|
||||
--tblr-vimeo-darken: color-mix(in oklab, var(--tblr-vimeo), transparent 20%);
|
||||
--tblr-vimeo-lt: color-mix(in oklab, var(--tblr-vimeo) 10%, transparent);
|
||||
--tblr-vimeo-200: color-mix(in oklab, var(--tblr-vimeo) 20%, transparent);
|
||||
--tblr-dribbble: #ea4c89;
|
||||
--tblr-dribbble-fg: var(--tblr-light);
|
||||
--tblr-dribbble-darken: color-mix(in oklab, var(--tblr-dribbble), transparent 20%);
|
||||
--tblr-dribbble-lt: color-mix(in oklab, var(--tblr-dribbble) 10%, transparent);
|
||||
--tblr-dribbble-200: color-mix(in oklab, var(--tblr-dribbble) 20%, transparent);
|
||||
--tblr-github: #181717;
|
||||
--tblr-github-fg: var(--tblr-light);
|
||||
--tblr-github-darken: color-mix(in oklab, var(--tblr-github), transparent 20%);
|
||||
--tblr-github-lt: color-mix(in oklab, var(--tblr-github) 10%, transparent);
|
||||
--tblr-github-200: color-mix(in oklab, var(--tblr-github) 20%, transparent);
|
||||
--tblr-instagram: #ff0069;
|
||||
--tblr-instagram-fg: var(--tblr-light);
|
||||
--tblr-instagram-darken: color-mix(in oklab, var(--tblr-instagram), transparent 20%);
|
||||
--tblr-instagram-lt: color-mix(in oklab, var(--tblr-instagram) 10%, transparent);
|
||||
--tblr-instagram-200: color-mix(in oklab, var(--tblr-instagram) 20%, transparent);
|
||||
--tblr-pinterest: #bd081c;
|
||||
--tblr-pinterest-fg: var(--tblr-light);
|
||||
--tblr-pinterest-darken: color-mix(in oklab, var(--tblr-pinterest), transparent 20%);
|
||||
--tblr-pinterest-lt: color-mix(in oklab, var(--tblr-pinterest) 10%, transparent);
|
||||
--tblr-pinterest-200: color-mix(in oklab, var(--tblr-pinterest) 20%, transparent);
|
||||
--tblr-vk: #07f;
|
||||
--tblr-vk-fg: var(--tblr-light);
|
||||
--tblr-vk-darken: color-mix(in oklab, var(--tblr-vk), transparent 20%);
|
||||
--tblr-vk-lt: color-mix(in oklab, var(--tblr-vk) 10%, transparent);
|
||||
--tblr-vk-200: color-mix(in oklab, var(--tblr-vk) 20%, transparent);
|
||||
--tblr-rss: #ffa500;
|
||||
--tblr-rss-fg: var(--tblr-dark);
|
||||
--tblr-rss-darken: color-mix(in oklab, var(--tblr-rss), transparent 20%);
|
||||
--tblr-rss-lt: color-mix(in oklab, var(--tblr-rss) 10%, transparent);
|
||||
--tblr-rss-200: color-mix(in oklab, var(--tblr-rss) 20%, transparent);
|
||||
--tblr-flickr: #0063dc;
|
||||
--tblr-flickr-fg: var(--tblr-light);
|
||||
--tblr-flickr-darken: color-mix(in oklab, var(--tblr-flickr), transparent 20%);
|
||||
--tblr-flickr-lt: color-mix(in oklab, var(--tblr-flickr) 10%, transparent);
|
||||
--tblr-flickr-200: color-mix(in oklab, var(--tblr-flickr) 20%, transparent);
|
||||
--tblr-bitbucket: #0052cc;
|
||||
--tblr-bitbucket-fg: var(--tblr-light);
|
||||
--tblr-bitbucket-darken: color-mix(in oklab, var(--tblr-bitbucket), transparent 20%);
|
||||
--tblr-bitbucket-lt: color-mix(in oklab, var(--tblr-bitbucket) 10%, transparent);
|
||||
--tblr-bitbucket-200: color-mix(in oklab, var(--tblr-bitbucket) 20%, transparent);
|
||||
--tblr-tabler: #066fd1;
|
||||
--tblr-tabler-fg: var(--tblr-light);
|
||||
--tblr-tabler-darken: color-mix(in oklab, var(--tblr-tabler), transparent 20%);
|
||||
--tblr-tabler-lt: color-mix(in oklab, var(--tblr-tabler) 10%, transparent);
|
||||
--tblr-tabler-200: color-mix(in oklab, var(--tblr-tabler) 20%, transparent);
|
||||
/** Gray colors */
|
||||
--tblr-gray-50-fg: var(--tblr-gray-50);
|
||||
--tblr-gray-100-fg: var(--tblr-gray-100);
|
||||
--tblr-gray-200-fg: var(--tblr-gray-200);
|
||||
--tblr-gray-300-fg: var(--tblr-gray-300);
|
||||
--tblr-gray-400-fg: var(--tblr-gray-400);
|
||||
--tblr-gray-500-fg: var(--tblr-gray-500);
|
||||
--tblr-gray-600-fg: var(--tblr-gray-600);
|
||||
--tblr-gray-700-fg: var(--tblr-gray-700);
|
||||
--tblr-gray-800-fg: var(--tblr-gray-800);
|
||||
--tblr-gray-900-fg: var(--tblr-gray-900);
|
||||
--tblr-gray-950-fg: var(--tblr-gray-950);
|
||||
/** Spacers */
|
||||
--tblr-spacer-0: 0;
|
||||
--tblr-spacer-1: 0.25rem;
|
||||
--tblr-spacer-2: 0.5rem;
|
||||
--tblr-spacer-3: 1rem;
|
||||
--tblr-spacer-4: 1.5rem;
|
||||
--tblr-spacer-5: 2rem;
|
||||
--tblr-spacer-6: 2.5rem;
|
||||
/** Font sizes */
|
||||
--tblr-font-weight-light: 300;
|
||||
--tblr-font-weight-normal: 400;
|
||||
--tblr-font-weight-medium: 500;
|
||||
--tblr-font-weight-semibold: 600;
|
||||
--tblr-font-weight-bold: 700;
|
||||
--tblr-font-weight-headings: var(--tblr-font-weight-semibold);
|
||||
--tblr-font-size-h1: 1.5rem;
|
||||
--tblr-font-size-h2: 1.25rem;
|
||||
--tblr-font-size-h3: 1rem;
|
||||
--tblr-font-size-h4: 0.875rem;
|
||||
--tblr-font-size-h5: 0.75rem;
|
||||
--tblr-font-size-h6: 0.625rem;
|
||||
--tblr-line-height-h1: 2rem;
|
||||
--tblr-line-height-h2: 1.75rem;
|
||||
--tblr-line-height-h3: 1.5rem;
|
||||
--tblr-line-height-h4: 1.25rem;
|
||||
--tblr-line-height-h5: 1rem;
|
||||
--tblr-line-height-h6: 1rem;
|
||||
--tblr-line-height-base: 1.4285714286;
|
||||
--tblr-line-height-sm: 1.1428571429;
|
||||
--tblr-line-height-lg: 1.7142857143;
|
||||
--tblr-line-height-xl: 2;
|
||||
/** Shadows */
|
||||
--tblr-shadow-color: light-dark(rgba(18, 18, 23, 0.4), #000);
|
||||
--tblr-shadow: 0px 2px 4px -1px color-mix(in oklab, var(--tblr-shadow-color) 15%, transparent), 0px 4px 6px -1px color-mix(in oklab, var(--tblr-shadow-color) 20%, transparent);
|
||||
--tblr-shadow-xs: 0 1px 2px 0 color-mix(in oklab, var(--tblr-shadow-color) 12.5%, transparent);
|
||||
--tblr-shadow-sm: 0 1px 3px 0 color-mix(in oklab, var(--tblr-shadow-color) 25%, transparent), 0 1px 2px 0 color-mix(in oklab, var(--tblr-shadow-color) 15%, transparent);
|
||||
--tblr-shadow-md: 0px 2px 4px -1px color-mix(in oklab, var(--tblr-shadow-color) 15%, transparent), 0px 4px 6px -1px color-mix(in oklab, var(--tblr-shadow-color) 20%, transparent);
|
||||
--tblr-shadow-lg: 0px 4px 6px -2px color-mix(in oklab, var(--tblr-shadow-color) 12.5%, transparent), 0px 10px 15px -3px color-mix(in oklab, var(--tblr-shadow-color) 20%, transparent);
|
||||
--tblr-shadow-xl: 0px 10px 10px -5px color-mix(in oklab, var(--tblr-shadow-color) 10%, transparent), 0px 20px 25px -5px color-mix(in oklab, var(--tblr-shadow-color) 25%, transparent);
|
||||
--tblr-shadow-2xl: 0px 25px 50px -12px color-mix(in oklab, var(--tblr-shadow-color) 62.5%, transparent);
|
||||
--tblr-shadow-overlay: 0px 2px 4px 0px color-mix(in oklab, var(--tblr-shadow-color) 10%, transparent), 0px 5px 8px 0px color-mix(in oklab, var(--tblr-shadow-color) 10%, transparent), 0px 10px 18px 0px color-mix(in oklab, var(--tblr-shadow-color) 7.5%, transparent), 0px 24px 48px 0px color-mix(in oklab, var(--tblr-shadow-color) 7.5%, transparent), 0px 0px 0px 1px color-mix(in oklab, var(--tblr-shadow-color) 25%, transparent);
|
||||
--tblr-shadow-border: 0px 0px 0px 1px color-mix(in oklab, var(--tblr-shadow-color) 25%, transparent);
|
||||
--tblr-shadow-transparent: 0 0 0 0 transparent;
|
||||
--tblr-shadow-input: 0 1px 2px 0 color-mix(in oklab, var(--tblr-shadow-color) 12.5%, transparent);
|
||||
--tblr-shadow-card: 0 1px 2px 0 color-mix(in oklab, var(--tblr-shadow-color) 12.5%, transparent);
|
||||
--tblr-shadow-card-hover: 0px 4px 6px -2px color-mix(in oklab, var(--tblr-shadow-color) 12.5%, transparent), 0px 10px 15px -3px color-mix(in oklab, var(--tblr-shadow-color) 20%, transparent);
|
||||
--tblr-shadow-dropdown: 0px 2px 4px 0px color-mix(in oklab, var(--tblr-shadow-color) 10%, transparent), 0px 5px 8px 0px color-mix(in oklab, var(--tblr-shadow-color) 10%, transparent), 0px 10px 18px 0px color-mix(in oklab, var(--tblr-shadow-color) 7.5%, transparent), 0px 24px 48px 0px color-mix(in oklab, var(--tblr-shadow-color) 7.5%, transparent), 0px 0px 0px 1px color-mix(in oklab, var(--tblr-shadow-color) 25%, transparent);
|
||||
/** Border radiuses */
|
||||
--tblr-border-radius-scale: 1;
|
||||
--tblr-border-radius-0: calc(0 * var(--tblr-border-radius-scale, 1));
|
||||
--tblr-border-radius-xs: calc(2px * var(--tblr-border-radius-scale, 1));
|
||||
--tblr-border-radius-sm: calc(4px * var(--tblr-border-radius-scale, 1));
|
||||
--tblr-border-radius-md: calc(6px * var(--tblr-border-radius-scale, 1));
|
||||
--tblr-border-radius-lg: calc(8px * var(--tblr-border-radius-scale, 1));
|
||||
--tblr-border-radius-pill: calc(100rem * var(--tblr-border-radius-scale, 1));
|
||||
--tblr-border-radius: var(--tblr-border-radius-md);
|
||||
/** Backdrops */
|
||||
--tblr-backdrop-opacity: 0.32;
|
||||
--tblr-backdrop-bg: var(--tblr-bg-surface-dark);
|
||||
--tblr-backdrop-bg-dark: color-mix(in oklab, var(--tblr-dark) calc(var(--tblr-backdrop-opacity) * 100%), transparent);
|
||||
--tblr-backdrop-bg-light: color-mix(in oklab, var(--tblr-light) calc(var(--tblr-backdrop-opacity) * 100%), transparent);
|
||||
--tblr-backdrop-blur: 4px;
|
||||
--tblr-backdrop-filter: blur(var(--tblr-backdrop-blur));
|
||||
}
|
||||
|
||||
[dir=ltr] {
|
||||
--tblr-dir: 1;
|
||||
}
|
||||
|
||||
[dir=rtl] {
|
||||
--tblr-dir: -1;
|
||||
}
|
||||
/*# sourceMappingURL=tabler-props.rtl.css.map */
|
||||
1
storage/public/dist/css/tabler-props.rtl.css.map
vendored
Normal file
1
storage/public/dist/css/tabler-props.rtl.css.map
vendored
Normal file
File diff suppressed because one or more lines are too long
6
storage/public/dist/css/tabler-socials.css
vendored
6
storage/public/dist/css/tabler-socials.css
vendored
|
|
@ -10,14 +10,18 @@
|
|||
* @param {Color} $color - The base color to be made transparent.
|
||||
* @param {Number} $alpha - The level of transparency, ranging from 0 (fully transparent) to 1 (fully opaque). Default is 1.
|
||||
* @return {Color} - The resulting color with the specified transparency.
|
||||
*
|
||||
* Mixes in `oklab` so tints against an opaque background (e.g. alert backgrounds
|
||||
* over `--bg-surface`) stay perceptually even; mixing with `transparent` gives
|
||||
* the same result in every color space.
|
||||
*/
|
||||
.social {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
height: 2.5rem;
|
||||
aspect-ratio: 1;
|
||||
background: no-repeat center/cover;
|
||||
vertical-align: bottom;
|
||||
background: no-repeat center/cover;
|
||||
}
|
||||
|
||||
.social-app-apple {
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
229
storage/public/dist/css/tabler-socials.rtl.css
vendored
Normal file
229
storage/public/dist/css/tabler-socials.rtl.css
vendored
Normal file
|
|
@ -0,0 +1,229 @@
|
|||
/**
|
||||
* Converts a given value to a percentage string.
|
||||
*
|
||||
* @param {Number} $value - The value to be converted to a percentage.
|
||||
* @return {String} - The percentage representation of the value.
|
||||
*/
|
||||
/**
|
||||
* Generates a transparent version of the given color.
|
||||
*
|
||||
* @param {Color} $color - The base color to be made transparent.
|
||||
* @param {Number} $alpha - The level of transparency, ranging from 0 (fully transparent) to 1 (fully opaque). Default is 1.
|
||||
* @return {Color} - The resulting color with the specified transparency.
|
||||
*
|
||||
* Mixes in `oklab` so tints against an opaque background (e.g. alert backgrounds
|
||||
* over `--bg-surface`) stay perceptually even; mixing with `transparent` gives
|
||||
* the same result in every color space.
|
||||
*/
|
||||
.social {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
height: 2.5rem;
|
||||
aspect-ratio: 1;
|
||||
vertical-align: bottom;
|
||||
background: no-repeat center/cover;
|
||||
}
|
||||
|
||||
.social-app-apple {
|
||||
background-image: url("../img/social/apple.svg");
|
||||
}
|
||||
.social-app-apple.social-gray {
|
||||
background-image: url("../img/social/apple-gray.svg");
|
||||
}
|
||||
|
||||
.social-app-discord {
|
||||
background-image: url("../img/social/discord.svg");
|
||||
}
|
||||
.social-app-discord.social-gray {
|
||||
background-image: url("../img/social/discord-gray.svg");
|
||||
}
|
||||
|
||||
.social-app-dribbble {
|
||||
background-image: url("../img/social/dribbble.svg");
|
||||
}
|
||||
.social-app-dribbble.social-gray {
|
||||
background-image: url("../img/social/dribbble-gray.svg");
|
||||
}
|
||||
|
||||
.social-app-facebook {
|
||||
background-image: url("../img/social/facebook.svg");
|
||||
}
|
||||
.social-app-facebook.social-gray {
|
||||
background-image: url("../img/social/facebook-gray.svg");
|
||||
}
|
||||
|
||||
.social-app-figma {
|
||||
background-image: url("../img/social/figma.svg");
|
||||
}
|
||||
.social-app-figma.social-gray {
|
||||
background-image: url("../img/social/figma-gray.svg");
|
||||
}
|
||||
|
||||
.social-app-github {
|
||||
background-image: url("../img/social/github.svg");
|
||||
}
|
||||
.social-app-github.social-gray {
|
||||
background-image: url("../img/social/github-gray.svg");
|
||||
}
|
||||
|
||||
.social-app-google {
|
||||
background-image: url("../img/social/google.svg");
|
||||
}
|
||||
.social-app-google.social-gray {
|
||||
background-image: url("../img/social/google-gray.svg");
|
||||
}
|
||||
|
||||
.social-app-instagram {
|
||||
background-image: url("../img/social/instagram.svg");
|
||||
}
|
||||
.social-app-instagram.social-gray {
|
||||
background-image: url("../img/social/instagram-gray.svg");
|
||||
}
|
||||
|
||||
.social-app-linkedin {
|
||||
background-image: url("../img/social/linkedin.svg");
|
||||
}
|
||||
.social-app-linkedin.social-gray {
|
||||
background-image: url("../img/social/linkedin-gray.svg");
|
||||
}
|
||||
|
||||
.social-app-medium {
|
||||
background-image: url("../img/social/medium.svg");
|
||||
}
|
||||
.social-app-medium.social-gray {
|
||||
background-image: url("../img/social/medium-gray.svg");
|
||||
}
|
||||
|
||||
.social-app-meta {
|
||||
background-image: url("../img/social/meta.svg");
|
||||
}
|
||||
.social-app-meta.social-gray {
|
||||
background-image: url("../img/social/meta-gray.svg");
|
||||
}
|
||||
|
||||
.social-app-metamask {
|
||||
background-image: url("../img/social/metamask.svg");
|
||||
}
|
||||
.social-app-metamask.social-gray {
|
||||
background-image: url("../img/social/metamask-gray.svg");
|
||||
}
|
||||
|
||||
.social-app-pinterest {
|
||||
background-image: url("../img/social/pinterest.svg");
|
||||
}
|
||||
.social-app-pinterest.social-gray {
|
||||
background-image: url("../img/social/pinterest-gray.svg");
|
||||
}
|
||||
|
||||
.social-app-reddit {
|
||||
background-image: url("../img/social/reddit.svg");
|
||||
}
|
||||
.social-app-reddit.social-gray {
|
||||
background-image: url("../img/social/reddit-gray.svg");
|
||||
}
|
||||
|
||||
.social-app-signal {
|
||||
background-image: url("../img/social/signal.svg");
|
||||
}
|
||||
.social-app-signal.social-gray {
|
||||
background-image: url("../img/social/signal-gray.svg");
|
||||
}
|
||||
|
||||
.social-app-skype {
|
||||
background-image: url("../img/social/skype.svg");
|
||||
}
|
||||
.social-app-skype.social-gray {
|
||||
background-image: url("../img/social/skype-gray.svg");
|
||||
}
|
||||
|
||||
.social-app-snapchat {
|
||||
background-image: url("../img/social/snapchat.svg");
|
||||
}
|
||||
.social-app-snapchat.social-gray {
|
||||
background-image: url("../img/social/snapchat-gray.svg");
|
||||
}
|
||||
|
||||
.social-app-spotify {
|
||||
background-image: url("../img/social/spotify.svg");
|
||||
}
|
||||
.social-app-spotify.social-gray {
|
||||
background-image: url("../img/social/spotify-gray.svg");
|
||||
}
|
||||
|
||||
.social-app-telegram {
|
||||
background-image: url("../img/social/telegram.svg");
|
||||
}
|
||||
.social-app-telegram.social-gray {
|
||||
background-image: url("../img/social/telegram-gray.svg");
|
||||
}
|
||||
|
||||
.social-app-tiktok {
|
||||
background-image: url("../img/social/tiktok.svg");
|
||||
}
|
||||
.social-app-tiktok.social-gray {
|
||||
background-image: url("../img/social/tiktok-gray.svg");
|
||||
}
|
||||
|
||||
.social-app-tumblr {
|
||||
background-image: url("../img/social/tumblr.svg");
|
||||
}
|
||||
.social-app-tumblr.social-gray {
|
||||
background-image: url("../img/social/tumblr-gray.svg");
|
||||
}
|
||||
|
||||
.social-app-twitch {
|
||||
background-image: url("../img/social/twitch.svg");
|
||||
}
|
||||
.social-app-twitch.social-gray {
|
||||
background-image: url("../img/social/twitch-gray.svg");
|
||||
}
|
||||
|
||||
.social-app-vk {
|
||||
background-image: url("../img/social/vk.svg");
|
||||
}
|
||||
.social-app-vk.social-gray {
|
||||
background-image: url("../img/social/vk-gray.svg");
|
||||
}
|
||||
|
||||
.social-app-x {
|
||||
background-image: url("../img/social/x.svg");
|
||||
}
|
||||
.social-app-x.social-gray {
|
||||
background-image: url("../img/social/x-gray.svg");
|
||||
}
|
||||
|
||||
.social-app-youtube {
|
||||
background-image: url("../img/social/youtube.svg");
|
||||
}
|
||||
.social-app-youtube.social-gray {
|
||||
background-image: url("../img/social/youtube-gray.svg");
|
||||
}
|
||||
|
||||
.social-xxs {
|
||||
height: 1rem;
|
||||
}
|
||||
|
||||
.social-xs {
|
||||
height: 1.25rem;
|
||||
}
|
||||
|
||||
.social-sm {
|
||||
height: 2rem;
|
||||
}
|
||||
|
||||
.social-md {
|
||||
height: 2.5rem;
|
||||
}
|
||||
|
||||
.social-lg {
|
||||
height: 3rem;
|
||||
}
|
||||
|
||||
.social-xl {
|
||||
height: 5rem;
|
||||
}
|
||||
|
||||
.social-2xl {
|
||||
height: 7rem;
|
||||
}
|
||||
/*# sourceMappingURL=tabler-socials.rtl.css.map */
|
||||
1
storage/public/dist/css/tabler-socials.rtl.css.map
vendored
Normal file
1
storage/public/dist/css/tabler-socials.rtl.css.map
vendored
Normal file
File diff suppressed because one or more lines are too long
176
storage/public/dist/css/tabler-themes.css
vendored
176
storage/public/dist/css/tabler-themes.css
vendored
|
|
@ -10,167 +10,159 @@
|
|||
* @param {Color} $color - The base color to be made transparent.
|
||||
* @param {Number} $alpha - The level of transparency, ranging from 0 (fully transparent) to 1 (fully opaque). Default is 1.
|
||||
* @return {Color} - The resulting color with the specified transparency.
|
||||
*
|
||||
* Mixes in `oklab` so tints against an opaque background (e.g. alert backgrounds
|
||||
* over `--bg-surface`) stay perceptually even; mixing with `transparent` gives
|
||||
* the same result in every color space.
|
||||
*/
|
||||
[data-bs-theme-base=slate],
|
||||
[data-theme-base=slate] {
|
||||
--tblr-gray-50: #f8fafc;
|
||||
--tblr-gray-100: #f1f5f9;
|
||||
--tblr-gray-200: #e2e8f0;
|
||||
--tblr-gray-300: #cbd5e1;
|
||||
--tblr-gray-400: #94a3b8;
|
||||
--tblr-gray-500: #64748b;
|
||||
--tblr-gray-600: #475569;
|
||||
--tblr-gray-700: #334155;
|
||||
--tblr-gray-800: #1e293b;
|
||||
--tblr-gray-900: #0f172a;
|
||||
--tblr-gray-950: #020617;
|
||||
--tblr-gray-50: oklch(98.42% 0.0034 247.86deg);
|
||||
--tblr-gray-100: oklch(96.83% 0.0069 247.9deg);
|
||||
--tblr-gray-200: oklch(92.88% 0.0126 255.51deg);
|
||||
--tblr-gray-300: oklch(86.9% 0.0198 252.89deg);
|
||||
--tblr-gray-400: oklch(71.07% 0.0351 256.79deg);
|
||||
--tblr-gray-500: oklch(55.44% 0.0407 257.42deg);
|
||||
--tblr-gray-600: oklch(44.55% 0.0374 257.28deg);
|
||||
--tblr-gray-700: oklch(37.17% 0.0392 257.29deg);
|
||||
--tblr-gray-800: oklch(27.95% 0.0368 260.03deg);
|
||||
--tblr-gray-900: oklch(20.77% 0.0398 265.75deg);
|
||||
--tblr-gray-950: oklch(12.88% 0.0406 264.7deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-base=gray],
|
||||
[data-theme-base=gray] {
|
||||
--tblr-gray-50: #f9fafb;
|
||||
--tblr-gray-100: #f3f4f6;
|
||||
--tblr-gray-200: #e5e7eb;
|
||||
--tblr-gray-300: #d1d5db;
|
||||
--tblr-gray-400: #9ca3af;
|
||||
--tblr-gray-500: #6b7280;
|
||||
--tblr-gray-600: #4b5563;
|
||||
--tblr-gray-700: #374151;
|
||||
--tblr-gray-800: #1f2937;
|
||||
--tblr-gray-900: #111827;
|
||||
--tblr-gray-950: #030712;
|
||||
--tblr-gray-50: oklch(98.46% 0.0017 247.84deg);
|
||||
--tblr-gray-100: oklch(96.7% 0.0029 264.54deg);
|
||||
--tblr-gray-200: oklch(92.76% 0.0058 264.53deg);
|
||||
--tblr-gray-300: oklch(87.17% 0.0093 258.34deg);
|
||||
--tblr-gray-400: oklch(71.37% 0.0192 261.32deg);
|
||||
--tblr-gray-500: oklch(55.1% 0.0234 264.36deg);
|
||||
--tblr-gray-600: oklch(44.61% 0.0263 256.8deg);
|
||||
--tblr-gray-700: oklch(37.29% 0.0306 259.73deg);
|
||||
--tblr-gray-800: oklch(27.81% 0.0296 256.85deg);
|
||||
--tblr-gray-900: oklch(21.01% 0.0318 264.66deg);
|
||||
--tblr-gray-950: oklch(12.96% 0.0274 261.69deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-base=zinc],
|
||||
[data-theme-base=zinc] {
|
||||
--tblr-gray-50: #fafafa;
|
||||
--tblr-gray-100: #f4f4f5;
|
||||
--tblr-gray-200: #e4e4e7;
|
||||
--tblr-gray-300: #d4d4d8;
|
||||
--tblr-gray-400: #a1a1aa;
|
||||
--tblr-gray-500: #71717a;
|
||||
--tblr-gray-600: #52525b;
|
||||
--tblr-gray-700: #3f3f46;
|
||||
--tblr-gray-800: #27272a;
|
||||
--tblr-gray-900: #18181b;
|
||||
--tblr-gray-950: #09090b;
|
||||
--tblr-gray-50: oklch(98.51% 0 0deg);
|
||||
--tblr-gray-100: oklch(96.74% 0.0013 286.37deg);
|
||||
--tblr-gray-200: oklch(91.97% 0.004 286.32deg);
|
||||
--tblr-gray-300: oklch(87.11% 0.0055 286.29deg);
|
||||
--tblr-gray-400: oklch(71.18% 0.0129 286.07deg);
|
||||
--tblr-gray-500: oklch(55.17% 0.0138 285.94deg);
|
||||
--tblr-gray-600: oklch(44.19% 0.0146 285.79deg);
|
||||
--tblr-gray-700: oklch(37.03% 0.0119 285.81deg);
|
||||
--tblr-gray-800: oklch(27.39% 0.0055 286.03deg);
|
||||
--tblr-gray-900: oklch(21.03% 0.0059 285.89deg);
|
||||
--tblr-gray-950: oklch(14.08% 0.0044 285.82deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-base=neutral],
|
||||
[data-theme-base=neutral] {
|
||||
--tblr-gray-50: #fafafa;
|
||||
--tblr-gray-100: #f5f5f5;
|
||||
--tblr-gray-200: #e5e5e5;
|
||||
--tblr-gray-300: #d4d4d4;
|
||||
--tblr-gray-400: #a3a3a3;
|
||||
--tblr-gray-500: #737373;
|
||||
--tblr-gray-600: #525252;
|
||||
--tblr-gray-700: #404040;
|
||||
--tblr-gray-800: #262626;
|
||||
--tblr-gray-900: #171717;
|
||||
--tblr-gray-950: #0a0a0a;
|
||||
--tblr-gray-50: oklch(98.51% 0 0deg);
|
||||
--tblr-gray-100: oklch(97.02% 0 0deg);
|
||||
--tblr-gray-200: oklch(92.19% 0 0deg);
|
||||
--tblr-gray-300: oklch(86.99% 0 0deg);
|
||||
--tblr-gray-400: oklch(71.55% 0 0deg);
|
||||
--tblr-gray-500: oklch(55.55% 0 0deg);
|
||||
--tblr-gray-600: oklch(43.86% 0 0deg);
|
||||
--tblr-gray-700: oklch(37.15% 0 0deg);
|
||||
--tblr-gray-800: oklch(26.86% 0 0deg);
|
||||
--tblr-gray-900: oklch(20.46% 0 0deg);
|
||||
--tblr-gray-950: oklch(14.48% 0 0deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-base=stone],
|
||||
[data-theme-base=stone] {
|
||||
--tblr-gray-50: #fafaf9;
|
||||
--tblr-gray-100: #f5f5f4;
|
||||
--tblr-gray-200: #e7e5e4;
|
||||
--tblr-gray-300: #d6d3d1;
|
||||
--tblr-gray-400: #a8a29e;
|
||||
--tblr-gray-500: #78716c;
|
||||
--tblr-gray-600: #57534e;
|
||||
--tblr-gray-700: #44403c;
|
||||
--tblr-gray-800: #292524;
|
||||
--tblr-gray-900: #1c1917;
|
||||
--tblr-gray-950: #0c0a09;
|
||||
--tblr-gray-50: oklch(98.48% 0.0013 106.42deg);
|
||||
--tblr-gray-100: oklch(96.99% 0.0013 106.42deg);
|
||||
--tblr-gray-200: oklch(92.32% 0.0026 48.72deg);
|
||||
--tblr-gray-300: oklch(86.87% 0.0043 56.37deg);
|
||||
--tblr-gray-400: oklch(71.61% 0.0091 56.26deg);
|
||||
--tblr-gray-500: oklch(55.34% 0.0116 58.07deg);
|
||||
--tblr-gray-600: oklch(44.44% 0.0096 73.64deg);
|
||||
--tblr-gray-700: oklch(37.41% 0.0087 67.56deg);
|
||||
--tblr-gray-800: oklch(26.85% 0.0063 34.3deg);
|
||||
--tblr-gray-900: oklch(21.61% 0.0061 56.04deg);
|
||||
--tblr-gray-950: oklch(14.69% 0.0041 49.25deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-base=pink],
|
||||
[data-theme-base=pink] {
|
||||
--tblr-gray-50: #fdf2f8;
|
||||
--tblr-gray-100: #fce7f3;
|
||||
--tblr-gray-200: #fbcfe8;
|
||||
--tblr-gray-300: #f9a8d4;
|
||||
--tblr-gray-400: #f472b6;
|
||||
--tblr-gray-500: #ec4899;
|
||||
--tblr-gray-600: #db2777;
|
||||
--tblr-gray-700: #be185d;
|
||||
--tblr-gray-800: #9d174d;
|
||||
--tblr-gray-900: #831843;
|
||||
--tblr-gray-950: #500724;
|
||||
--tblr-gray-50: oklch(97.14% 0.0141 343.2deg);
|
||||
--tblr-gray-100: oklch(94.82% 0.0276 342.26deg);
|
||||
--tblr-gray-200: oklch(89.94% 0.0589 343.23deg);
|
||||
--tblr-gray-300: oklch(82.28% 0.1095 346.02deg);
|
||||
--tblr-gray-400: oklch(72.53% 0.1752 349.76deg);
|
||||
--tblr-gray-500: oklch(65.59% 0.2118 354.31deg);
|
||||
--tblr-gray-600: oklch(59.16% 0.218 0.58deg);
|
||||
--tblr-gray-700: oklch(52.46% 0.199 3.96deg);
|
||||
--tblr-gray-800: oklch(45.87% 0.1697 3.82deg);
|
||||
--tblr-gray-900: oklch(40.78% 0.1442 2.43deg);
|
||||
--tblr-gray-950: oklch(28.45% 0.1048 3.91deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=blue],
|
||||
[data-theme-primary=blue] {
|
||||
--tblr-primary: #066fd1;
|
||||
--tblr-primary-rgb: 6, 111, 209;
|
||||
--tblr-primary: oklch(54.6% 0.1724 254.2deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=azure],
|
||||
[data-theme-primary=azure] {
|
||||
--tblr-primary: #4299e1;
|
||||
--tblr-primary-rgb: 66, 153, 225;
|
||||
--tblr-primary: oklch(66.26% 0.1358 246.81deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=indigo],
|
||||
[data-theme-primary=indigo] {
|
||||
--tblr-primary: #4263eb;
|
||||
--tblr-primary-rgb: 66, 99, 235;
|
||||
--tblr-primary: oklch(55.66% 0.2082 268.35deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=purple],
|
||||
[data-theme-primary=purple] {
|
||||
--tblr-primary: #ae3ec9;
|
||||
--tblr-primary-rgb: 174, 62, 201;
|
||||
--tblr-primary: oklch(57.83% 0.2186 319.15deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=pink],
|
||||
[data-theme-primary=pink] {
|
||||
--tblr-primary: #d6336c;
|
||||
--tblr-primary-rgb: 214, 51, 108;
|
||||
--tblr-primary: oklch(58.81% 0.201 5.25deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=red],
|
||||
[data-theme-primary=red] {
|
||||
--tblr-primary: #d63939;
|
||||
--tblr-primary-rgb: 214, 57, 57;
|
||||
--tblr-primary: oklch(58.29% 0.1941 25.59deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=orange],
|
||||
[data-theme-primary=orange] {
|
||||
--tblr-primary: #f76707;
|
||||
--tblr-primary-rgb: 247, 103, 7;
|
||||
--tblr-primary: oklch(68.51% 0.1954 44.57deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=yellow],
|
||||
[data-theme-primary=yellow] {
|
||||
--tblr-primary: #f59f00;
|
||||
--tblr-primary-rgb: 245, 159, 0;
|
||||
--tblr-primary: oklch(77.02% 0.1658 71.02deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=lime],
|
||||
[data-theme-primary=lime] {
|
||||
--tblr-primary: #74b816;
|
||||
--tblr-primary-rgb: 116, 184, 22;
|
||||
--tblr-primary: oklch(70.99% 0.1897 131.53deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=green],
|
||||
[data-theme-primary=green] {
|
||||
--tblr-primary: #2fb344;
|
||||
--tblr-primary-rgb: 47, 179, 68;
|
||||
--tblr-primary: oklch(67.38% 0.1885 145.43deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=teal],
|
||||
[data-theme-primary=teal] {
|
||||
--tblr-primary: #0ca678;
|
||||
--tblr-primary-rgb: 12, 166, 120;
|
||||
--tblr-primary: oklch(64.32% 0.1338 164.7deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=cyan],
|
||||
[data-theme-primary=cyan] {
|
||||
--tblr-primary: #17a2b8;
|
||||
--tblr-primary-rgb: 23, 162, 184;
|
||||
--tblr-primary: oklch(65.52% 0.1105 212.17deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-radius="0"],
|
||||
|
|
@ -202,7 +194,6 @@
|
|||
[data-theme-primary=inverted] {
|
||||
--tblr-primary: var(--tblr-gray-800);
|
||||
--tblr-primary-fg: var(--tblr-light);
|
||||
--tblr-primary-rgb: 31, 41, 55;
|
||||
}
|
||||
[data-bs-theme-primary=inverted][data-bs-theme=dark],
|
||||
[data-bs-theme-primary=inverted] [data-bs-theme=dark], [data-bs-theme-primary=inverted][data-theme=dark],
|
||||
|
|
@ -211,9 +202,8 @@
|
|||
[data-theme-primary=inverted] [data-bs-theme=dark],
|
||||
[data-theme-primary=inverted][data-theme=dark],
|
||||
[data-theme-primary=inverted] [data-theme=dark] {
|
||||
--tblr-primary: #f9fafb;
|
||||
--tblr-primary: oklch(98.46% 0.0017 247.84deg);
|
||||
--tblr-primary-fg: var(--tblr-dark);
|
||||
--tblr-primary-rgb: 249, 250, 251;
|
||||
}
|
||||
|
||||
[data-bs-theme-font=monospace],
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
229
storage/public/dist/css/tabler-themes.rtl.css
vendored
Normal file
229
storage/public/dist/css/tabler-themes.rtl.css
vendored
Normal file
|
|
@ -0,0 +1,229 @@
|
|||
/**
|
||||
* Converts a given value to a percentage string.
|
||||
*
|
||||
* @param {Number} $value - The value to be converted to a percentage.
|
||||
* @return {String} - The percentage representation of the value.
|
||||
*/
|
||||
/**
|
||||
* Generates a transparent version of the given color.
|
||||
*
|
||||
* @param {Color} $color - The base color to be made transparent.
|
||||
* @param {Number} $alpha - The level of transparency, ranging from 0 (fully transparent) to 1 (fully opaque). Default is 1.
|
||||
* @return {Color} - The resulting color with the specified transparency.
|
||||
*
|
||||
* Mixes in `oklab` so tints against an opaque background (e.g. alert backgrounds
|
||||
* over `--bg-surface`) stay perceptually even; mixing with `transparent` gives
|
||||
* the same result in every color space.
|
||||
*/
|
||||
[data-bs-theme-base=slate],
|
||||
[data-theme-base=slate] {
|
||||
--tblr-gray-50: oklch(98.42% 0.0034 247.86deg);
|
||||
--tblr-gray-100: oklch(96.83% 0.0069 247.9deg);
|
||||
--tblr-gray-200: oklch(92.88% 0.0126 255.51deg);
|
||||
--tblr-gray-300: oklch(86.9% 0.0198 252.89deg);
|
||||
--tblr-gray-400: oklch(71.07% 0.0351 256.79deg);
|
||||
--tblr-gray-500: oklch(55.44% 0.0407 257.42deg);
|
||||
--tblr-gray-600: oklch(44.55% 0.0374 257.28deg);
|
||||
--tblr-gray-700: oklch(37.17% 0.0392 257.29deg);
|
||||
--tblr-gray-800: oklch(27.95% 0.0368 260.03deg);
|
||||
--tblr-gray-900: oklch(20.77% 0.0398 265.75deg);
|
||||
--tblr-gray-950: oklch(12.88% 0.0406 264.7deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-base=gray],
|
||||
[data-theme-base=gray] {
|
||||
--tblr-gray-50: oklch(98.46% 0.0017 247.84deg);
|
||||
--tblr-gray-100: oklch(96.7% 0.0029 264.54deg);
|
||||
--tblr-gray-200: oklch(92.76% 0.0058 264.53deg);
|
||||
--tblr-gray-300: oklch(87.17% 0.0093 258.34deg);
|
||||
--tblr-gray-400: oklch(71.37% 0.0192 261.32deg);
|
||||
--tblr-gray-500: oklch(55.1% 0.0234 264.36deg);
|
||||
--tblr-gray-600: oklch(44.61% 0.0263 256.8deg);
|
||||
--tblr-gray-700: oklch(37.29% 0.0306 259.73deg);
|
||||
--tblr-gray-800: oklch(27.81% 0.0296 256.85deg);
|
||||
--tblr-gray-900: oklch(21.01% 0.0318 264.66deg);
|
||||
--tblr-gray-950: oklch(12.96% 0.0274 261.69deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-base=zinc],
|
||||
[data-theme-base=zinc] {
|
||||
--tblr-gray-50: oklch(98.51% 0 0deg);
|
||||
--tblr-gray-100: oklch(96.74% 0.0013 286.37deg);
|
||||
--tblr-gray-200: oklch(91.97% 0.004 286.32deg);
|
||||
--tblr-gray-300: oklch(87.11% 0.0055 286.29deg);
|
||||
--tblr-gray-400: oklch(71.18% 0.0129 286.07deg);
|
||||
--tblr-gray-500: oklch(55.17% 0.0138 285.94deg);
|
||||
--tblr-gray-600: oklch(44.19% 0.0146 285.79deg);
|
||||
--tblr-gray-700: oklch(37.03% 0.0119 285.81deg);
|
||||
--tblr-gray-800: oklch(27.39% 0.0055 286.03deg);
|
||||
--tblr-gray-900: oklch(21.03% 0.0059 285.89deg);
|
||||
--tblr-gray-950: oklch(14.08% 0.0044 285.82deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-base=neutral],
|
||||
[data-theme-base=neutral] {
|
||||
--tblr-gray-50: oklch(98.51% 0 0deg);
|
||||
--tblr-gray-100: oklch(97.02% 0 0deg);
|
||||
--tblr-gray-200: oklch(92.19% 0 0deg);
|
||||
--tblr-gray-300: oklch(86.99% 0 0deg);
|
||||
--tblr-gray-400: oklch(71.55% 0 0deg);
|
||||
--tblr-gray-500: oklch(55.55% 0 0deg);
|
||||
--tblr-gray-600: oklch(43.86% 0 0deg);
|
||||
--tblr-gray-700: oklch(37.15% 0 0deg);
|
||||
--tblr-gray-800: oklch(26.86% 0 0deg);
|
||||
--tblr-gray-900: oklch(20.46% 0 0deg);
|
||||
--tblr-gray-950: oklch(14.48% 0 0deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-base=stone],
|
||||
[data-theme-base=stone] {
|
||||
--tblr-gray-50: oklch(98.48% 0.0013 106.42deg);
|
||||
--tblr-gray-100: oklch(96.99% 0.0013 106.42deg);
|
||||
--tblr-gray-200: oklch(92.32% 0.0026 48.72deg);
|
||||
--tblr-gray-300: oklch(86.87% 0.0043 56.37deg);
|
||||
--tblr-gray-400: oklch(71.61% 0.0091 56.26deg);
|
||||
--tblr-gray-500: oklch(55.34% 0.0116 58.07deg);
|
||||
--tblr-gray-600: oklch(44.44% 0.0096 73.64deg);
|
||||
--tblr-gray-700: oklch(37.41% 0.0087 67.56deg);
|
||||
--tblr-gray-800: oklch(26.85% 0.0063 34.3deg);
|
||||
--tblr-gray-900: oklch(21.61% 0.0061 56.04deg);
|
||||
--tblr-gray-950: oklch(14.69% 0.0041 49.25deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-base=pink],
|
||||
[data-theme-base=pink] {
|
||||
--tblr-gray-50: oklch(97.14% 0.0141 343.2deg);
|
||||
--tblr-gray-100: oklch(94.82% 0.0276 342.26deg);
|
||||
--tblr-gray-200: oklch(89.94% 0.0589 343.23deg);
|
||||
--tblr-gray-300: oklch(82.28% 0.1095 346.02deg);
|
||||
--tblr-gray-400: oklch(72.53% 0.1752 349.76deg);
|
||||
--tblr-gray-500: oklch(65.59% 0.2118 354.31deg);
|
||||
--tblr-gray-600: oklch(59.16% 0.218 0.58deg);
|
||||
--tblr-gray-700: oklch(52.46% 0.199 3.96deg);
|
||||
--tblr-gray-800: oklch(45.87% 0.1697 3.82deg);
|
||||
--tblr-gray-900: oklch(40.78% 0.1442 2.43deg);
|
||||
--tblr-gray-950: oklch(28.45% 0.1048 3.91deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=blue],
|
||||
[data-theme-primary=blue] {
|
||||
--tblr-primary: oklch(54.6% 0.1724 254.2deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=azure],
|
||||
[data-theme-primary=azure] {
|
||||
--tblr-primary: oklch(66.26% 0.1358 246.81deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=indigo],
|
||||
[data-theme-primary=indigo] {
|
||||
--tblr-primary: oklch(55.66% 0.2082 268.35deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=purple],
|
||||
[data-theme-primary=purple] {
|
||||
--tblr-primary: oklch(57.83% 0.2186 319.15deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=pink],
|
||||
[data-theme-primary=pink] {
|
||||
--tblr-primary: oklch(58.81% 0.201 5.25deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=red],
|
||||
[data-theme-primary=red] {
|
||||
--tblr-primary: oklch(58.29% 0.1941 25.59deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=orange],
|
||||
[data-theme-primary=orange] {
|
||||
--tblr-primary: oklch(68.51% 0.1954 44.57deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=yellow],
|
||||
[data-theme-primary=yellow] {
|
||||
--tblr-primary: oklch(77.02% 0.1658 71.02deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=lime],
|
||||
[data-theme-primary=lime] {
|
||||
--tblr-primary: oklch(70.99% 0.1897 131.53deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=green],
|
||||
[data-theme-primary=green] {
|
||||
--tblr-primary: oklch(67.38% 0.1885 145.43deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=teal],
|
||||
[data-theme-primary=teal] {
|
||||
--tblr-primary: oklch(64.32% 0.1338 164.7deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=cyan],
|
||||
[data-theme-primary=cyan] {
|
||||
--tblr-primary: oklch(65.52% 0.1105 212.17deg);
|
||||
}
|
||||
|
||||
[data-bs-theme-radius="0"],
|
||||
[data-theme-radius="0"] {
|
||||
--tblr-border-radius-scale: 0;
|
||||
}
|
||||
|
||||
[data-bs-theme-radius="0.5"],
|
||||
[data-theme-radius="0.5"] {
|
||||
--tblr-border-radius-scale: 0.5;
|
||||
}
|
||||
|
||||
[data-bs-theme-radius="1"],
|
||||
[data-theme-radius="1"] {
|
||||
--tblr-border-radius-scale: 1;
|
||||
}
|
||||
|
||||
[data-bs-theme-radius="1.5"],
|
||||
[data-theme-radius="1.5"] {
|
||||
--tblr-border-radius-scale: 1.5;
|
||||
}
|
||||
|
||||
[data-bs-theme-radius="2"],
|
||||
[data-theme-radius="2"] {
|
||||
--tblr-border-radius-scale: 2;
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=inverted],
|
||||
[data-theme-primary=inverted] {
|
||||
--tblr-primary: var(--tblr-gray-800);
|
||||
--tblr-primary-fg: var(--tblr-light);
|
||||
}
|
||||
[data-bs-theme-primary=inverted][data-bs-theme=dark],
|
||||
[data-bs-theme-primary=inverted] [data-bs-theme=dark], [data-bs-theme-primary=inverted][data-theme=dark],
|
||||
[data-bs-theme-primary=inverted] [data-theme=dark],
|
||||
[data-theme-primary=inverted][data-bs-theme=dark],
|
||||
[data-theme-primary=inverted] [data-bs-theme=dark],
|
||||
[data-theme-primary=inverted][data-theme=dark],
|
||||
[data-theme-primary=inverted] [data-theme=dark] {
|
||||
--tblr-primary: oklch(98.46% 0.0017 247.84deg);
|
||||
--tblr-primary-fg: var(--tblr-dark);
|
||||
}
|
||||
|
||||
[data-bs-theme-font=monospace],
|
||||
[data-theme-font=monospace] {
|
||||
--tblr-body-font-family: var(--tblr-font-monospace);
|
||||
--tblr-body-font-size: 80%;
|
||||
}
|
||||
|
||||
[data-bs-theme-font=sans-serif],
|
||||
[data-theme-font=sans-serif] {
|
||||
--tblr-body-font-family: var(--tblr-font-sans-serif);
|
||||
}
|
||||
|
||||
[data-bs-theme-font=serif],
|
||||
[data-theme-font=serif] {
|
||||
--tblr-body-font-family: var(--tblr-font-serif);
|
||||
}
|
||||
|
||||
[data-bs-theme-font=comic],
|
||||
[data-theme-font=comic] {
|
||||
--tblr-body-font-family: var(--tblr-font-comic);
|
||||
}
|
||||
/*# sourceMappingURL=tabler-themes.rtl.css.map */
|
||||
1
storage/public/dist/css/tabler-themes.rtl.css.map
vendored
Normal file
1
storage/public/dist/css/tabler-themes.rtl.css.map
vendored
Normal file
File diff suppressed because one or more lines are too long
287
storage/public/dist/css/tabler-vendors.css
vendored
287
storage/public/dist/css/tabler-vendors.css
vendored
|
|
@ -10,13 +10,17 @@
|
|||
* @param {Color} $color - The base color to be made transparent.
|
||||
* @param {Number} $alpha - The level of transparency, ranging from 0 (fully transparent) to 1 (fully opaque). Default is 1.
|
||||
* @return {Color} - The resulting color with the specified transparency.
|
||||
*
|
||||
* Mixes in `oklab` so tints against an opaque background (e.g. alert backgrounds
|
||||
* over `--bg-surface`) stay perceptually even; mixing with `transparent` gives
|
||||
* the same result in every color space.
|
||||
*/
|
||||
.noUi-target {
|
||||
color: var(--tblr-primary);
|
||||
background: none;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
background: none;
|
||||
border-radius: 0;
|
||||
color: var(--tblr-primary);
|
||||
}
|
||||
|
||||
.noUi-horizontal {
|
||||
|
|
@ -28,42 +32,29 @@
|
|||
background: var(--tblr-border-color);
|
||||
border-radius: 1rem;
|
||||
}
|
||||
@supports (corner-shape: squircle) {
|
||||
.noUi-base {
|
||||
corner-shape: squircle;
|
||||
border-radius: calc(1rem * 2.5) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.noUi-handle {
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
border: 2px var(--tblr-border-style) #ffffff;
|
||||
box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
|
||||
background: currentColor;
|
||||
border: 2px var(--tblr-border-style) #fff;
|
||||
outline: 0;
|
||||
box-shadow: 0 0.1rem 0.25rem color-mix(in oklab, var(--tblr-black) 10%, transparent);
|
||||
border-radius: 1rem;
|
||||
}
|
||||
@supports (corner-shape: squircle) {
|
||||
.noUi-handle {
|
||||
corner-shape: squircle;
|
||||
border-radius: calc(1rem * 2.5) !important;
|
||||
}
|
||||
}
|
||||
.noUi-handle {
|
||||
background: currentColor;
|
||||
outline: 0;
|
||||
}
|
||||
.noUi-handle:before, .noUi-handle:after {
|
||||
.noUi-handle::before, .noUi-handle::after {
|
||||
content: none;
|
||||
}
|
||||
.noUi-horizontal .noUi-handle {
|
||||
inset-inline-end: -0.5rem;
|
||||
top: -0.5rem;
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
top: -0.5rem;
|
||||
inset-inline-end: -0.5rem;
|
||||
margin: 1px 1px 0 0;
|
||||
margin-block: 1px 0;
|
||||
margin-inline: 0 1px;
|
||||
}
|
||||
.noUi-handle.noUi-active, .noUi-handle:focus {
|
||||
box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.25rem color-mix(in srgb, var(--tblr-primary) 25%, transparent);
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--tblr-primary), 0 0 0 0.25rem color-mix(in oklab, var(--tblr-primary) 25%, transparent);
|
||||
}
|
||||
|
||||
.noUi-connect {
|
||||
|
|
@ -97,14 +88,6 @@
|
|||
.litepicker .container__main {
|
||||
border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
|
||||
border-radius: var(--tblr-border-radius);
|
||||
}
|
||||
@supports (corner-shape: squircle) {
|
||||
.litepicker .container__main {
|
||||
corner-shape: squircle;
|
||||
border-radius: calc(var(--tblr-border-radius) * 2.5) !important;
|
||||
}
|
||||
}
|
||||
.litepicker .container__main {
|
||||
box-shadow: none;
|
||||
}
|
||||
.litepicker .container__months .month-item-name,
|
||||
|
|
@ -120,8 +103,8 @@
|
|||
font-size: 0.75rem;
|
||||
}
|
||||
.litepicker .container__days .day-item {
|
||||
cursor: pointer !important;
|
||||
padding: 0.5rem 0 !important;
|
||||
cursor: pointer !important;
|
||||
transition: color 0.3s, background-color 0.3s, border-color 0.3s;
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
|
|
@ -133,16 +116,10 @@
|
|||
box-shadow: var(--tblr-shadow-input);
|
||||
}
|
||||
.datepicker-inline .litepicker .container__months {
|
||||
box-shadow: none;
|
||||
background-color: var(--tblr-bg-forms);
|
||||
box-shadow: none;
|
||||
border-radius: calc(var(--tblr-border-radius) - 1px);
|
||||
}
|
||||
@supports (corner-shape: squircle) {
|
||||
.datepicker-inline .litepicker .container__months {
|
||||
corner-shape: squircle;
|
||||
border-radius: calc(calc(var(--tblr-border-radius) - 1px) * 2.5) !important;
|
||||
}
|
||||
}
|
||||
|
||||
:root {
|
||||
--ts-pr-clear-button: 0rem;
|
||||
|
|
@ -156,12 +133,6 @@
|
|||
.focus .ts-control {
|
||||
border-radius: var(--tblr-border-radius);
|
||||
}
|
||||
@supports (corner-shape: squircle) {
|
||||
.focus .ts-control {
|
||||
corner-shape: squircle;
|
||||
border-radius: calc(var(--tblr-border-radius) * 2.5) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.ts-control {
|
||||
color: inherit;
|
||||
|
|
@ -178,16 +149,30 @@
|
|||
.ts-wrapper.is-invalid .ts-control, .ts-wrapper.is-valid .ts-control {
|
||||
--ts-pr-clear-button: 1.5rem;
|
||||
}
|
||||
.ts-wrapper.form-select.is-invalid, .ts-wrapper.form-select.is-invalid:not(.single), .ts-wrapper.form-select.is-valid, .ts-wrapper.form-select.is-valid:not(.single) {
|
||||
background-image: var(--tblr-form-select-bg-img), var(--tblr-form-select-bg-icon, none);
|
||||
}
|
||||
|
||||
.ts-dropdown {
|
||||
background: var(--tblr-bg-surface);
|
||||
color: var(--tblr-body-color);
|
||||
box-shadow: var(--tblr-shadow-dropdown);
|
||||
z-index: 1000;
|
||||
z-index: 1070 !important;
|
||||
color: var(--tblr-body-color) !important;
|
||||
background: var(--tblr-bg-surface) !important;
|
||||
box-shadow: var(--tblr-shadow-dropdown) !important;
|
||||
}
|
||||
.ts-dropdown .option {
|
||||
padding: 0.5rem 0.75rem;
|
||||
}
|
||||
.ts-dropdown .active {
|
||||
color: var(--tblr-body-color) !important;
|
||||
background-color: var(--tblr-active-bg) !important;
|
||||
}
|
||||
.ts-dropdown .active.create {
|
||||
color: var(--tblr-body-color) !important;
|
||||
}
|
||||
.ts-dropdown .optgroup-header {
|
||||
color: var(--tblr-body-color) !important;
|
||||
background: var(--tblr-bg-surface) !important;
|
||||
}
|
||||
|
||||
.ts-control,
|
||||
.ts-control input {
|
||||
|
|
@ -200,32 +185,57 @@
|
|||
|
||||
.ts-wrapper.multi .ts-control > div,
|
||||
.ts-wrapper.multi.disabled .ts-control > div {
|
||||
color: var(--tblr-body-color);
|
||||
background: var(--tblr-bg-surface-secondary);
|
||||
border: 1px solid var(--tblr-border-color);
|
||||
color: var(--tblr-body-color);
|
||||
}
|
||||
|
||||
.ts-wrapper.disabled .ts-control {
|
||||
background-color: var(--tblr-secondary-bg);
|
||||
opacity: 1;
|
||||
}
|
||||
.ts-wrapper.disabled .ts-control > div.item {
|
||||
color: var(--tblr-gray-500);
|
||||
}
|
||||
|
||||
.ts-wrapper.full .ts-control {
|
||||
background-color: var(--tblr-body-bg);
|
||||
}
|
||||
|
||||
:root {
|
||||
--tblr-chart-1: var(--tblr-primary);
|
||||
--tblr-chart-2: var(--tblr-green);
|
||||
--tblr-chart-3: var(--tblr-azure);
|
||||
--tblr-chart-4: var(--tblr-purple);
|
||||
--tblr-chart-5: var(--tblr-orange);
|
||||
--apx-accent: var(--tblr-chart-1);
|
||||
--apx-fore: var(--tblr-secondary);
|
||||
--apx-grid: var(--tblr-border-color);
|
||||
--apx-series-1: var(--tblr-chart-1);
|
||||
--apx-series-2: var(--tblr-chart-2);
|
||||
--apx-series-3: var(--tblr-chart-3);
|
||||
--apx-series-4: var(--tblr-chart-4);
|
||||
--apx-series-5: var(--tblr-chart-5);
|
||||
}
|
||||
|
||||
.apexcharts-tooltip {
|
||||
--apx-tt-color-muted: var(--tblr-text-inverted) !important;
|
||||
--apx-tt-bg: var(--tblr-bg-surface-inverted) !important;
|
||||
--apx-tt-border: var(--tblr-bg-surface-inverted) !important;
|
||||
padding: 0.25rem !important;
|
||||
font-size: 0.765625rem !important;
|
||||
color: var(--tblr-text-inverted) !important;
|
||||
background: var(--tblr-bg-surface-inverted) !important;
|
||||
font-size: 0.765625rem !important;
|
||||
padding: 0.25rem !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.apexcharts-tooltip-title {
|
||||
background: transparent !important;
|
||||
border: 0 !important;
|
||||
padding: 0.25rem 0.5rem !important;
|
||||
margin: 0 !important;
|
||||
font-weight: var(--tblr-font-weight-semibold);
|
||||
padding: 0.25rem 0.5rem !important;
|
||||
background: transparent !important;
|
||||
border: 0 !important;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.apexcharts-tooltip-y-group {
|
||||
|
|
@ -233,19 +243,24 @@
|
|||
}
|
||||
|
||||
.apexcharts-tooltip-series-group {
|
||||
padding: 0 0.5rem 0 !important;
|
||||
padding: 0 0.5rem !important;
|
||||
}
|
||||
|
||||
.apexcharts-tooltip-marker:before {
|
||||
.apexcharts-tooltip-marker::before {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
.apexcharts-text {
|
||||
fill: var(--tblr-body-color) !important;
|
||||
.apexcharts-gridline,
|
||||
.apexcharts-grid-borders line,
|
||||
.apexcharts-xaxis-tick,
|
||||
.apexcharts-yaxis-tick {
|
||||
stroke: var(--tblr-border-color) !important;
|
||||
}
|
||||
|
||||
.apexcharts-gridline {
|
||||
stroke: var(--tblr-border-color) !important;
|
||||
.apexcharts-marker,
|
||||
.apexcharts-treemap-rect,
|
||||
.apexcharts-data-labels rect {
|
||||
stroke: var(--tblr-bg-surface) !important;
|
||||
}
|
||||
|
||||
.apexcharts-legend-text {
|
||||
|
|
@ -266,22 +281,22 @@
|
|||
}
|
||||
|
||||
.jvm-tooltip {
|
||||
background: var(--tblr-bg-surface-inverted);
|
||||
color: var(--tblr-text-inverted);
|
||||
font-family: inherit;
|
||||
font-size: 0.75rem;
|
||||
color: var(--tblr-text-inverted);
|
||||
background: var(--tblr-bg-surface-inverted);
|
||||
box-shadow: var(--tblr-shadow-card);
|
||||
}
|
||||
|
||||
.jvm-series-container .jvm-legend .jvm-legend-title {
|
||||
border-bottom: 0;
|
||||
font-weight: var(--tblr-font-weight-medium);
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.jvm-series-container .jvm-legend {
|
||||
min-width: 8rem;
|
||||
background-color: var(--tblr-card-bg, var(--tblr-bg-surface));
|
||||
border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
|
||||
min-width: 8rem;
|
||||
}
|
||||
.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick {
|
||||
display: flex;
|
||||
|
|
@ -293,17 +308,17 @@
|
|||
}
|
||||
|
||||
.jvm-zoom-btn {
|
||||
border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
|
||||
background: var(--tblr-card-bg, var(--tblr-bg-surface));
|
||||
color: var(--tblr-body-color);
|
||||
padding: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
line-height: 1;
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
padding: 0;
|
||||
font-size: 1rem;
|
||||
line-height: 1;
|
||||
color: var(--tblr-body-color);
|
||||
background: var(--tblr-card-bg, var(--tblr-bg-surface));
|
||||
border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
|
||||
box-shadow: var(--tblr-shadow-card);
|
||||
}
|
||||
.jvm-zoom-btn.jvm-zoomout {
|
||||
|
|
@ -311,14 +326,14 @@
|
|||
}
|
||||
|
||||
.dropzone {
|
||||
border: var(--tblr-border-width) dashed var(--tblr-border-color) !important;
|
||||
color: var(--tblr-secondary) !important;
|
||||
padding: 1rem !important;
|
||||
color: var(--tblr-secondary) !important;
|
||||
border: var(--tblr-border-width) dashed var(--tblr-border-color) !important;
|
||||
}
|
||||
.dropzone.dz-drag-hover {
|
||||
border: var(--tblr-border-width) dashed var(--tblr-primary);
|
||||
background: color-mix(in srgb, var(--tblr-primary) 1%, transparent);
|
||||
color: var(--tblr-primary);
|
||||
background: color-mix(in oklab, var(--tblr-primary) 1%, transparent);
|
||||
border: var(--tblr-border-width) dashed var(--tblr-primary);
|
||||
}
|
||||
.dropzone.dz-drag-hover .dz-message {
|
||||
opacity: 1;
|
||||
|
|
@ -329,12 +344,6 @@
|
|||
.dropzone .dz-preview .dz-image {
|
||||
border-radius: var(--tblr-border-radius);
|
||||
}
|
||||
@supports (corner-shape: squircle) {
|
||||
.dropzone .dz-preview .dz-image {
|
||||
corner-shape: squircle;
|
||||
border-radius: calc(var(--tblr-border-radius) * 2.5) !important;
|
||||
}
|
||||
}
|
||||
.dropzone .dz-preview .dz-success-mark {
|
||||
height: 54px;
|
||||
}
|
||||
|
|
@ -359,21 +368,13 @@ body {
|
|||
}
|
||||
|
||||
.tox-hugerte {
|
||||
font-family: var(--tblr-font-sans-serif) !important;
|
||||
border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color) !important;
|
||||
border-radius: 6px;
|
||||
}
|
||||
@supports (corner-shape: squircle) {
|
||||
.tox-hugerte {
|
||||
corner-shape: squircle;
|
||||
border-radius: calc(6px * 2.5) !important;
|
||||
}
|
||||
}
|
||||
.tox-hugerte {
|
||||
font-family: var(--tblr-font-sans-serif) !important;
|
||||
}
|
||||
|
||||
.tox-toolbar__group {
|
||||
padding: 0 0.5rem 0;
|
||||
padding: 0 0.5rem;
|
||||
}
|
||||
|
||||
.tox .tox-toolbar__primary {
|
||||
|
|
@ -381,9 +382,9 @@ body {
|
|||
}
|
||||
|
||||
.tox:not(.tox-hugerte-inline) .tox-editor-header {
|
||||
padding: 0 !important;
|
||||
border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color) !important;
|
||||
box-shadow: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.tox-tbtn {
|
||||
|
|
@ -414,8 +415,8 @@ body {
|
|||
}
|
||||
|
||||
[data-star-rating] svg {
|
||||
width: var(--tblr-icon-size, --gl-star-size);
|
||||
height: var(--tblr-icon-size, --gl-star-size);
|
||||
width: var(--tblr-icon-size, var(--gl-star-size));
|
||||
height: var(--tblr-icon-size, var(--gl-star-size));
|
||||
}
|
||||
[data-star-rating] :not(.gl-active) > .gl-star-full {
|
||||
color: var(--gl-star-color-inactive) !important;
|
||||
|
|
@ -427,112 +428,64 @@ body {
|
|||
}
|
||||
|
||||
.clr-picker {
|
||||
box-shadow: var(--tblr-shadow-dropdown);
|
||||
background-color: var(--tblr-bg-surface);
|
||||
box-shadow: var(--tblr-shadow-dropdown);
|
||||
border-radius: var(--tblr-border-radius);
|
||||
}
|
||||
@supports (corner-shape: squircle) {
|
||||
.clr-picker {
|
||||
corner-shape: squircle;
|
||||
border-radius: calc(var(--tblr-border-radius) * 2.5) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.clr-gradient {
|
||||
border-radius: var(--tblr-border-radius) var(--tblr-border-radius) 0 0;
|
||||
}
|
||||
@supports (corner-shape: squircle) {
|
||||
.clr-gradient {
|
||||
corner-shape: squircle;
|
||||
border-radius: calc(var(--tblr-border-radius) var(--tblr-border-radius) 0 0 * 2.5) !important;
|
||||
}
|
||||
}
|
||||
|
||||
input.clr-color {
|
||||
border-radius: var(--tblr-border-radius);
|
||||
}
|
||||
@supports (corner-shape: squircle) {
|
||||
input.clr-color {
|
||||
corner-shape: squircle;
|
||||
border-radius: calc(var(--tblr-border-radius) * 2.5) !important;
|
||||
}
|
||||
}
|
||||
input.clr-color {
|
||||
color: var(--tblr-body-color);
|
||||
border-color: var(--tblr-border-color);
|
||||
background: transparent;
|
||||
border-color: var(--tblr-border-color);
|
||||
}
|
||||
input.clr-color:focus {
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--tblr-primary) 25%, transparent);
|
||||
border-color: color-mix(in srgb, var(--tblr-primary) 25%, transparent);
|
||||
box-shadow: 0 0 0 2px var(--tblr-primary), 0 0 0 0.25rem color-mix(in oklab, var(--tblr-primary) 25%, transparent);
|
||||
border-color: color-mix(in oklab, var(--tblr-primary) 25%, transparent);
|
||||
}
|
||||
|
||||
.clr-swatches button {
|
||||
border-radius: var(--tblr-border-radius);
|
||||
}
|
||||
@supports (corner-shape: squircle) {
|
||||
.clr-swatches button {
|
||||
corner-shape: squircle;
|
||||
border-radius: calc(var(--tblr-border-radius) * 2.5) !important;
|
||||
}
|
||||
}
|
||||
.clr-swatches button {
|
||||
padding: 0 2px 4px 2px;
|
||||
padding: 0 2px 4px;
|
||||
}
|
||||
.clr-swatches button:focus {
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--tblr-primary) 25%, transparent);
|
||||
box-shadow: 0 0 0 2px var(--tblr-primary), 0 0 0 0.25rem color-mix(in oklab, var(--tblr-primary) 25%, transparent);
|
||||
}
|
||||
|
||||
.clr-preview {
|
||||
border-radius: var(--tblr-border-radius);
|
||||
}
|
||||
@supports (corner-shape: squircle) {
|
||||
.clr-preview {
|
||||
corner-shape: squircle;
|
||||
border-radius: calc(var(--tblr-border-radius) * 2.5) !important;
|
||||
}
|
||||
}
|
||||
.clr-preview {
|
||||
overflow: visible;
|
||||
}
|
||||
.clr-preview button, .clr-preview:before, .clr-preview:after {
|
||||
.clr-preview button, .clr-preview::before, .clr-preview::after {
|
||||
border-radius: var(--tblr-border-radius);
|
||||
}
|
||||
@supports (corner-shape: squircle) {
|
||||
.clr-preview button, .clr-preview:before, .clr-preview:after {
|
||||
corner-shape: squircle;
|
||||
border-radius: calc(var(--tblr-border-radius) * 2.5) !important;
|
||||
}
|
||||
}
|
||||
.clr-preview button:focus {
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--tblr-primary) 25%, transparent);
|
||||
box-shadow: 0 0 0 2px var(--tblr-primary), 0 0 0 0.25rem color-mix(in oklab, var(--tblr-primary) 25%, transparent);
|
||||
}
|
||||
|
||||
.clr-field {
|
||||
display: block;
|
||||
}
|
||||
.clr-field button {
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
inset-inline-start: 6px;
|
||||
inset-inline-end: auto;
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
border-radius: var(--tblr-border-radius);
|
||||
}
|
||||
@supports (corner-shape: squircle) {
|
||||
.clr-field button {
|
||||
corner-shape: squircle;
|
||||
border-radius: calc(var(--tblr-border-radius) * 2.5) !important;
|
||||
}
|
||||
}
|
||||
.clr-field button:after {
|
||||
.clr-field button::after {
|
||||
box-shadow: inset 0 0 0 1px var(--tblr-border-color-translucent);
|
||||
}
|
||||
.clr-field button:focus {
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--tblr-primary) 25%, transparent);
|
||||
box-shadow: 0 0 0 2px var(--tblr-primary), 0 0 0 0.25rem color-mix(in oklab, var(--tblr-primary) 25%, transparent);
|
||||
}
|
||||
.clr-field input {
|
||||
padding-inline-start: 2.5rem;
|
||||
|
|
@ -540,11 +493,7 @@ input.clr-color:focus {
|
|||
|
||||
.typed-cursor {
|
||||
font-weight: 500;
|
||||
color: #6b7280;
|
||||
}
|
||||
|
||||
.turbo-progress-bar {
|
||||
background: var(--tblr-primary);
|
||||
color: oklch(55.1% 0.0234 264.36deg);
|
||||
}
|
||||
|
||||
:root {
|
||||
|
|
@ -561,25 +510,25 @@ input.clr-color:focus {
|
|||
}
|
||||
|
||||
.fc-daygrid-dot-event {
|
||||
background-color: var(--fc-event-bg-color);
|
||||
border: 1px solid var(--fc-event-border-color);
|
||||
color: var(--fc-event-text-color);
|
||||
padding-top: 1px;
|
||||
padding-bottom: 1px;
|
||||
color: var(--fc-event-text-color);
|
||||
background-color: var(--fc-event-bg-color);
|
||||
border: 1px solid var(--fc-event-border-color);
|
||||
}
|
||||
.fc-daygrid-dot-event .fc-event-title {
|
||||
font-weight: inherit;
|
||||
}
|
||||
|
||||
.fc-col-header-cell {
|
||||
background-color: var(--tblr-bg-surface-secondary);
|
||||
color: var(--tblr-secondary);
|
||||
text-transform: uppercase;
|
||||
font-weight: var(--tblr-font-weight-medium);
|
||||
font-size: var(--tblr-font-size-h5);
|
||||
padding-top: 0.5rem !important;
|
||||
padding-bottom: 0.5rem !important;
|
||||
font-size: var(--tblr-font-size-h5);
|
||||
font-weight: var(--tblr-font-weight-medium);
|
||||
line-height: 1;
|
||||
color: var(--tblr-secondary);
|
||||
text-transform: uppercase;
|
||||
background-color: var(--tblr-bg-surface-secondary);
|
||||
}
|
||||
|
||||
.fc-event-time {
|
||||
|
|
@ -595,10 +544,10 @@ input.clr-color:focus {
|
|||
}
|
||||
|
||||
.fc-button {
|
||||
font-weight: var(--tblr-font-weight-medium) !important;
|
||||
color: var(--tblr-body-color) !important;
|
||||
background-color: transparent !important;
|
||||
border-color: var(--tblr-border-color) !important;
|
||||
font-weight: var(--tblr-font-weight-medium) !important;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=tabler-vendors.css.map */
|
||||
File diff suppressed because one or more lines are too long
552
storage/public/dist/css/tabler-vendors.rtl.css
vendored
Normal file
552
storage/public/dist/css/tabler-vendors.rtl.css
vendored
Normal file
|
|
@ -0,0 +1,552 @@
|
|||
/**
|
||||
* Converts a given value to a percentage string.
|
||||
*
|
||||
* @param {Number} $value - The value to be converted to a percentage.
|
||||
* @return {String} - The percentage representation of the value.
|
||||
*/
|
||||
/**
|
||||
* Generates a transparent version of the given color.
|
||||
*
|
||||
* @param {Color} $color - The base color to be made transparent.
|
||||
* @param {Number} $alpha - The level of transparency, ranging from 0 (fully transparent) to 1 (fully opaque). Default is 1.
|
||||
* @return {Color} - The resulting color with the specified transparency.
|
||||
*
|
||||
* Mixes in `oklab` so tints against an opaque background (e.g. alert backgrounds
|
||||
* over `--bg-surface`) stay perceptually even; mixing with `transparent` gives
|
||||
* the same result in every color space.
|
||||
*/
|
||||
.noUi-target {
|
||||
color: var(--tblr-primary);
|
||||
background: none;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.noUi-horizontal {
|
||||
height: 1.25rem;
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
|
||||
.noUi-base {
|
||||
background: var(--tblr-border-color);
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
.noUi-handle {
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
background: currentColor;
|
||||
border: 2px var(--tblr-border-style) #fff;
|
||||
outline: 0;
|
||||
box-shadow: 0 0.1rem 0.25rem color-mix(in oklab, var(--tblr-black) 10%, transparent);
|
||||
border-radius: 1rem;
|
||||
}
|
||||
.noUi-handle::before, .noUi-handle::after {
|
||||
content: none;
|
||||
}
|
||||
.noUi-horizontal .noUi-handle {
|
||||
inset-inline-end: -0.5rem;
|
||||
top: -0.5rem;
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-block: 1px 0;
|
||||
margin-inline: 0 1px;
|
||||
}
|
||||
.noUi-handle.noUi-active, .noUi-handle:focus {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--tblr-primary), 0 0 0 0.25rem color-mix(in oklab, var(--tblr-primary) 25%, transparent);
|
||||
}
|
||||
|
||||
.noUi-connect {
|
||||
background: currentColor;
|
||||
}
|
||||
|
||||
.litepicker {
|
||||
--litepicker-month-weekday-color: var(--tblr-secondary);
|
||||
--litepicker-button-prev-month-color: var(--tblr-secondary);
|
||||
--litepicker-button-next-month-color: var(--tblr-secondary);
|
||||
--litepicker-button-prev-month-color-hover: var(--tblr-primary);
|
||||
--litepicker-button-next-month-color-hover: var(--tblr-primary);
|
||||
--litepicker-day-color: var(--tblr-body-color);
|
||||
--litepicker-day-color-hover: var(--tblr-primary);
|
||||
--litepicker-is-start-color-bg: var(--tblr-primary);
|
||||
--litepicker-is-end-color-bg: var(--tblr-primary);
|
||||
--litepicker-is-in-range-color: var(--tblr-info);
|
||||
--litepicker-is-today-color: var(--tblr-primary);
|
||||
--litepicker-month-header-color: var(--tblr-body-color);
|
||||
--litepicker-container-months-color-bg: var(--tblr-bg-surface);
|
||||
font: inherit;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.litepicker .day-item.is-in-range {
|
||||
--litepicker-day-color: var(--tblr-light);
|
||||
}
|
||||
.litepicker svg {
|
||||
fill: none !important;
|
||||
}
|
||||
.litepicker .container__main {
|
||||
border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
|
||||
border-radius: var(--tblr-border-radius);
|
||||
box-shadow: none;
|
||||
}
|
||||
.litepicker .container__months .month-item-name,
|
||||
.litepicker .container__months .month-item-year {
|
||||
font-weight: var(--tblr-font-weight-medium) !important;
|
||||
}
|
||||
.litepicker .container__months .button-next-month,
|
||||
.litepicker .container__months .button-previous-month {
|
||||
cursor: pointer !important;
|
||||
}
|
||||
.litepicker .container__months .month-item-weekdays-row > div {
|
||||
padding: 0.5rem 0 !important;
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
.litepicker .container__days .day-item {
|
||||
padding: 0.5rem 0 !important;
|
||||
cursor: pointer !important;
|
||||
transition: color 0.3s, background-color 0.3s, border-color 0.3s;
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.litepicker .container__days .day-item {
|
||||
transition: none;
|
||||
}
|
||||
}
|
||||
.datepicker-inline .litepicker {
|
||||
box-shadow: var(--tblr-shadow-input);
|
||||
}
|
||||
.datepicker-inline .litepicker .container__months {
|
||||
background-color: var(--tblr-bg-forms);
|
||||
box-shadow: none;
|
||||
border-radius: calc(var(--tblr-border-radius) - 1px);
|
||||
}
|
||||
|
||||
:root {
|
||||
--ts-pr-clear-button: 0rem;
|
||||
--ts-pr-caret: 0rem;
|
||||
}
|
||||
|
||||
.ts-input {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.focus .ts-control {
|
||||
border-radius: var(--tblr-border-radius);
|
||||
}
|
||||
|
||||
.ts-control {
|
||||
color: inherit;
|
||||
}
|
||||
.ts-control .dropdown-menu {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.ts-wrapper .form-control,
|
||||
.ts-wrapper .form-select, .ts-wrapper.form-control, .ts-wrapper.form-select {
|
||||
box-shadow: var(--tblr-shadow-input);
|
||||
}
|
||||
.ts-wrapper.is-invalid .ts-control, .ts-wrapper.is-valid .ts-control {
|
||||
--ts-pr-clear-button: 1.5rem;
|
||||
}
|
||||
.ts-wrapper.form-select.is-invalid, .ts-wrapper.form-select.is-invalid:not(.single), .ts-wrapper.form-select.is-valid, .ts-wrapper.form-select.is-valid:not(.single) {
|
||||
background-image: var(--tblr-form-select-bg-img), var(--tblr-form-select-bg-icon, none);
|
||||
}
|
||||
|
||||
.ts-dropdown {
|
||||
z-index: 1070 !important;
|
||||
color: var(--tblr-body-color) !important;
|
||||
background: var(--tblr-bg-surface) !important;
|
||||
box-shadow: var(--tblr-shadow-dropdown) !important;
|
||||
}
|
||||
.ts-dropdown .option {
|
||||
padding: 0.5rem 0.75rem;
|
||||
}
|
||||
.ts-dropdown .active {
|
||||
color: var(--tblr-body-color) !important;
|
||||
background-color: var(--tblr-active-bg) !important;
|
||||
}
|
||||
.ts-dropdown .active.create {
|
||||
color: var(--tblr-body-color) !important;
|
||||
}
|
||||
.ts-dropdown .optgroup-header {
|
||||
color: var(--tblr-body-color) !important;
|
||||
background: var(--tblr-bg-surface) !important;
|
||||
}
|
||||
|
||||
.ts-control,
|
||||
.ts-control input {
|
||||
color: var(--tblr-body-color);
|
||||
}
|
||||
|
||||
.ts-control input::placeholder {
|
||||
color: var(--tblr-tertiary);
|
||||
}
|
||||
|
||||
.ts-wrapper.multi .ts-control > div,
|
||||
.ts-wrapper.multi.disabled .ts-control > div {
|
||||
color: var(--tblr-body-color);
|
||||
background: var(--tblr-bg-surface-secondary);
|
||||
border: 1px solid var(--tblr-border-color);
|
||||
}
|
||||
|
||||
.ts-wrapper.disabled .ts-control {
|
||||
background-color: var(--tblr-secondary-bg);
|
||||
opacity: 1;
|
||||
}
|
||||
.ts-wrapper.disabled .ts-control > div.item {
|
||||
color: var(--tblr-gray-500);
|
||||
}
|
||||
|
||||
.ts-wrapper.full .ts-control {
|
||||
background-color: var(--tblr-body-bg);
|
||||
}
|
||||
|
||||
:root {
|
||||
--tblr-chart-1: var(--tblr-primary);
|
||||
--tblr-chart-2: var(--tblr-green);
|
||||
--tblr-chart-3: var(--tblr-azure);
|
||||
--tblr-chart-4: var(--tblr-purple);
|
||||
--tblr-chart-5: var(--tblr-orange);
|
||||
--apx-accent: var(--tblr-chart-1);
|
||||
--apx-fore: var(--tblr-secondary);
|
||||
--apx-grid: var(--tblr-border-color);
|
||||
--apx-series-1: var(--tblr-chart-1);
|
||||
--apx-series-2: var(--tblr-chart-2);
|
||||
--apx-series-3: var(--tblr-chart-3);
|
||||
--apx-series-4: var(--tblr-chart-4);
|
||||
--apx-series-5: var(--tblr-chart-5);
|
||||
}
|
||||
|
||||
.apexcharts-tooltip {
|
||||
--apx-tt-color-muted: var(--tblr-text-inverted) !important;
|
||||
--apx-tt-bg: var(--tblr-bg-surface-inverted) !important;
|
||||
--apx-tt-border: var(--tblr-bg-surface-inverted) !important;
|
||||
padding: 0.25rem !important;
|
||||
font-size: 0.765625rem !important;
|
||||
color: var(--tblr-text-inverted) !important;
|
||||
background: var(--tblr-bg-surface-inverted) !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.apexcharts-tooltip-title {
|
||||
padding: 0.25rem 0.5rem !important;
|
||||
margin: 0 !important;
|
||||
font-weight: var(--tblr-font-weight-semibold);
|
||||
background: transparent !important;
|
||||
border: 0 !important;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.apexcharts-tooltip-y-group {
|
||||
padding: 2px 0 !important;
|
||||
}
|
||||
|
||||
.apexcharts-tooltip-series-group {
|
||||
padding: 0 0.5rem !important;
|
||||
}
|
||||
|
||||
.apexcharts-tooltip-marker::before {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
.apexcharts-gridline,
|
||||
.apexcharts-grid-borders line,
|
||||
.apexcharts-xaxis-tick,
|
||||
.apexcharts-yaxis-tick {
|
||||
stroke: var(--tblr-border-color) !important;
|
||||
}
|
||||
|
||||
.apexcharts-marker,
|
||||
.apexcharts-treemap-rect,
|
||||
.apexcharts-data-labels rect {
|
||||
stroke: var(--tblr-bg-surface) !important;
|
||||
}
|
||||
|
||||
.apexcharts-legend-text {
|
||||
color: inherit !important;
|
||||
}
|
||||
|
||||
.apexcharts-radialbar-track .apexcharts-radialbar-area {
|
||||
stroke: var(--tblr-border-color) !important;
|
||||
}
|
||||
|
||||
.apexcharts-svg,
|
||||
.apexcharts-canvas {
|
||||
border-radius: inherit;
|
||||
}
|
||||
|
||||
.apexcharts-pie-area {
|
||||
stroke: var(--tblr-bg-surface) !important;
|
||||
}
|
||||
|
||||
.jvm-tooltip {
|
||||
font-family: inherit;
|
||||
font-size: 0.75rem;
|
||||
color: var(--tblr-text-inverted);
|
||||
background: var(--tblr-bg-surface-inverted);
|
||||
box-shadow: var(--tblr-shadow-card);
|
||||
}
|
||||
|
||||
.jvm-series-container .jvm-legend .jvm-legend-title {
|
||||
font-weight: var(--tblr-font-weight-medium);
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.jvm-series-container .jvm-legend {
|
||||
min-width: 8rem;
|
||||
background-color: var(--tblr-card-bg, var(--tblr-bg-surface));
|
||||
border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
|
||||
}
|
||||
.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-sample {
|
||||
width: 0.75rem;
|
||||
height: 0.75rem;
|
||||
}
|
||||
|
||||
.jvm-zoom-btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
padding: 0;
|
||||
font-size: 1rem;
|
||||
line-height: 1;
|
||||
color: var(--tblr-body-color);
|
||||
background: var(--tblr-card-bg, var(--tblr-bg-surface));
|
||||
border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
|
||||
box-shadow: var(--tblr-shadow-card);
|
||||
}
|
||||
.jvm-zoom-btn.jvm-zoomout {
|
||||
top: 2.5rem;
|
||||
}
|
||||
|
||||
.dropzone {
|
||||
padding: 1rem !important;
|
||||
color: var(--tblr-secondary) !important;
|
||||
border: var(--tblr-border-width) dashed var(--tblr-border-color) !important;
|
||||
}
|
||||
.dropzone.dz-drag-hover {
|
||||
color: var(--tblr-primary);
|
||||
background: color-mix(in oklab, var(--tblr-primary) 1%, transparent);
|
||||
border: var(--tblr-border-width) dashed var(--tblr-primary);
|
||||
}
|
||||
.dropzone.dz-drag-hover .dz-message {
|
||||
opacity: 1;
|
||||
}
|
||||
.dropzone .dz-preview {
|
||||
margin: 0.5rem;
|
||||
}
|
||||
.dropzone .dz-preview .dz-image {
|
||||
border-radius: var(--tblr-border-radius);
|
||||
}
|
||||
.dropzone .dz-preview .dz-success-mark {
|
||||
height: 54px;
|
||||
}
|
||||
|
||||
.fslightbox-container {
|
||||
font-family: inherit !important;
|
||||
background: var(--tblr-backdrop-bg) !important;
|
||||
-webkit-backdrop-filter: blur(4px) !important;
|
||||
backdrop-filter: blur(4px) !important;
|
||||
}
|
||||
|
||||
.fslightbox-slide-number-container {
|
||||
color: inherit !important;
|
||||
}
|
||||
|
||||
.fslightbox-slash {
|
||||
background: currentColor !important;
|
||||
}
|
||||
|
||||
body {
|
||||
--plyr-color-main: var(--tblr-primary);
|
||||
}
|
||||
|
||||
.tox-hugerte {
|
||||
font-family: var(--tblr-font-sans-serif) !important;
|
||||
border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color) !important;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.tox-toolbar__group {
|
||||
padding: 0 0.5rem;
|
||||
}
|
||||
|
||||
.tox .tox-toolbar__primary {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.tox:not(.tox-hugerte-inline) .tox-editor-header {
|
||||
padding: 0 !important;
|
||||
border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color) !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.tox-tbtn {
|
||||
margin: 0 !important;
|
||||
background: var(--tblr-bg-surface) !important;
|
||||
}
|
||||
.tox-tbtn:hover, .tox-tbtn.tox-tbtn--enabled {
|
||||
background: var(--tblr-bg-surface-secondary) !important;
|
||||
}
|
||||
|
||||
.tox-edit-area::before {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.tox-statusbar {
|
||||
border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color) !important;
|
||||
}
|
||||
|
||||
.tox .tox-toolbar-overlord,
|
||||
.tox:not(.tox-hugerte-inline) .tox-editor-header {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
:root {
|
||||
--gl-star-size: auto;
|
||||
--gl-star-color: var(--tblr-yellow);
|
||||
--gl-star-color-inactive: var(--tblr-border-color);
|
||||
}
|
||||
|
||||
[data-star-rating] svg {
|
||||
width: var(--tblr-icon-size, var(--gl-star-size));
|
||||
height: var(--tblr-icon-size, var(--gl-star-size));
|
||||
}
|
||||
[data-star-rating] :not(.gl-active) > .gl-star-full {
|
||||
color: var(--gl-star-color-inactive) !important;
|
||||
}
|
||||
[data-star-rating] .gl-active > .gl-star-full {
|
||||
color: var(--gl-star-color);
|
||||
fill: currentColor;
|
||||
stroke: currentColor;
|
||||
}
|
||||
|
||||
.clr-picker {
|
||||
background-color: var(--tblr-bg-surface);
|
||||
box-shadow: var(--tblr-shadow-dropdown);
|
||||
border-radius: var(--tblr-border-radius);
|
||||
}
|
||||
|
||||
.clr-gradient {
|
||||
border-radius: var(--tblr-border-radius) var(--tblr-border-radius) 0 0;
|
||||
}
|
||||
|
||||
input.clr-color {
|
||||
border-radius: var(--tblr-border-radius);
|
||||
color: var(--tblr-body-color);
|
||||
background: transparent;
|
||||
border-color: var(--tblr-border-color);
|
||||
}
|
||||
input.clr-color:focus {
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 2px var(--tblr-primary), 0 0 0 0.25rem color-mix(in oklab, var(--tblr-primary) 25%, transparent);
|
||||
border-color: color-mix(in oklab, var(--tblr-primary) 25%, transparent);
|
||||
}
|
||||
|
||||
.clr-swatches button {
|
||||
border-radius: var(--tblr-border-radius);
|
||||
padding: 0 2px 4px;
|
||||
}
|
||||
.clr-swatches button:focus {
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 2px var(--tblr-primary), 0 0 0 0.25rem color-mix(in oklab, var(--tblr-primary) 25%, transparent);
|
||||
}
|
||||
|
||||
.clr-preview {
|
||||
border-radius: var(--tblr-border-radius);
|
||||
overflow: visible;
|
||||
}
|
||||
.clr-preview button, .clr-preview::before, .clr-preview::after {
|
||||
border-radius: var(--tblr-border-radius);
|
||||
}
|
||||
.clr-preview button:focus {
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 2px var(--tblr-primary), 0 0 0 0.25rem color-mix(in oklab, var(--tblr-primary) 25%, transparent);
|
||||
}
|
||||
|
||||
.clr-field {
|
||||
display: block;
|
||||
}
|
||||
.clr-field button {
|
||||
inset-inline-start: 6px;
|
||||
inset-inline-end: auto;
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
border-radius: var(--tblr-border-radius);
|
||||
}
|
||||
.clr-field button::after {
|
||||
box-shadow: inset 0 0 0 1px var(--tblr-border-color-translucent);
|
||||
}
|
||||
.clr-field button:focus {
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 2px var(--tblr-primary), 0 0 0 0.25rem color-mix(in oklab, var(--tblr-primary) 25%, transparent);
|
||||
}
|
||||
.clr-field input {
|
||||
padding-inline-start: 2.5rem;
|
||||
}
|
||||
|
||||
.typed-cursor {
|
||||
font-weight: 500;
|
||||
color: oklch(55.1% 0.0234 264.36deg);
|
||||
}
|
||||
|
||||
:root {
|
||||
--fc-border-color: var(--tblr-border-color);
|
||||
--fc-daygrid-event-dot-width: 5px;
|
||||
--fc-event-bg-color: var(--tblr-primary-lt);
|
||||
--fc-event-border-color: var(--tblr-primary-200);
|
||||
--fc-event-text-color: var(--tblr-body-color);
|
||||
}
|
||||
|
||||
.fc-toolbar-title {
|
||||
font-size: var(--tblr-font-size-h3) !important;
|
||||
font-weight: var(--tblr-font-weight-medium);
|
||||
}
|
||||
|
||||
.fc-daygrid-dot-event {
|
||||
padding-top: 1px;
|
||||
padding-bottom: 1px;
|
||||
color: var(--fc-event-text-color);
|
||||
background-color: var(--fc-event-bg-color);
|
||||
border: 1px solid var(--fc-event-border-color);
|
||||
}
|
||||
.fc-daygrid-dot-event .fc-event-title {
|
||||
font-weight: inherit;
|
||||
}
|
||||
|
||||
.fc-col-header-cell {
|
||||
padding-top: 0.5rem !important;
|
||||
padding-bottom: 0.5rem !important;
|
||||
font-size: var(--tblr-font-size-h5);
|
||||
font-weight: var(--tblr-font-weight-medium);
|
||||
line-height: 1;
|
||||
color: var(--tblr-secondary);
|
||||
text-transform: uppercase;
|
||||
background-color: var(--tblr-bg-surface-secondary);
|
||||
}
|
||||
|
||||
.fc-event-time {
|
||||
font-weight: var(--tblr-font-weight-semibold) !important;
|
||||
}
|
||||
|
||||
.fc-col-header-cell-cushion {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.fc-daygrid-day-number {
|
||||
color: var(--tblr-secondary);
|
||||
}
|
||||
|
||||
.fc-button {
|
||||
font-weight: var(--tblr-font-weight-medium) !important;
|
||||
color: var(--tblr-body-color) !important;
|
||||
background-color: transparent !important;
|
||||
border-color: var(--tblr-border-color) !important;
|
||||
}
|
||||
/*# sourceMappingURL=tabler-vendors.rtl.css.map */
|
||||
1
storage/public/dist/css/tabler-vendors.rtl.css.map
vendored
Normal file
1
storage/public/dist/css/tabler-vendors.rtl.css.map
vendored
Normal file
File diff suppressed because one or more lines are too long
10269
storage/public/dist/css/tabler.css
vendored
10269
storage/public/dist/css/tabler.css
vendored
File diff suppressed because it is too large
Load diff
2
storage/public/dist/css/tabler.css.map
vendored
2
storage/public/dist/css/tabler.css.map
vendored
File diff suppressed because one or more lines are too long
27667
storage/public/dist/css/tabler.rtl.css
vendored
Normal file
27667
storage/public/dist/css/tabler.rtl.css
vendored
Normal file
File diff suppressed because it is too large
Load diff
1
storage/public/dist/css/tabler.rtl.css.map
vendored
Normal file
1
storage/public/dist/css/tabler.rtl.css.map
vendored
Normal file
File diff suppressed because one or more lines are too long
Loading…
Add table
Add a link
Reference in a new issue