chore: rebuild tailwind.css
This commit is contained in:
@@ -767,6 +767,141 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.toggle {
|
||||
@layer daisyui.l1.l2.l3 {
|
||||
border: var(--border) solid currentColor;
|
||||
color: var(--input-color);
|
||||
position: relative;
|
||||
display: inline-grid;
|
||||
flex-shrink: 0;
|
||||
cursor: pointer;
|
||||
appearance: none;
|
||||
place-content: center;
|
||||
vertical-align: middle;
|
||||
webkit-user-select: none;
|
||||
user-select: none;
|
||||
grid-template-columns: 0fr 1fr 1fr;
|
||||
--radius-selector-max: calc(
|
||||
var(--radius-selector) + var(--radius-selector) + var(--radius-selector)
|
||||
);
|
||||
border-radius: calc( var(--radius-selector) + min(var(--toggle-p), var(--radius-selector-max)) + min(var(--border), var(--radius-selector-max)) );
|
||||
padding: var(--toggle-p);
|
||||
box-shadow: 0 1px currentColor inset;
|
||||
@supports (color: color-mix(in lab, red, red)) {
|
||||
box-shadow: 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset;
|
||||
}
|
||||
transition: color 0.3s, grid-template-columns 0.2s;
|
||||
--input-color: var(--color-base-content);
|
||||
@supports (color: color-mix(in lab, red, red)) {
|
||||
--input-color: color-mix(in oklab, var(--color-base-content) 50%, #0000);
|
||||
}
|
||||
--toggle-p: calc(var(--size) * 0.125);
|
||||
--size: calc(var(--size-selector, 0.25rem) * 6);
|
||||
width: calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);
|
||||
height: var(--size);
|
||||
> * {
|
||||
z-index: 1;
|
||||
grid-column: span 1 / span 1;
|
||||
grid-column-start: 2;
|
||||
grid-row-start: 1;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
appearance: none;
|
||||
background-color: transparent;
|
||||
padding: calc(0.25rem * 0.5);
|
||||
transition: opacity 0.2s, rotate 0.4s;
|
||||
border: none;
|
||||
&:focus {
|
||||
--tw-outline-style: none;
|
||||
outline-style: none;
|
||||
@media (forced-colors: active) {
|
||||
outline: 2px solid transparent;
|
||||
outline-offset: 2px;
|
||||
}
|
||||
}
|
||||
&:nth-child(2) {
|
||||
color: var(--color-base-100);
|
||||
rotate: 0deg;
|
||||
}
|
||||
&:nth-child(3) {
|
||||
color: var(--color-base-100);
|
||||
opacity: 0%;
|
||||
rotate: -15deg;
|
||||
}
|
||||
}
|
||||
&:has(:checked) {
|
||||
> :nth-child(2) {
|
||||
opacity: 0%;
|
||||
rotate: 15deg;
|
||||
}
|
||||
> :nth-child(3) {
|
||||
opacity: 100%;
|
||||
rotate: 0deg;
|
||||
}
|
||||
}
|
||||
&:before {
|
||||
position: relative;
|
||||
inset-inline-start: calc(0.25rem * 0);
|
||||
grid-column-start: 2;
|
||||
grid-row-start: 1;
|
||||
aspect-ratio: 1 / 1;
|
||||
height: 100%;
|
||||
border-radius: var(--radius-selector);
|
||||
background-color: currentcolor;
|
||||
translate: 0;
|
||||
--tw-content: "";
|
||||
content: var(--tw-content);
|
||||
transition: background-color 0.1s, translate 0.2s, inset-inline-start 0.2s;
|
||||
box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px currentColor;
|
||||
@supports (color: color-mix(in lab, red, red)) {
|
||||
box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000);
|
||||
}
|
||||
background-size: auto, calc(var(--noise) * 100%);
|
||||
background-image: none, var(--fx-noise);
|
||||
}
|
||||
@media (forced-colors: active) {
|
||||
&:before {
|
||||
outline-style: var(--tw-outline-style);
|
||||
outline-width: 1px;
|
||||
outline-offset: calc(1px * -1);
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
&:before {
|
||||
outline: 0.25rem solid;
|
||||
outline-offset: -1rem;
|
||||
}
|
||||
}
|
||||
&:focus-visible, &:has(:focus-visible) {
|
||||
outline: 2px solid currentColor;
|
||||
outline-offset: 2px;
|
||||
}
|
||||
&:checked, &[aria-checked="true"], &:has(> input:checked) {
|
||||
grid-template-columns: 1fr 1fr 0fr;
|
||||
background-color: var(--color-base-100);
|
||||
--input-color: var(--color-base-content);
|
||||
&:before {
|
||||
background-color: currentcolor;
|
||||
}
|
||||
@starting-style {
|
||||
&:before {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:indeterminate {
|
||||
grid-template-columns: 0.5fr 1fr 0.5fr;
|
||||
}
|
||||
&:disabled {
|
||||
cursor: not-allowed;
|
||||
opacity: 30%;
|
||||
&:before {
|
||||
background-color: transparent;
|
||||
border: var(--border) solid currentColor;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.input {
|
||||
@layer daisyui.l1.l2.l3 {
|
||||
cursor: text;
|
||||
@@ -1171,6 +1306,9 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.absolute {
|
||||
position: absolute;
|
||||
}
|
||||
.fixed {
|
||||
position: fixed;
|
||||
}
|
||||
@@ -1218,44 +1356,6 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.dropdown-start {
|
||||
@layer daisyui.l1.l2 {
|
||||
--anchor-h: span-right;
|
||||
:where(.dropdown-content) {
|
||||
inset-inline-end: auto;
|
||||
translate: 0 0;
|
||||
[dir="rtl"] & {
|
||||
translate: 0 0;
|
||||
}
|
||||
}
|
||||
&.dropdown-left {
|
||||
--anchor-h: left;
|
||||
--anchor-v: span-bottom;
|
||||
.dropdown-content {
|
||||
top: calc(0.25rem * 0);
|
||||
bottom: auto;
|
||||
}
|
||||
}
|
||||
&.dropdown-right {
|
||||
--anchor-h: right;
|
||||
--anchor-v: span-bottom;
|
||||
.dropdown-content {
|
||||
top: calc(0.25rem * 0);
|
||||
bottom: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.dropdown-top {
|
||||
@layer daisyui.l1.l2 {
|
||||
--anchor-v: top;
|
||||
.dropdown-content {
|
||||
top: auto;
|
||||
bottom: 100%;
|
||||
transform-origin: bottom;
|
||||
}
|
||||
}
|
||||
}
|
||||
.toast-bottom {
|
||||
@layer daisyui.l1.l2 {
|
||||
top: auto;
|
||||
@@ -1263,6 +1363,15 @@
|
||||
--toast-y: 0;
|
||||
}
|
||||
}
|
||||
.right-0 {
|
||||
right: calc(var(--spacing) * 0);
|
||||
}
|
||||
.bottom-full {
|
||||
bottom: 100%;
|
||||
}
|
||||
.left-0 {
|
||||
left: calc(var(--spacing) * 0);
|
||||
}
|
||||
.modal-backdrop {
|
||||
@layer daisyui.l1.l2.l3 {
|
||||
grid-column-start: 1;
|
||||
@@ -1678,6 +1787,9 @@
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
}
|
||||
.block {
|
||||
display: block;
|
||||
}
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
@@ -1738,8 +1850,8 @@
|
||||
.h-10 {
|
||||
height: calc(var(--spacing) * 10);
|
||||
}
|
||||
.h-14 {
|
||||
height: calc(var(--spacing) * 14);
|
||||
.h-auto {
|
||||
height: auto;
|
||||
}
|
||||
.h-full {
|
||||
height: 100%;
|
||||
@@ -2255,10 +2367,6 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.blur {
|
||||
--tw-blur: blur(8px);
|
||||
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
||||
}
|
||||
.filter {
|
||||
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user