From 2c25d3bdf1cc539c922cb93aed5ca4e1839a1804 Mon Sep 17 00:00:00 2001 From: spinline Date: Fri, 6 Feb 2026 14:21:17 +0300 Subject: [PATCH] chore: rebuild tailwind.css --- frontend/public/tailwind.css | 196 +++++++++++++++++++++++++++-------- 1 file changed, 152 insertions(+), 44 deletions(-) diff --git a/frontend/public/tailwind.css b/frontend/public/tailwind.css index 540b609..3305169 100644 --- a/frontend/public/tailwind.css +++ b/frontend/public/tailwind.css @@ -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,); }