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 {
|
.input {
|
||||||
@layer daisyui.l1.l2.l3 {
|
@layer daisyui.l1.l2.l3 {
|
||||||
cursor: text;
|
cursor: text;
|
||||||
@@ -1171,6 +1306,9 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.absolute {
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
.fixed {
|
.fixed {
|
||||||
position: 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 {
|
.toast-bottom {
|
||||||
@layer daisyui.l1.l2 {
|
@layer daisyui.l1.l2 {
|
||||||
top: auto;
|
top: auto;
|
||||||
@@ -1263,6 +1363,15 @@
|
|||||||
--toast-y: 0;
|
--toast-y: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.right-0 {
|
||||||
|
right: calc(var(--spacing) * 0);
|
||||||
|
}
|
||||||
|
.bottom-full {
|
||||||
|
bottom: 100%;
|
||||||
|
}
|
||||||
|
.left-0 {
|
||||||
|
left: calc(var(--spacing) * 0);
|
||||||
|
}
|
||||||
.modal-backdrop {
|
.modal-backdrop {
|
||||||
@layer daisyui.l1.l2.l3 {
|
@layer daisyui.l1.l2.l3 {
|
||||||
grid-column-start: 1;
|
grid-column-start: 1;
|
||||||
@@ -1678,6 +1787,9 @@
|
|||||||
-webkit-box-orient: vertical;
|
-webkit-box-orient: vertical;
|
||||||
-webkit-line-clamp: 2;
|
-webkit-line-clamp: 2;
|
||||||
}
|
}
|
||||||
|
.block {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
.flex {
|
.flex {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
@@ -1738,8 +1850,8 @@
|
|||||||
.h-10 {
|
.h-10 {
|
||||||
height: calc(var(--spacing) * 10);
|
height: calc(var(--spacing) * 10);
|
||||||
}
|
}
|
||||||
.h-14 {
|
.h-auto {
|
||||||
height: calc(var(--spacing) * 14);
|
height: auto;
|
||||||
}
|
}
|
||||||
.h-full {
|
.h-full {
|
||||||
height: 100%;
|
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 {
|
||||||
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: 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