daisyui 5.6.2 → 5.6.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/base/properties.css +1 -1
- package/base/reset.css +1 -1
- package/base/rootcolor.css +1 -1
- package/base/rootscrollgutter.css +1 -1
- package/base/rootscrolllock.css +1 -1
- package/base/scrollbar.css +1 -1
- package/base/svg.css +1 -1
- package/colors/properties-extended.css +1 -1
- package/colors/properties.css +1 -1
- package/colors/responsive-extended.css +1 -1
- package/colors/responsive.css +1 -1
- package/colors/states-extended.css +1 -1
- package/colors/states.css +1 -1
- package/components/alert.css +1 -1
- package/components/aura.css +1 -1
- package/components/avatar.css +1 -1
- package/components/badge.css +1 -1
- package/components/breadcrumbs.css +1 -1
- package/components/button.css +1 -1
- package/components/calendar.css +1 -1
- package/components/card.css +1 -1
- package/components/carousel.css +1 -1
- package/components/chat.css +1 -1
- package/components/checkbox.css +1 -1
- package/components/collapse.css +1 -1
- package/components/countdown.css +1 -1
- package/components/diff.css +1 -1
- package/components/divider.css +1 -1
- package/components/dock.css +1 -1
- package/components/drawer.css +1 -1
- package/components/dropdown.css +1 -1
- package/components/fab.css +1 -1
- package/components/fieldset.css +1 -1
- package/components/fileinput.css +1 -1
- package/components/filter.css +1 -1
- package/components/footer.css +1 -1
- package/components/hero.css +1 -1
- package/components/hover3d.css +1 -1
- package/components/hovergallery.css +1 -1
- package/components/indicator.css +1 -1
- package/components/input.css +1 -1
- package/components/kbd.css +1 -1
- package/components/label.css +1 -1
- package/components/link.css +1 -1
- package/components/list.css +1 -1
- package/components/loading.css +1 -1
- package/components/mask.css +1 -1
- package/components/megamenu.css +1 -1
- package/components/menu.css +1 -1
- package/components/mockup.css +1 -1
- package/components/modal.css +1 -1
- package/components/navbar.css +1 -1
- package/components/otp/object.js +1 -1
- package/components/otp.css +1 -1
- package/components/progress.css +1 -1
- package/components/radialprogress.css +1 -1
- package/components/radio.css +1 -1
- package/components/range.css +1 -1
- package/components/rating.css +1 -1
- package/components/select.css +1 -1
- package/components/skeleton.css +1 -1
- package/components/stack.css +1 -1
- package/components/stat.css +1 -1
- package/components/status.css +1 -1
- package/components/steps.css +1 -1
- package/components/swap.css +1 -1
- package/components/tab.css +1 -1
- package/components/table.css +1 -1
- package/components/textarea.css +1 -1
- package/components/textrotate.css +1 -1
- package/components/timeline.css +1 -1
- package/components/toast.css +1 -1
- package/components/toggle.css +1 -1
- package/components/tooltip/object.js +1 -1
- package/components/tooltip.css +1 -1
- package/components/validator.css +1 -1
- package/daisyui.css +1 -1
- package/index.js +1 -1
- package/package.json +1 -1
- package/theme/object.d.ts +21 -21
- package/theme/object.js +1 -1
- package/themes.css +1 -1
- package/utilities/glass.css +1 -1
- package/utilities/join.css +1 -1
- package/utilities/radius.css +1 -1
- package/utilities/typography.css +1 -1
package/components/textarea.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.6.2 - MIT License */ @layer utilities{.textarea{@layer daisyui.l1.l2.l3{appearance:none;border-radius:var(--radius-field);background-color:var(--color-base-100);vertical-align:middle;--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);width:clamp(3rem,20rem,100%);min-height:5rem;font-size:max(var(--font-size,0rem), var(--font-size-min));touch-action:manipulation;border:var(--border) solid var(--input-color,#0000);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;flex-shrink:1;padding-block:.5rem;padding-inline:.75rem;& textarea{appearance:none;background-color:#0000;border:none;&::placeholder{color:var(--color-base-content);opacity:.5}&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>textarea[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab, var(--color-base-content) 40%, transparent);box-shadow:none;&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}&:has(>textarea[disabled])>textarea[disabled]{cursor:not-allowed}}}.textarea-ghost{@layer daisyui.l1.l2{box-shadow:none;background-color:#0000;border-color:#0000;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.textarea-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.textarea-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.textarea-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.textarea-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.textarea-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.textarea-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.textarea-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.textarea-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.textarea-xs{@layer daisyui.l1.l2{--font-size-min:.6875rem;.floating-label:has(&){--top-mul:3;--font-size:.6875rem}}}.textarea-sm{@layer daisyui.l1.l2{--font-size-min:.75rem;.floating-label:has(&){--top-mul:4;--font-size:.75rem}}}.textarea,.textarea-md{@layer daisyui.l1.l2{--font-size-min:.875rem;.floating-label:has(&){--top-mul:5;--font-size:.875rem}}}.textarea-lg{@layer daisyui.l1.l2{--font-size-min:1.125rem;.floating-label:has(&){--top-mul:6;--font-size:1.125rem}}}.textarea-xl{@layer daisyui.l1.l2{--font-size-min:1.375rem;.floating-label:has(&){--top-mul:7;--font-size:1.375rem}}}@media (width>=640px){.sm\:textarea{@layer daisyui.l1.l2.l3{appearance:none;border-radius:var(--radius-field);background-color:var(--color-base-100);vertical-align:middle;--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);width:clamp(3rem,20rem,100%);min-height:5rem;font-size:max(var(--font-size,0rem), var(--font-size-min));touch-action:manipulation;border:var(--border) solid var(--input-color,#0000);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;flex-shrink:1;padding-block:.5rem;padding-inline:.75rem;& textarea{appearance:none;background-color:#0000;border:none;&::placeholder{color:var(--color-base-content);opacity:.5}&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>textarea[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab, var(--color-base-content) 40%, transparent);box-shadow:none;&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}&:has(>textarea[disabled])>textarea[disabled]{cursor:not-allowed}}}.sm\:textarea-ghost{@layer daisyui.l1.l2{box-shadow:none;background-color:#0000;border-color:#0000;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.sm\:textarea-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.sm\:textarea-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.sm\:textarea-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.sm\:textarea-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.sm\:textarea-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.sm\:textarea-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.sm\:textarea-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.sm\:textarea-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.sm\:textarea-xs{@layer daisyui.l1.l2{--font-size-min:.6875rem;.floating-label:has(&){--top-mul:3;--font-size:.6875rem}}}.sm\:textarea-sm{@layer daisyui.l1.l2{--font-size-min:.75rem;.floating-label:has(&){--top-mul:4;--font-size:.75rem}}}.sm\:textarea,.sm\:textarea-md{@layer daisyui.l1.l2{--font-size-min:.875rem;.floating-label:has(&){--top-mul:5;--font-size:.875rem}}}.sm\:textarea-lg{@layer daisyui.l1.l2{--font-size-min:1.125rem;.floating-label:has(&){--top-mul:6;--font-size:1.125rem}}}.sm\:textarea-xl{@layer daisyui.l1.l2{--font-size-min:1.375rem;.floating-label:has(&){--top-mul:7;--font-size:1.375rem}}}}@media (width>=768px){.md\:textarea{@layer daisyui.l1.l2.l3{appearance:none;border-radius:var(--radius-field);background-color:var(--color-base-100);vertical-align:middle;--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);width:clamp(3rem,20rem,100%);min-height:5rem;font-size:max(var(--font-size,0rem), var(--font-size-min));touch-action:manipulation;border:var(--border) solid var(--input-color,#0000);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;flex-shrink:1;padding-block:.5rem;padding-inline:.75rem;& textarea{appearance:none;background-color:#0000;border:none;&::placeholder{color:var(--color-base-content);opacity:.5}&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>textarea[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab, var(--color-base-content) 40%, transparent);box-shadow:none;&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}&:has(>textarea[disabled])>textarea[disabled]{cursor:not-allowed}}}.md\:textarea-ghost{@layer daisyui.l1.l2{box-shadow:none;background-color:#0000;border-color:#0000;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.md\:textarea-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.md\:textarea-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.md\:textarea-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.md\:textarea-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.md\:textarea-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.md\:textarea-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.md\:textarea-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.md\:textarea-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.md\:textarea-xs{@layer daisyui.l1.l2{--font-size-min:.6875rem;.floating-label:has(&){--top-mul:3;--font-size:.6875rem}}}.md\:textarea-sm{@layer daisyui.l1.l2{--font-size-min:.75rem;.floating-label:has(&){--top-mul:4;--font-size:.75rem}}}.md\:textarea,.md\:textarea-md{@layer daisyui.l1.l2{--font-size-min:.875rem;.floating-label:has(&){--top-mul:5;--font-size:.875rem}}}.md\:textarea-lg{@layer daisyui.l1.l2{--font-size-min:1.125rem;.floating-label:has(&){--top-mul:6;--font-size:1.125rem}}}.md\:textarea-xl{@layer daisyui.l1.l2{--font-size-min:1.375rem;.floating-label:has(&){--top-mul:7;--font-size:1.375rem}}}}@media (width>=1024px){.lg\:textarea{@layer daisyui.l1.l2.l3{appearance:none;border-radius:var(--radius-field);background-color:var(--color-base-100);vertical-align:middle;--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);width:clamp(3rem,20rem,100%);min-height:5rem;font-size:max(var(--font-size,0rem), var(--font-size-min));touch-action:manipulation;border:var(--border) solid var(--input-color,#0000);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;flex-shrink:1;padding-block:.5rem;padding-inline:.75rem;& textarea{appearance:none;background-color:#0000;border:none;&::placeholder{color:var(--color-base-content);opacity:.5}&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>textarea[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab, var(--color-base-content) 40%, transparent);box-shadow:none;&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}&:has(>textarea[disabled])>textarea[disabled]{cursor:not-allowed}}}.lg\:textarea-ghost{@layer daisyui.l1.l2{box-shadow:none;background-color:#0000;border-color:#0000;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.lg\:textarea-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.lg\:textarea-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.lg\:textarea-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.lg\:textarea-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.lg\:textarea-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.lg\:textarea-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.lg\:textarea-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.lg\:textarea-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.lg\:textarea-xs{@layer daisyui.l1.l2{--font-size-min:.6875rem;.floating-label:has(&){--top-mul:3;--font-size:.6875rem}}}.lg\:textarea-sm{@layer daisyui.l1.l2{--font-size-min:.75rem;.floating-label:has(&){--top-mul:4;--font-size:.75rem}}}.lg\:textarea,.lg\:textarea-md{@layer daisyui.l1.l2{--font-size-min:.875rem;.floating-label:has(&){--top-mul:5;--font-size:.875rem}}}.lg\:textarea-lg{@layer daisyui.l1.l2{--font-size-min:1.125rem;.floating-label:has(&){--top-mul:6;--font-size:1.125rem}}}.lg\:textarea-xl{@layer daisyui.l1.l2{--font-size-min:1.375rem;.floating-label:has(&){--top-mul:7;--font-size:1.375rem}}}}@media (width>=1280px){.xl\:textarea{@layer daisyui.l1.l2.l3{appearance:none;border-radius:var(--radius-field);background-color:var(--color-base-100);vertical-align:middle;--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);width:clamp(3rem,20rem,100%);min-height:5rem;font-size:max(var(--font-size,0rem), var(--font-size-min));touch-action:manipulation;border:var(--border) solid var(--input-color,#0000);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;flex-shrink:1;padding-block:.5rem;padding-inline:.75rem;& textarea{appearance:none;background-color:#0000;border:none;&::placeholder{color:var(--color-base-content);opacity:.5}&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>textarea[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab, var(--color-base-content) 40%, transparent);box-shadow:none;&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}&:has(>textarea[disabled])>textarea[disabled]{cursor:not-allowed}}}.xl\:textarea-ghost{@layer daisyui.l1.l2{box-shadow:none;background-color:#0000;border-color:#0000;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.xl\:textarea-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.xl\:textarea-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.xl\:textarea-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.xl\:textarea-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.xl\:textarea-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.xl\:textarea-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.xl\:textarea-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.xl\:textarea-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.xl\:textarea-xs{@layer daisyui.l1.l2{--font-size-min:.6875rem;.floating-label:has(&){--top-mul:3;--font-size:.6875rem}}}.xl\:textarea-sm{@layer daisyui.l1.l2{--font-size-min:.75rem;.floating-label:has(&){--top-mul:4;--font-size:.75rem}}}.xl\:textarea,.xl\:textarea-md{@layer daisyui.l1.l2{--font-size-min:.875rem;.floating-label:has(&){--top-mul:5;--font-size:.875rem}}}.xl\:textarea-lg{@layer daisyui.l1.l2{--font-size-min:1.125rem;.floating-label:has(&){--top-mul:6;--font-size:1.125rem}}}.xl\:textarea-xl{@layer daisyui.l1.l2{--font-size-min:1.375rem;.floating-label:has(&){--top-mul:7;--font-size:1.375rem}}}}@media (width>=1536px){.\32 xl\:textarea{@layer daisyui.l1.l2.l3{appearance:none;border-radius:var(--radius-field);background-color:var(--color-base-100);vertical-align:middle;--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);width:clamp(3rem,20rem,100%);min-height:5rem;font-size:max(var(--font-size,0rem), var(--font-size-min));touch-action:manipulation;border:var(--border) solid var(--input-color,#0000);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;flex-shrink:1;padding-block:.5rem;padding-inline:.75rem;& textarea{appearance:none;background-color:#0000;border:none;&::placeholder{color:var(--color-base-content);opacity:.5}&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>textarea[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab, var(--color-base-content) 40%, transparent);box-shadow:none;&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}&:has(>textarea[disabled])>textarea[disabled]{cursor:not-allowed}}}.\32 xl\:textarea-ghost{@layer daisyui.l1.l2{box-shadow:none;background-color:#0000;border-color:#0000;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.\32 xl\:textarea-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.\32 xl\:textarea-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.\32 xl\:textarea-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.\32 xl\:textarea-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.\32 xl\:textarea-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.\32 xl\:textarea-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.\32 xl\:textarea-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.\32 xl\:textarea-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.\32 xl\:textarea-xs{@layer daisyui.l1.l2{--font-size-min:.6875rem;.floating-label:has(&){--top-mul:3;--font-size:.6875rem}}}.\32 xl\:textarea-sm{@layer daisyui.l1.l2{--font-size-min:.75rem;.floating-label:has(&){--top-mul:4;--font-size:.75rem}}}.\32 xl\:textarea,.\32 xl\:textarea-md{@layer daisyui.l1.l2{--font-size-min:.875rem;.floating-label:has(&){--top-mul:5;--font-size:.875rem}}}.\32 xl\:textarea-lg{@layer daisyui.l1.l2{--font-size-min:1.125rem;.floating-label:has(&){--top-mul:6;--font-size:1.125rem}}}.\32 xl\:textarea-xl{@layer daisyui.l1.l2{--font-size-min:1.375rem;.floating-label:has(&){--top-mul:7;--font-size:1.375rem}}}}}
|
|
1
|
+
/*! 🌼 daisyUI 5.6.4 - MIT License */ @layer utilities{.textarea{@layer daisyui.l1.l2.l3{appearance:none;border-radius:var(--radius-field);background-color:var(--color-base-100);vertical-align:middle;--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);width:clamp(3rem,20rem,100%);min-height:5rem;font-size:max(var(--font-size,0rem), var(--font-size-min));touch-action:manipulation;border:var(--border) solid var(--input-color,#0000);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;flex-shrink:1;padding-block:.5rem;padding-inline:.75rem;& textarea{appearance:none;background-color:#0000;border:none;&::placeholder{color:var(--color-base-content);opacity:.5}&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>textarea[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab, var(--color-base-content) 40%, transparent);box-shadow:none;&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}&:has(>textarea[disabled])>textarea[disabled]{cursor:not-allowed}}}.textarea-ghost{@layer daisyui.l1.l2{box-shadow:none;background-color:#0000;border-color:#0000;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.textarea-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.textarea-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.textarea-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.textarea-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.textarea-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.textarea-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.textarea-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.textarea-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.textarea-xs{@layer daisyui.l1.l2{--font-size-min:.6875rem;.floating-label:has(&){--top-mul:3;--font-size:.6875rem}}}.textarea-sm{@layer daisyui.l1.l2{--font-size-min:.75rem;.floating-label:has(&){--top-mul:4;--font-size:.75rem}}}.textarea,.textarea-md{@layer daisyui.l1.l2{--font-size-min:.875rem;.floating-label:has(&){--top-mul:5;--font-size:.875rem}}}.textarea-lg{@layer daisyui.l1.l2{--font-size-min:1.125rem;.floating-label:has(&){--top-mul:6;--font-size:1.125rem}}}.textarea-xl{@layer daisyui.l1.l2{--font-size-min:1.375rem;.floating-label:has(&){--top-mul:7;--font-size:1.375rem}}}@media (width>=640px){.sm\:textarea{@layer daisyui.l1.l2.l3{appearance:none;border-radius:var(--radius-field);background-color:var(--color-base-100);vertical-align:middle;--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);width:clamp(3rem,20rem,100%);min-height:5rem;font-size:max(var(--font-size,0rem), var(--font-size-min));touch-action:manipulation;border:var(--border) solid var(--input-color,#0000);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;flex-shrink:1;padding-block:.5rem;padding-inline:.75rem;& textarea{appearance:none;background-color:#0000;border:none;&::placeholder{color:var(--color-base-content);opacity:.5}&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>textarea[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab, var(--color-base-content) 40%, transparent);box-shadow:none;&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}&:has(>textarea[disabled])>textarea[disabled]{cursor:not-allowed}}}.sm\:textarea-ghost{@layer daisyui.l1.l2{box-shadow:none;background-color:#0000;border-color:#0000;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.sm\:textarea-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.sm\:textarea-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.sm\:textarea-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.sm\:textarea-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.sm\:textarea-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.sm\:textarea-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.sm\:textarea-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.sm\:textarea-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.sm\:textarea-xs{@layer daisyui.l1.l2{--font-size-min:.6875rem;.floating-label:has(&){--top-mul:3;--font-size:.6875rem}}}.sm\:textarea-sm{@layer daisyui.l1.l2{--font-size-min:.75rem;.floating-label:has(&){--top-mul:4;--font-size:.75rem}}}.sm\:textarea,.sm\:textarea-md{@layer daisyui.l1.l2{--font-size-min:.875rem;.floating-label:has(&){--top-mul:5;--font-size:.875rem}}}.sm\:textarea-lg{@layer daisyui.l1.l2{--font-size-min:1.125rem;.floating-label:has(&){--top-mul:6;--font-size:1.125rem}}}.sm\:textarea-xl{@layer daisyui.l1.l2{--font-size-min:1.375rem;.floating-label:has(&){--top-mul:7;--font-size:1.375rem}}}}@media (width>=768px){.md\:textarea{@layer daisyui.l1.l2.l3{appearance:none;border-radius:var(--radius-field);background-color:var(--color-base-100);vertical-align:middle;--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);width:clamp(3rem,20rem,100%);min-height:5rem;font-size:max(var(--font-size,0rem), var(--font-size-min));touch-action:manipulation;border:var(--border) solid var(--input-color,#0000);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;flex-shrink:1;padding-block:.5rem;padding-inline:.75rem;& textarea{appearance:none;background-color:#0000;border:none;&::placeholder{color:var(--color-base-content);opacity:.5}&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>textarea[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab, var(--color-base-content) 40%, transparent);box-shadow:none;&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}&:has(>textarea[disabled])>textarea[disabled]{cursor:not-allowed}}}.md\:textarea-ghost{@layer daisyui.l1.l2{box-shadow:none;background-color:#0000;border-color:#0000;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.md\:textarea-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.md\:textarea-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.md\:textarea-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.md\:textarea-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.md\:textarea-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.md\:textarea-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.md\:textarea-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.md\:textarea-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.md\:textarea-xs{@layer daisyui.l1.l2{--font-size-min:.6875rem;.floating-label:has(&){--top-mul:3;--font-size:.6875rem}}}.md\:textarea-sm{@layer daisyui.l1.l2{--font-size-min:.75rem;.floating-label:has(&){--top-mul:4;--font-size:.75rem}}}.md\:textarea,.md\:textarea-md{@layer daisyui.l1.l2{--font-size-min:.875rem;.floating-label:has(&){--top-mul:5;--font-size:.875rem}}}.md\:textarea-lg{@layer daisyui.l1.l2{--font-size-min:1.125rem;.floating-label:has(&){--top-mul:6;--font-size:1.125rem}}}.md\:textarea-xl{@layer daisyui.l1.l2{--font-size-min:1.375rem;.floating-label:has(&){--top-mul:7;--font-size:1.375rem}}}}@media (width>=1024px){.lg\:textarea{@layer daisyui.l1.l2.l3{appearance:none;border-radius:var(--radius-field);background-color:var(--color-base-100);vertical-align:middle;--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);width:clamp(3rem,20rem,100%);min-height:5rem;font-size:max(var(--font-size,0rem), var(--font-size-min));touch-action:manipulation;border:var(--border) solid var(--input-color,#0000);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;flex-shrink:1;padding-block:.5rem;padding-inline:.75rem;& textarea{appearance:none;background-color:#0000;border:none;&::placeholder{color:var(--color-base-content);opacity:.5}&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>textarea[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab, var(--color-base-content) 40%, transparent);box-shadow:none;&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}&:has(>textarea[disabled])>textarea[disabled]{cursor:not-allowed}}}.lg\:textarea-ghost{@layer daisyui.l1.l2{box-shadow:none;background-color:#0000;border-color:#0000;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.lg\:textarea-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.lg\:textarea-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.lg\:textarea-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.lg\:textarea-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.lg\:textarea-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.lg\:textarea-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.lg\:textarea-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.lg\:textarea-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.lg\:textarea-xs{@layer daisyui.l1.l2{--font-size-min:.6875rem;.floating-label:has(&){--top-mul:3;--font-size:.6875rem}}}.lg\:textarea-sm{@layer daisyui.l1.l2{--font-size-min:.75rem;.floating-label:has(&){--top-mul:4;--font-size:.75rem}}}.lg\:textarea,.lg\:textarea-md{@layer daisyui.l1.l2{--font-size-min:.875rem;.floating-label:has(&){--top-mul:5;--font-size:.875rem}}}.lg\:textarea-lg{@layer daisyui.l1.l2{--font-size-min:1.125rem;.floating-label:has(&){--top-mul:6;--font-size:1.125rem}}}.lg\:textarea-xl{@layer daisyui.l1.l2{--font-size-min:1.375rem;.floating-label:has(&){--top-mul:7;--font-size:1.375rem}}}}@media (width>=1280px){.xl\:textarea{@layer daisyui.l1.l2.l3{appearance:none;border-radius:var(--radius-field);background-color:var(--color-base-100);vertical-align:middle;--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);width:clamp(3rem,20rem,100%);min-height:5rem;font-size:max(var(--font-size,0rem), var(--font-size-min));touch-action:manipulation;border:var(--border) solid var(--input-color,#0000);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;flex-shrink:1;padding-block:.5rem;padding-inline:.75rem;& textarea{appearance:none;background-color:#0000;border:none;&::placeholder{color:var(--color-base-content);opacity:.5}&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>textarea[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab, var(--color-base-content) 40%, transparent);box-shadow:none;&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}&:has(>textarea[disabled])>textarea[disabled]{cursor:not-allowed}}}.xl\:textarea-ghost{@layer daisyui.l1.l2{box-shadow:none;background-color:#0000;border-color:#0000;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.xl\:textarea-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.xl\:textarea-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.xl\:textarea-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.xl\:textarea-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.xl\:textarea-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.xl\:textarea-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.xl\:textarea-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.xl\:textarea-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.xl\:textarea-xs{@layer daisyui.l1.l2{--font-size-min:.6875rem;.floating-label:has(&){--top-mul:3;--font-size:.6875rem}}}.xl\:textarea-sm{@layer daisyui.l1.l2{--font-size-min:.75rem;.floating-label:has(&){--top-mul:4;--font-size:.75rem}}}.xl\:textarea,.xl\:textarea-md{@layer daisyui.l1.l2{--font-size-min:.875rem;.floating-label:has(&){--top-mul:5;--font-size:.875rem}}}.xl\:textarea-lg{@layer daisyui.l1.l2{--font-size-min:1.125rem;.floating-label:has(&){--top-mul:6;--font-size:1.125rem}}}.xl\:textarea-xl{@layer daisyui.l1.l2{--font-size-min:1.375rem;.floating-label:has(&){--top-mul:7;--font-size:1.375rem}}}}@media (width>=1536px){.\32 xl\:textarea{@layer daisyui.l1.l2.l3{appearance:none;border-radius:var(--radius-field);background-color:var(--color-base-100);vertical-align:middle;--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);width:clamp(3rem,20rem,100%);min-height:5rem;font-size:max(var(--font-size,0rem), var(--font-size-min));touch-action:manipulation;border:var(--border) solid var(--input-color,#0000);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;flex-shrink:1;padding-block:.5rem;padding-inline:.75rem;& textarea{appearance:none;background-color:#0000;border:none;&::placeholder{color:var(--color-base-content);opacity:.5}&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>textarea[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab, var(--color-base-content) 40%, transparent);box-shadow:none;&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}&:has(>textarea[disabled])>textarea[disabled]{cursor:not-allowed}}}.\32 xl\:textarea-ghost{@layer daisyui.l1.l2{box-shadow:none;background-color:#0000;border-color:#0000;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.\32 xl\:textarea-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.\32 xl\:textarea-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.\32 xl\:textarea-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.\32 xl\:textarea-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.\32 xl\:textarea-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.\32 xl\:textarea-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.\32 xl\:textarea-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.\32 xl\:textarea-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.\32 xl\:textarea-xs{@layer daisyui.l1.l2{--font-size-min:.6875rem;.floating-label:has(&){--top-mul:3;--font-size:.6875rem}}}.\32 xl\:textarea-sm{@layer daisyui.l1.l2{--font-size-min:.75rem;.floating-label:has(&){--top-mul:4;--font-size:.75rem}}}.\32 xl\:textarea,.\32 xl\:textarea-md{@layer daisyui.l1.l2{--font-size-min:.875rem;.floating-label:has(&){--top-mul:5;--font-size:.875rem}}}.\32 xl\:textarea-lg{@layer daisyui.l1.l2{--font-size-min:1.125rem;.floating-label:has(&){--top-mul:6;--font-size:1.125rem}}}.\32 xl\:textarea-xl{@layer daisyui.l1.l2{--font-size-min:1.375rem;.floating-label:has(&){--top-mul:7;--font-size:1.375rem}}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.6.
|
|
1
|
+
/*! 🌼 daisyUI 5.6.4 - MIT License */ @layer utilities{.text-rotate{height:1lh;@layer daisyui.l1.l2.l3{vertical-align:bottom;white-space:nowrap;--duration:var(--tw-duration);transition-property:none;display:inline-block;overflow:hidden;&>*{height:calc(var(--items,1) * 100%);justify-items:start;display:grid;&:has(:nth-child(2)){--items:2;animation:rotator var(--duration,10s) linear(0 0% 49%, .5 50% 99%, 1 100% 100%) infinite}&:has(:nth-child(3)){--items:3;animation:rotator var(--duration,10s) linear(0 0% 32%, .333333 33% 65%, .666666 66% 99%, 1 100% 100%) infinite}&:has(:nth-child(4)){--items:4;animation:rotator var(--duration,10s) linear(0 0% 24%, .25 25% 49%, .5 50% 74%, .75 75% 99%, 1 100% 100%) infinite}&:has(:nth-child(5)){--items:5;animation:rotator var(--duration,10s) linear(0 0% 19%, .2 20% 39%, .4 40% 59%, .6 60% 79%, .8 80% 99%, 1 100% 100%) infinite}&:has(:nth-child(6)){--items:6;animation:rotator var(--duration,10s) linear(0 0% 15%, .16666 16% 32%, .333333 33% 49%, .5 50% 65%, .666666 66% 82%, .833333 83% 99%, 1 100% 100%) infinite}&>*{clip-path:inset(.5px 0);align-content:baseline;&:first-child{translate:var(--first-item-position)}}}&:hover{&>*{animation-play-state:paused}}}}@keyframes rotator{89.9999%,to{--first-item-position:0 0%}90%,99.9999%{--first-item-position:0 calc(var(--items) * 100%)}to{translate:0 -100%}}}
|
package/components/timeline.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.6.2 - MIT License */ @layer utilities{.timeline{@layer daisyui.l1.l2.l3{display:flex;position:relative;&>li{grid-template-rows:var(--timeline-row-start,minmax(0, 1fr)) auto var(--timeline-row-end,minmax(0, 1fr));grid-template-columns:var(--timeline-col-start,minmax(0, 1fr)) auto var(--timeline-col-end,minmax(0, 1fr));flex-shrink:0;align-items:center;display:grid;position:relative;&>hr{border:none;width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}@media print{border:.1px solid var(--color-base-300)}}}& :where(hr){background-color:var(--color-base-300);height:.25rem}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}.timeline-box{@layer daisyui.l1.l2.l3{border:var(--border) solid;border-radius:var(--radius-box);border-color:var(--color-base-300);background-color:var(--color-base-100);padding-block:.5rem;padding-inline:1rem;font-size:.75rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}}.timeline-start{@layer daisyui.l1.l2.l3{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}}.timeline-middle{@layer daisyui.l1.l2.l3{grid-row-start:2;grid-column-start:2}}.timeline-end{@layer daisyui.l1.l2.l3{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}}.timeline-compact{@layer daisyui.l1.l2{--timeline-row-start:0;& .timeline-start{grid-area:3/1/4/4;place-self:flex-start center}& li:has(.timeline-start){& .timeline-end{grid-row-start:auto;grid-column-start:none}}&.timeline-vertical{&>li{--timeline-col-start:0}& .timeline-start{grid-area:1/3/4/4;place-self:center flex-start}& li:has(.timeline-start){& .timeline-end{grid-row-start:none;grid-column-start:auto}}}}}.timeline-snap-icon{@layer daisyui.l1.l2{&>li{--timeline-col-start:.5rem;--timeline-row-start:minmax(0, 1fr)}}}.timeline-vertical{@layer daisyui.l1.l2{flex-direction:column;&>li{--timeline-row-start:minmax(0, 1fr);--timeline-row-end:minmax(0, 1fr);justify-items:center;&>hr{width:.25rem;height:100%;&:first-child{grid-row-start:1;grid-column-start:2}&:last-child{grid-area:3/2/none}}}& .timeline-start{grid-area:1/1/4/2;place-self:center flex-end}& .timeline-end{grid-area:1/3/4/4;place-self:center flex-start}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}&:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}& :last-child{&>hr:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0, 1fr);--timeline-row-start:.5rem}}}}.timeline-horizontal{@layer daisyui.l1.l2{flex-direction:row;&>li{align-items:center;&>hr{width:100%;height:.25rem;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& .timeline-start{grid-area:1/1/2/4;place-self:flex-end center}& .timeline-end{grid-area:3/1/4/4;place-self:flex-start center}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}}@media (width>=640px){.sm\:timeline{@layer daisyui.l1.l2.l3{display:flex;position:relative;&>li{grid-template-rows:var(--timeline-row-start,minmax(0, 1fr)) auto var(--timeline-row-end,minmax(0, 1fr));grid-template-columns:var(--timeline-col-start,minmax(0, 1fr)) auto var(--timeline-col-end,minmax(0, 1fr));flex-shrink:0;align-items:center;display:grid;position:relative;&>hr{border:none;width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}@media print{border:.1px solid var(--color-base-300)}}}& :where(hr){background-color:var(--color-base-300);height:.25rem}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}.sm\:timeline-box{@layer daisyui.l1.l2.l3{border:var(--border) solid;border-radius:var(--radius-box);border-color:var(--color-base-300);background-color:var(--color-base-100);padding-block:.5rem;padding-inline:1rem;font-size:.75rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}}.sm\:timeline-start{@layer daisyui.l1.l2.l3{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}}.sm\:timeline-middle{@layer daisyui.l1.l2.l3{grid-row-start:2;grid-column-start:2}}.sm\:timeline-end{@layer daisyui.l1.l2.l3{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}}.sm\:timeline-compact{@layer daisyui.l1.l2{--timeline-row-start:0;& .timeline-start{grid-area:3/1/4/4;place-self:flex-start center}& li:has(.timeline-start){& .timeline-end{grid-row-start:auto;grid-column-start:none}}&.timeline-vertical{&>li{--timeline-col-start:0}& .timeline-start{grid-area:1/3/4/4;place-self:center flex-start}& li:has(.timeline-start){& .timeline-end{grid-row-start:none;grid-column-start:auto}}}}}.sm\:timeline-snap-icon{@layer daisyui.l1.l2{&>li{--timeline-col-start:.5rem;--timeline-row-start:minmax(0, 1fr)}}}.sm\:timeline-vertical{@layer daisyui.l1.l2{flex-direction:column;&>li{--timeline-row-start:minmax(0, 1fr);--timeline-row-end:minmax(0, 1fr);justify-items:center;&>hr{width:.25rem;height:100%;&:first-child{grid-row-start:1;grid-column-start:2}&:last-child{grid-area:3/2/none}}}& .timeline-start{grid-area:1/1/4/2;place-self:center flex-end}& .timeline-end{grid-area:1/3/4/4;place-self:center flex-start}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}&:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}& :last-child{&>hr:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0, 1fr);--timeline-row-start:.5rem}}}}.sm\:timeline-horizontal{@layer daisyui.l1.l2{flex-direction:row;&>li{align-items:center;&>hr{width:100%;height:.25rem;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& .timeline-start{grid-area:1/1/2/4;place-self:flex-end center}& .timeline-end{grid-area:3/1/4/4;place-self:flex-start center}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}}}@media (width>=768px){.md\:timeline{@layer daisyui.l1.l2.l3{display:flex;position:relative;&>li{grid-template-rows:var(--timeline-row-start,minmax(0, 1fr)) auto var(--timeline-row-end,minmax(0, 1fr));grid-template-columns:var(--timeline-col-start,minmax(0, 1fr)) auto var(--timeline-col-end,minmax(0, 1fr));flex-shrink:0;align-items:center;display:grid;position:relative;&>hr{border:none;width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}@media print{border:.1px solid var(--color-base-300)}}}& :where(hr){background-color:var(--color-base-300);height:.25rem}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}.md\:timeline-box{@layer daisyui.l1.l2.l3{border:var(--border) solid;border-radius:var(--radius-box);border-color:var(--color-base-300);background-color:var(--color-base-100);padding-block:.5rem;padding-inline:1rem;font-size:.75rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}}.md\:timeline-start{@layer daisyui.l1.l2.l3{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}}.md\:timeline-middle{@layer daisyui.l1.l2.l3{grid-row-start:2;grid-column-start:2}}.md\:timeline-end{@layer daisyui.l1.l2.l3{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}}.md\:timeline-compact{@layer daisyui.l1.l2{--timeline-row-start:0;& .timeline-start{grid-area:3/1/4/4;place-self:flex-start center}& li:has(.timeline-start){& .timeline-end{grid-row-start:auto;grid-column-start:none}}&.timeline-vertical{&>li{--timeline-col-start:0}& .timeline-start{grid-area:1/3/4/4;place-self:center flex-start}& li:has(.timeline-start){& .timeline-end{grid-row-start:none;grid-column-start:auto}}}}}.md\:timeline-snap-icon{@layer daisyui.l1.l2{&>li{--timeline-col-start:.5rem;--timeline-row-start:minmax(0, 1fr)}}}.md\:timeline-vertical{@layer daisyui.l1.l2{flex-direction:column;&>li{--timeline-row-start:minmax(0, 1fr);--timeline-row-end:minmax(0, 1fr);justify-items:center;&>hr{width:.25rem;height:100%;&:first-child{grid-row-start:1;grid-column-start:2}&:last-child{grid-area:3/2/none}}}& .timeline-start{grid-area:1/1/4/2;place-self:center flex-end}& .timeline-end{grid-area:1/3/4/4;place-self:center flex-start}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}&:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}& :last-child{&>hr:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0, 1fr);--timeline-row-start:.5rem}}}}.md\:timeline-horizontal{@layer daisyui.l1.l2{flex-direction:row;&>li{align-items:center;&>hr{width:100%;height:.25rem;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& .timeline-start{grid-area:1/1/2/4;place-self:flex-end center}& .timeline-end{grid-area:3/1/4/4;place-self:flex-start center}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}}}@media (width>=1024px){.lg\:timeline{@layer daisyui.l1.l2.l3{display:flex;position:relative;&>li{grid-template-rows:var(--timeline-row-start,minmax(0, 1fr)) auto var(--timeline-row-end,minmax(0, 1fr));grid-template-columns:var(--timeline-col-start,minmax(0, 1fr)) auto var(--timeline-col-end,minmax(0, 1fr));flex-shrink:0;align-items:center;display:grid;position:relative;&>hr{border:none;width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}@media print{border:.1px solid var(--color-base-300)}}}& :where(hr){background-color:var(--color-base-300);height:.25rem}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}.lg\:timeline-box{@layer daisyui.l1.l2.l3{border:var(--border) solid;border-radius:var(--radius-box);border-color:var(--color-base-300);background-color:var(--color-base-100);padding-block:.5rem;padding-inline:1rem;font-size:.75rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}}.lg\:timeline-start{@layer daisyui.l1.l2.l3{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}}.lg\:timeline-middle{@layer daisyui.l1.l2.l3{grid-row-start:2;grid-column-start:2}}.lg\:timeline-end{@layer daisyui.l1.l2.l3{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}}.lg\:timeline-compact{@layer daisyui.l1.l2{--timeline-row-start:0;& .timeline-start{grid-area:3/1/4/4;place-self:flex-start center}& li:has(.timeline-start){& .timeline-end{grid-row-start:auto;grid-column-start:none}}&.timeline-vertical{&>li{--timeline-col-start:0}& .timeline-start{grid-area:1/3/4/4;place-self:center flex-start}& li:has(.timeline-start){& .timeline-end{grid-row-start:none;grid-column-start:auto}}}}}.lg\:timeline-snap-icon{@layer daisyui.l1.l2{&>li{--timeline-col-start:.5rem;--timeline-row-start:minmax(0, 1fr)}}}.lg\:timeline-vertical{@layer daisyui.l1.l2{flex-direction:column;&>li{--timeline-row-start:minmax(0, 1fr);--timeline-row-end:minmax(0, 1fr);justify-items:center;&>hr{width:.25rem;height:100%;&:first-child{grid-row-start:1;grid-column-start:2}&:last-child{grid-area:3/2/none}}}& .timeline-start{grid-area:1/1/4/2;place-self:center flex-end}& .timeline-end{grid-area:1/3/4/4;place-self:center flex-start}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}&:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}& :last-child{&>hr:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0, 1fr);--timeline-row-start:.5rem}}}}.lg\:timeline-horizontal{@layer daisyui.l1.l2{flex-direction:row;&>li{align-items:center;&>hr{width:100%;height:.25rem;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& .timeline-start{grid-area:1/1/2/4;place-self:flex-end center}& .timeline-end{grid-area:3/1/4/4;place-self:flex-start center}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}}}@media (width>=1280px){.xl\:timeline{@layer daisyui.l1.l2.l3{display:flex;position:relative;&>li{grid-template-rows:var(--timeline-row-start,minmax(0, 1fr)) auto var(--timeline-row-end,minmax(0, 1fr));grid-template-columns:var(--timeline-col-start,minmax(0, 1fr)) auto var(--timeline-col-end,minmax(0, 1fr));flex-shrink:0;align-items:center;display:grid;position:relative;&>hr{border:none;width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}@media print{border:.1px solid var(--color-base-300)}}}& :where(hr){background-color:var(--color-base-300);height:.25rem}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}.xl\:timeline-box{@layer daisyui.l1.l2.l3{border:var(--border) solid;border-radius:var(--radius-box);border-color:var(--color-base-300);background-color:var(--color-base-100);padding-block:.5rem;padding-inline:1rem;font-size:.75rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}}.xl\:timeline-start{@layer daisyui.l1.l2.l3{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}}.xl\:timeline-middle{@layer daisyui.l1.l2.l3{grid-row-start:2;grid-column-start:2}}.xl\:timeline-end{@layer daisyui.l1.l2.l3{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}}.xl\:timeline-compact{@layer daisyui.l1.l2{--timeline-row-start:0;& .timeline-start{grid-area:3/1/4/4;place-self:flex-start center}& li:has(.timeline-start){& .timeline-end{grid-row-start:auto;grid-column-start:none}}&.timeline-vertical{&>li{--timeline-col-start:0}& .timeline-start{grid-area:1/3/4/4;place-self:center flex-start}& li:has(.timeline-start){& .timeline-end{grid-row-start:none;grid-column-start:auto}}}}}.xl\:timeline-snap-icon{@layer daisyui.l1.l2{&>li{--timeline-col-start:.5rem;--timeline-row-start:minmax(0, 1fr)}}}.xl\:timeline-vertical{@layer daisyui.l1.l2{flex-direction:column;&>li{--timeline-row-start:minmax(0, 1fr);--timeline-row-end:minmax(0, 1fr);justify-items:center;&>hr{width:.25rem;height:100%;&:first-child{grid-row-start:1;grid-column-start:2}&:last-child{grid-area:3/2/none}}}& .timeline-start{grid-area:1/1/4/2;place-self:center flex-end}& .timeline-end{grid-area:1/3/4/4;place-self:center flex-start}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}&:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}& :last-child{&>hr:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0, 1fr);--timeline-row-start:.5rem}}}}.xl\:timeline-horizontal{@layer daisyui.l1.l2{flex-direction:row;&>li{align-items:center;&>hr{width:100%;height:.25rem;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& .timeline-start{grid-area:1/1/2/4;place-self:flex-end center}& .timeline-end{grid-area:3/1/4/4;place-self:flex-start center}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}}}@media (width>=1536px){.\32 xl\:timeline{@layer daisyui.l1.l2.l3{display:flex;position:relative;&>li{grid-template-rows:var(--timeline-row-start,minmax(0, 1fr)) auto var(--timeline-row-end,minmax(0, 1fr));grid-template-columns:var(--timeline-col-start,minmax(0, 1fr)) auto var(--timeline-col-end,minmax(0, 1fr));flex-shrink:0;align-items:center;display:grid;position:relative;&>hr{border:none;width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}@media print{border:.1px solid var(--color-base-300)}}}& :where(hr){background-color:var(--color-base-300);height:.25rem}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}.\32 xl\:timeline-box{@layer daisyui.l1.l2.l3{border:var(--border) solid;border-radius:var(--radius-box);border-color:var(--color-base-300);background-color:var(--color-base-100);padding-block:.5rem;padding-inline:1rem;font-size:.75rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}}.\32 xl\:timeline-start{@layer daisyui.l1.l2.l3{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}}.\32 xl\:timeline-middle{@layer daisyui.l1.l2.l3{grid-row-start:2;grid-column-start:2}}.\32 xl\:timeline-end{@layer daisyui.l1.l2.l3{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}}.\32 xl\:timeline-compact{@layer daisyui.l1.l2{--timeline-row-start:0;& .timeline-start{grid-area:3/1/4/4;place-self:flex-start center}& li:has(.timeline-start){& .timeline-end{grid-row-start:auto;grid-column-start:none}}&.timeline-vertical{&>li{--timeline-col-start:0}& .timeline-start{grid-area:1/3/4/4;place-self:center flex-start}& li:has(.timeline-start){& .timeline-end{grid-row-start:none;grid-column-start:auto}}}}}.\32 xl\:timeline-snap-icon{@layer daisyui.l1.l2{&>li{--timeline-col-start:.5rem;--timeline-row-start:minmax(0, 1fr)}}}.\32 xl\:timeline-vertical{@layer daisyui.l1.l2{flex-direction:column;&>li{--timeline-row-start:minmax(0, 1fr);--timeline-row-end:minmax(0, 1fr);justify-items:center;&>hr{width:.25rem;height:100%;&:first-child{grid-row-start:1;grid-column-start:2}&:last-child{grid-area:3/2/none}}}& .timeline-start{grid-area:1/1/4/2;place-self:center flex-end}& .timeline-end{grid-area:1/3/4/4;place-self:center flex-start}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}&:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}& :last-child{&>hr:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0, 1fr);--timeline-row-start:.5rem}}}}.\32 xl\:timeline-horizontal{@layer daisyui.l1.l2{flex-direction:row;&>li{align-items:center;&>hr{width:100%;height:.25rem;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& .timeline-start{grid-area:1/1/2/4;place-self:flex-end center}& .timeline-end{grid-area:3/1/4/4;place-self:flex-start center}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}}}}
|
|
1
|
+
/*! 🌼 daisyUI 5.6.4 - MIT License */ @layer utilities{.timeline{@layer daisyui.l1.l2.l3{display:flex;position:relative;&>li{grid-template-rows:var(--timeline-row-start,minmax(0, 1fr)) auto var(--timeline-row-end,minmax(0, 1fr));grid-template-columns:var(--timeline-col-start,minmax(0, 1fr)) auto var(--timeline-col-end,minmax(0, 1fr));flex-shrink:0;align-items:center;display:grid;position:relative;&>hr{border:none;width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}@media print{border:.1px solid var(--color-base-300)}}}& :where(hr){background-color:var(--color-base-300);height:.25rem}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}.timeline-box{@layer daisyui.l1.l2.l3{border:var(--border) solid;border-radius:var(--radius-box);border-color:var(--color-base-300);background-color:var(--color-base-100);padding-block:.5rem;padding-inline:1rem;font-size:.75rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}}.timeline-start{@layer daisyui.l1.l2.l3{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}}.timeline-middle{@layer daisyui.l1.l2.l3{grid-row-start:2;grid-column-start:2}}.timeline-end{@layer daisyui.l1.l2.l3{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}}.timeline-compact{@layer daisyui.l1.l2{--timeline-row-start:0;& .timeline-start{grid-area:3/1/4/4;place-self:flex-start center}& li:has(.timeline-start){& .timeline-end{grid-row-start:auto;grid-column-start:none}}&.timeline-vertical{&>li{--timeline-col-start:0}& .timeline-start{grid-area:1/3/4/4;place-self:center flex-start}& li:has(.timeline-start){& .timeline-end{grid-row-start:none;grid-column-start:auto}}}}}.timeline-snap-icon{@layer daisyui.l1.l2{&>li{--timeline-col-start:.5rem;--timeline-row-start:minmax(0, 1fr)}}}.timeline-vertical{@layer daisyui.l1.l2{flex-direction:column;&>li{--timeline-row-start:minmax(0, 1fr);--timeline-row-end:minmax(0, 1fr);justify-items:center;&>hr{width:.25rem;height:100%;&:first-child{grid-row-start:1;grid-column-start:2}&:last-child{grid-area:3/2/none}}}& .timeline-start{grid-area:1/1/4/2;place-self:center flex-end}& .timeline-end{grid-area:1/3/4/4;place-self:center flex-start}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}&:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}& :last-child{&>hr:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0, 1fr);--timeline-row-start:.5rem}}}}.timeline-horizontal{@layer daisyui.l1.l2{flex-direction:row;&>li{align-items:center;&>hr{width:100%;height:.25rem;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& .timeline-start{grid-area:1/1/2/4;place-self:flex-end center}& .timeline-end{grid-area:3/1/4/4;place-self:flex-start center}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}}@media (width>=640px){.sm\:timeline{@layer daisyui.l1.l2.l3{display:flex;position:relative;&>li{grid-template-rows:var(--timeline-row-start,minmax(0, 1fr)) auto var(--timeline-row-end,minmax(0, 1fr));grid-template-columns:var(--timeline-col-start,minmax(0, 1fr)) auto var(--timeline-col-end,minmax(0, 1fr));flex-shrink:0;align-items:center;display:grid;position:relative;&>hr{border:none;width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}@media print{border:.1px solid var(--color-base-300)}}}& :where(hr){background-color:var(--color-base-300);height:.25rem}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}.sm\:timeline-box{@layer daisyui.l1.l2.l3{border:var(--border) solid;border-radius:var(--radius-box);border-color:var(--color-base-300);background-color:var(--color-base-100);padding-block:.5rem;padding-inline:1rem;font-size:.75rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}}.sm\:timeline-start{@layer daisyui.l1.l2.l3{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}}.sm\:timeline-middle{@layer daisyui.l1.l2.l3{grid-row-start:2;grid-column-start:2}}.sm\:timeline-end{@layer daisyui.l1.l2.l3{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}}.sm\:timeline-compact{@layer daisyui.l1.l2{--timeline-row-start:0;& .timeline-start{grid-area:3/1/4/4;place-self:flex-start center}& li:has(.timeline-start){& .timeline-end{grid-row-start:auto;grid-column-start:none}}&.timeline-vertical{&>li{--timeline-col-start:0}& .timeline-start{grid-area:1/3/4/4;place-self:center flex-start}& li:has(.timeline-start){& .timeline-end{grid-row-start:none;grid-column-start:auto}}}}}.sm\:timeline-snap-icon{@layer daisyui.l1.l2{&>li{--timeline-col-start:.5rem;--timeline-row-start:minmax(0, 1fr)}}}.sm\:timeline-vertical{@layer daisyui.l1.l2{flex-direction:column;&>li{--timeline-row-start:minmax(0, 1fr);--timeline-row-end:minmax(0, 1fr);justify-items:center;&>hr{width:.25rem;height:100%;&:first-child{grid-row-start:1;grid-column-start:2}&:last-child{grid-area:3/2/none}}}& .timeline-start{grid-area:1/1/4/2;place-self:center flex-end}& .timeline-end{grid-area:1/3/4/4;place-self:center flex-start}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}&:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}& :last-child{&>hr:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0, 1fr);--timeline-row-start:.5rem}}}}.sm\:timeline-horizontal{@layer daisyui.l1.l2{flex-direction:row;&>li{align-items:center;&>hr{width:100%;height:.25rem;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& .timeline-start{grid-area:1/1/2/4;place-self:flex-end center}& .timeline-end{grid-area:3/1/4/4;place-self:flex-start center}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}}}@media (width>=768px){.md\:timeline{@layer daisyui.l1.l2.l3{display:flex;position:relative;&>li{grid-template-rows:var(--timeline-row-start,minmax(0, 1fr)) auto var(--timeline-row-end,minmax(0, 1fr));grid-template-columns:var(--timeline-col-start,minmax(0, 1fr)) auto var(--timeline-col-end,minmax(0, 1fr));flex-shrink:0;align-items:center;display:grid;position:relative;&>hr{border:none;width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}@media print{border:.1px solid var(--color-base-300)}}}& :where(hr){background-color:var(--color-base-300);height:.25rem}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}.md\:timeline-box{@layer daisyui.l1.l2.l3{border:var(--border) solid;border-radius:var(--radius-box);border-color:var(--color-base-300);background-color:var(--color-base-100);padding-block:.5rem;padding-inline:1rem;font-size:.75rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}}.md\:timeline-start{@layer daisyui.l1.l2.l3{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}}.md\:timeline-middle{@layer daisyui.l1.l2.l3{grid-row-start:2;grid-column-start:2}}.md\:timeline-end{@layer daisyui.l1.l2.l3{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}}.md\:timeline-compact{@layer daisyui.l1.l2{--timeline-row-start:0;& .timeline-start{grid-area:3/1/4/4;place-self:flex-start center}& li:has(.timeline-start){& .timeline-end{grid-row-start:auto;grid-column-start:none}}&.timeline-vertical{&>li{--timeline-col-start:0}& .timeline-start{grid-area:1/3/4/4;place-self:center flex-start}& li:has(.timeline-start){& .timeline-end{grid-row-start:none;grid-column-start:auto}}}}}.md\:timeline-snap-icon{@layer daisyui.l1.l2{&>li{--timeline-col-start:.5rem;--timeline-row-start:minmax(0, 1fr)}}}.md\:timeline-vertical{@layer daisyui.l1.l2{flex-direction:column;&>li{--timeline-row-start:minmax(0, 1fr);--timeline-row-end:minmax(0, 1fr);justify-items:center;&>hr{width:.25rem;height:100%;&:first-child{grid-row-start:1;grid-column-start:2}&:last-child{grid-area:3/2/none}}}& .timeline-start{grid-area:1/1/4/2;place-self:center flex-end}& .timeline-end{grid-area:1/3/4/4;place-self:center flex-start}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}&:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}& :last-child{&>hr:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0, 1fr);--timeline-row-start:.5rem}}}}.md\:timeline-horizontal{@layer daisyui.l1.l2{flex-direction:row;&>li{align-items:center;&>hr{width:100%;height:.25rem;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& .timeline-start{grid-area:1/1/2/4;place-self:flex-end center}& .timeline-end{grid-area:3/1/4/4;place-self:flex-start center}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}}}@media (width>=1024px){.lg\:timeline{@layer daisyui.l1.l2.l3{display:flex;position:relative;&>li{grid-template-rows:var(--timeline-row-start,minmax(0, 1fr)) auto var(--timeline-row-end,minmax(0, 1fr));grid-template-columns:var(--timeline-col-start,minmax(0, 1fr)) auto var(--timeline-col-end,minmax(0, 1fr));flex-shrink:0;align-items:center;display:grid;position:relative;&>hr{border:none;width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}@media print{border:.1px solid var(--color-base-300)}}}& :where(hr){background-color:var(--color-base-300);height:.25rem}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}.lg\:timeline-box{@layer daisyui.l1.l2.l3{border:var(--border) solid;border-radius:var(--radius-box);border-color:var(--color-base-300);background-color:var(--color-base-100);padding-block:.5rem;padding-inline:1rem;font-size:.75rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}}.lg\:timeline-start{@layer daisyui.l1.l2.l3{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}}.lg\:timeline-middle{@layer daisyui.l1.l2.l3{grid-row-start:2;grid-column-start:2}}.lg\:timeline-end{@layer daisyui.l1.l2.l3{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}}.lg\:timeline-compact{@layer daisyui.l1.l2{--timeline-row-start:0;& .timeline-start{grid-area:3/1/4/4;place-self:flex-start center}& li:has(.timeline-start){& .timeline-end{grid-row-start:auto;grid-column-start:none}}&.timeline-vertical{&>li{--timeline-col-start:0}& .timeline-start{grid-area:1/3/4/4;place-self:center flex-start}& li:has(.timeline-start){& .timeline-end{grid-row-start:none;grid-column-start:auto}}}}}.lg\:timeline-snap-icon{@layer daisyui.l1.l2{&>li{--timeline-col-start:.5rem;--timeline-row-start:minmax(0, 1fr)}}}.lg\:timeline-vertical{@layer daisyui.l1.l2{flex-direction:column;&>li{--timeline-row-start:minmax(0, 1fr);--timeline-row-end:minmax(0, 1fr);justify-items:center;&>hr{width:.25rem;height:100%;&:first-child{grid-row-start:1;grid-column-start:2}&:last-child{grid-area:3/2/none}}}& .timeline-start{grid-area:1/1/4/2;place-self:center flex-end}& .timeline-end{grid-area:1/3/4/4;place-self:center flex-start}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}&:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}& :last-child{&>hr:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0, 1fr);--timeline-row-start:.5rem}}}}.lg\:timeline-horizontal{@layer daisyui.l1.l2{flex-direction:row;&>li{align-items:center;&>hr{width:100%;height:.25rem;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& .timeline-start{grid-area:1/1/2/4;place-self:flex-end center}& .timeline-end{grid-area:3/1/4/4;place-self:flex-start center}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}}}@media (width>=1280px){.xl\:timeline{@layer daisyui.l1.l2.l3{display:flex;position:relative;&>li{grid-template-rows:var(--timeline-row-start,minmax(0, 1fr)) auto var(--timeline-row-end,minmax(0, 1fr));grid-template-columns:var(--timeline-col-start,minmax(0, 1fr)) auto var(--timeline-col-end,minmax(0, 1fr));flex-shrink:0;align-items:center;display:grid;position:relative;&>hr{border:none;width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}@media print{border:.1px solid var(--color-base-300)}}}& :where(hr){background-color:var(--color-base-300);height:.25rem}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}.xl\:timeline-box{@layer daisyui.l1.l2.l3{border:var(--border) solid;border-radius:var(--radius-box);border-color:var(--color-base-300);background-color:var(--color-base-100);padding-block:.5rem;padding-inline:1rem;font-size:.75rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}}.xl\:timeline-start{@layer daisyui.l1.l2.l3{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}}.xl\:timeline-middle{@layer daisyui.l1.l2.l3{grid-row-start:2;grid-column-start:2}}.xl\:timeline-end{@layer daisyui.l1.l2.l3{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}}.xl\:timeline-compact{@layer daisyui.l1.l2{--timeline-row-start:0;& .timeline-start{grid-area:3/1/4/4;place-self:flex-start center}& li:has(.timeline-start){& .timeline-end{grid-row-start:auto;grid-column-start:none}}&.timeline-vertical{&>li{--timeline-col-start:0}& .timeline-start{grid-area:1/3/4/4;place-self:center flex-start}& li:has(.timeline-start){& .timeline-end{grid-row-start:none;grid-column-start:auto}}}}}.xl\:timeline-snap-icon{@layer daisyui.l1.l2{&>li{--timeline-col-start:.5rem;--timeline-row-start:minmax(0, 1fr)}}}.xl\:timeline-vertical{@layer daisyui.l1.l2{flex-direction:column;&>li{--timeline-row-start:minmax(0, 1fr);--timeline-row-end:minmax(0, 1fr);justify-items:center;&>hr{width:.25rem;height:100%;&:first-child{grid-row-start:1;grid-column-start:2}&:last-child{grid-area:3/2/none}}}& .timeline-start{grid-area:1/1/4/2;place-self:center flex-end}& .timeline-end{grid-area:1/3/4/4;place-self:center flex-start}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}&:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}& :last-child{&>hr:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0, 1fr);--timeline-row-start:.5rem}}}}.xl\:timeline-horizontal{@layer daisyui.l1.l2{flex-direction:row;&>li{align-items:center;&>hr{width:100%;height:.25rem;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& .timeline-start{grid-area:1/1/2/4;place-self:flex-end center}& .timeline-end{grid-area:3/1/4/4;place-self:flex-start center}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}}}@media (width>=1536px){.\32 xl\:timeline{@layer daisyui.l1.l2.l3{display:flex;position:relative;&>li{grid-template-rows:var(--timeline-row-start,minmax(0, 1fr)) auto var(--timeline-row-end,minmax(0, 1fr));grid-template-columns:var(--timeline-col-start,minmax(0, 1fr)) auto var(--timeline-col-end,minmax(0, 1fr));flex-shrink:0;align-items:center;display:grid;position:relative;&>hr{border:none;width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}@media print{border:.1px solid var(--color-base-300)}}}& :where(hr){background-color:var(--color-base-300);height:.25rem}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}.\32 xl\:timeline-box{@layer daisyui.l1.l2.l3{border:var(--border) solid;border-radius:var(--radius-box);border-color:var(--color-base-300);background-color:var(--color-base-100);padding-block:.5rem;padding-inline:1rem;font-size:.75rem;box-shadow:0 1px 2px oklch(0% 0 0/.05)}}.\32 xl\:timeline-start{@layer daisyui.l1.l2.l3{grid-area:1/1/2/4;place-self:flex-end center;margin:.25rem}}.\32 xl\:timeline-middle{@layer daisyui.l1.l2.l3{grid-row-start:2;grid-column-start:2}}.\32 xl\:timeline-end{@layer daisyui.l1.l2.l3{grid-area:3/1/4/4;place-self:flex-start center;margin:.25rem}}.\32 xl\:timeline-compact{@layer daisyui.l1.l2{--timeline-row-start:0;& .timeline-start{grid-area:3/1/4/4;place-self:flex-start center}& li:has(.timeline-start){& .timeline-end{grid-row-start:auto;grid-column-start:none}}&.timeline-vertical{&>li{--timeline-col-start:0}& .timeline-start{grid-area:1/3/4/4;place-self:center flex-start}& li:has(.timeline-start){& .timeline-end{grid-row-start:none;grid-column-start:auto}}}}}.\32 xl\:timeline-snap-icon{@layer daisyui.l1.l2{&>li{--timeline-col-start:.5rem;--timeline-row-start:minmax(0, 1fr)}}}.\32 xl\:timeline-vertical{@layer daisyui.l1.l2{flex-direction:column;&>li{--timeline-row-start:minmax(0, 1fr);--timeline-row-end:minmax(0, 1fr);justify-items:center;&>hr{width:.25rem;height:100%;&:first-child{grid-row-start:1;grid-column-start:2}&:last-child{grid-area:3/2/none}}}& .timeline-start{grid-area:1/1/4/2;place-self:center flex-end}& .timeline-end{grid-area:1/3/4/4;place-self:center flex-start}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}&:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-top-left-radius:var(--radius-selector);border-top-right-radius:var(--radius-selector);border-bottom-right-radius:0;border-bottom-left-radius:0}}& :last-child{&>hr:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-selector);border-bottom-left-radius:var(--radius-selector)}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0, 1fr);--timeline-row-start:.5rem}}}}.\32 xl\:timeline-horizontal{@layer daisyui.l1.l2{flex-direction:row;&>li{align-items:center;&>hr{width:100%;height:.25rem;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& .timeline-start{grid-area:1/1/2/4;place-self:flex-end center}& .timeline-end{grid-area:3/1/4/4;place-self:flex-start center}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}}}}}}}
|
package/components/toast.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.6.
|
|
1
|
+
/*! 🌼 daisyUI 5.6.4 - MIT License */ @layer utilities{.toast{@layer daisyui.l1.l2.l3{inset-inline:auto 1rem;translate:var(--toast-x,0) var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;width:max-content;max-width:calc(100vw - 2rem);display:flex;position:fixed;top:auto;bottom:1rem;&>*{@media (prefers-reduced-motion:no-preference){animation:.25s ease-out toast}}}}.toast-start{@layer daisyui.l1.l2{--toast-x:0;inset-inline:1rem auto}}.toast-center{@layer daisyui.l1.l2{--toast-x:-50%;inset-inline:50%}}.toast-end{@layer daisyui.l1.l2{--toast-x:0;inset-inline:auto 1rem}}.toast-bottom{@layer daisyui.l1.l2{--toast-y:0;top:auto;bottom:1rem}}.toast-middle{@layer daisyui.l1.l2{--toast-y:-50%;top:50%;bottom:auto}}.toast-top{@layer daisyui.l1.l2{--toast-y:0;top:1rem;bottom:auto}}@media (width>=640px){.sm\:toast{@layer daisyui.l1.l2.l3{inset-inline:auto 1rem;translate:var(--toast-x,0) var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;width:max-content;max-width:calc(100vw - 2rem);display:flex;position:fixed;top:auto;bottom:1rem;&>*{@media (prefers-reduced-motion:no-preference){animation:.25s ease-out toast}}}}.sm\:toast-start{@layer daisyui.l1.l2{--toast-x:0;inset-inline:1rem auto}}.sm\:toast-center{@layer daisyui.l1.l2{--toast-x:-50%;inset-inline:50%}}.sm\:toast-end{@layer daisyui.l1.l2{--toast-x:0;inset-inline:auto 1rem}}.sm\:toast-bottom{@layer daisyui.l1.l2{--toast-y:0;top:auto;bottom:1rem}}.sm\:toast-middle{@layer daisyui.l1.l2{--toast-y:-50%;top:50%;bottom:auto}}.sm\:toast-top{@layer daisyui.l1.l2{--toast-y:0;top:1rem;bottom:auto}}}@media (width>=768px){.md\:toast{@layer daisyui.l1.l2.l3{inset-inline:auto 1rem;translate:var(--toast-x,0) var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;width:max-content;max-width:calc(100vw - 2rem);display:flex;position:fixed;top:auto;bottom:1rem;&>*{@media (prefers-reduced-motion:no-preference){animation:.25s ease-out toast}}}}.md\:toast-start{@layer daisyui.l1.l2{--toast-x:0;inset-inline:1rem auto}}.md\:toast-center{@layer daisyui.l1.l2{--toast-x:-50%;inset-inline:50%}}.md\:toast-end{@layer daisyui.l1.l2{--toast-x:0;inset-inline:auto 1rem}}.md\:toast-bottom{@layer daisyui.l1.l2{--toast-y:0;top:auto;bottom:1rem}}.md\:toast-middle{@layer daisyui.l1.l2{--toast-y:-50%;top:50%;bottom:auto}}.md\:toast-top{@layer daisyui.l1.l2{--toast-y:0;top:1rem;bottom:auto}}}@media (width>=1024px){.lg\:toast{@layer daisyui.l1.l2.l3{inset-inline:auto 1rem;translate:var(--toast-x,0) var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;width:max-content;max-width:calc(100vw - 2rem);display:flex;position:fixed;top:auto;bottom:1rem;&>*{@media (prefers-reduced-motion:no-preference){animation:.25s ease-out toast}}}}.lg\:toast-start{@layer daisyui.l1.l2{--toast-x:0;inset-inline:1rem auto}}.lg\:toast-center{@layer daisyui.l1.l2{--toast-x:-50%;inset-inline:50%}}.lg\:toast-end{@layer daisyui.l1.l2{--toast-x:0;inset-inline:auto 1rem}}.lg\:toast-bottom{@layer daisyui.l1.l2{--toast-y:0;top:auto;bottom:1rem}}.lg\:toast-middle{@layer daisyui.l1.l2{--toast-y:-50%;top:50%;bottom:auto}}.lg\:toast-top{@layer daisyui.l1.l2{--toast-y:0;top:1rem;bottom:auto}}}@media (width>=1280px){.xl\:toast{@layer daisyui.l1.l2.l3{inset-inline:auto 1rem;translate:var(--toast-x,0) var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;width:max-content;max-width:calc(100vw - 2rem);display:flex;position:fixed;top:auto;bottom:1rem;&>*{@media (prefers-reduced-motion:no-preference){animation:.25s ease-out toast}}}}.xl\:toast-start{@layer daisyui.l1.l2{--toast-x:0;inset-inline:1rem auto}}.xl\:toast-center{@layer daisyui.l1.l2{--toast-x:-50%;inset-inline:50%}}.xl\:toast-end{@layer daisyui.l1.l2{--toast-x:0;inset-inline:auto 1rem}}.xl\:toast-bottom{@layer daisyui.l1.l2{--toast-y:0;top:auto;bottom:1rem}}.xl\:toast-middle{@layer daisyui.l1.l2{--toast-y:-50%;top:50%;bottom:auto}}.xl\:toast-top{@layer daisyui.l1.l2{--toast-y:0;top:1rem;bottom:auto}}}@media (width>=1536px){.\32 xl\:toast{@layer daisyui.l1.l2.l3{inset-inline:auto 1rem;translate:var(--toast-x,0) var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;width:max-content;max-width:calc(100vw - 2rem);display:flex;position:fixed;top:auto;bottom:1rem;&>*{@media (prefers-reduced-motion:no-preference){animation:.25s ease-out toast}}}}.\32 xl\:toast-start{@layer daisyui.l1.l2{--toast-x:0;inset-inline:1rem auto}}.\32 xl\:toast-center{@layer daisyui.l1.l2{--toast-x:-50%;inset-inline:50%}}.\32 xl\:toast-end{@layer daisyui.l1.l2{--toast-x:0;inset-inline:auto 1rem}}.\32 xl\:toast-bottom{@layer daisyui.l1.l2{--toast-y:0;top:auto;bottom:1rem}}.\32 xl\:toast-middle{@layer daisyui.l1.l2{--toast-y:-50%;top:50%;bottom:auto}}.\32 xl\:toast-top{@layer daisyui.l1.l2{--toast-y:0;top:1rem;bottom:auto}}}@keyframes toast{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}}
|
package/components/toggle.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.6.2 - MIT License */ @layer utilities{.toggle{@layer daisyui.l1.l2.l3{border:var(--border) solid currentColor;color:var(--input-color);cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;--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 color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset;--input-color:color-mix(in oklab, var(--color-base-content) 50%, #0000);--toggle-p:calc(var(--size) * .125);--size:calc(var(--size-selector,.25rem) * 6);width:calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);height:var(--size);flex-shrink:0;grid-template-columns:0fr 1fr 1fr;place-content:center;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&: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:1;rotate:0deg}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);--tw-content:"";content:var(--tw-content);width:100%;height:100%;box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000);background-color:currentColor;background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);--input-color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr;&:before{background-color:currentColor}@starting-style{&:before{opacity:0}}}&:indeterminate{grid-template-columns:.5fr 1fr .5fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border) solid currentColor;background-color:#0000}}}}.toggle-primary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-primary)}}}.toggle-secondary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-secondary)}}}.toggle-accent{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-accent)}}}.toggle-neutral{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-neutral)}}}.toggle-success{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-success)}}}.toggle-warning{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-warning)}}}.toggle-info{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-info)}}}.toggle-error{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-error)}}}.toggle-xs{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 4)}}}.toggle-sm{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 5)}}}.toggle-md{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 6)}}}.toggle-lg{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 7)}}}.toggle-xl{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 8)}}}@media (width>=640px){.sm\:toggle{@layer daisyui.l1.l2.l3{border:var(--border) solid currentColor;color:var(--input-color);cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;--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 color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset;--input-color:color-mix(in oklab, var(--color-base-content) 50%, #0000);--toggle-p:calc(var(--size) * .125);--size:calc(var(--size-selector,.25rem) * 6);width:calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);height:var(--size);flex-shrink:0;grid-template-columns:0fr 1fr 1fr;place-content:center;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&: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:1;rotate:0deg}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);--tw-content:"";content:var(--tw-content);width:100%;height:100%;box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000);background-color:currentColor;background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);--input-color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr;&:before{background-color:currentColor}@starting-style{&:before{opacity:0}}}&:indeterminate{grid-template-columns:.5fr 1fr .5fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border) solid currentColor;background-color:#0000}}}}.sm\:toggle-primary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-primary)}}}.sm\:toggle-secondary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-secondary)}}}.sm\:toggle-accent{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-accent)}}}.sm\:toggle-neutral{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-neutral)}}}.sm\:toggle-success{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-success)}}}.sm\:toggle-warning{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-warning)}}}.sm\:toggle-info{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-info)}}}.sm\:toggle-error{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-error)}}}.sm\:toggle-xs{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 4)}}}.sm\:toggle-sm{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 5)}}}.sm\:toggle-md{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 6)}}}.sm\:toggle-lg{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 7)}}}.sm\:toggle-xl{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 8)}}}}@media (width>=768px){.md\:toggle{@layer daisyui.l1.l2.l3{border:var(--border) solid currentColor;color:var(--input-color);cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;--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 color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset;--input-color:color-mix(in oklab, var(--color-base-content) 50%, #0000);--toggle-p:calc(var(--size) * .125);--size:calc(var(--size-selector,.25rem) * 6);width:calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);height:var(--size);flex-shrink:0;grid-template-columns:0fr 1fr 1fr;place-content:center;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&: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:1;rotate:0deg}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);--tw-content:"";content:var(--tw-content);width:100%;height:100%;box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000);background-color:currentColor;background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);--input-color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr;&:before{background-color:currentColor}@starting-style{&:before{opacity:0}}}&:indeterminate{grid-template-columns:.5fr 1fr .5fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border) solid currentColor;background-color:#0000}}}}.md\:toggle-primary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-primary)}}}.md\:toggle-secondary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-secondary)}}}.md\:toggle-accent{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-accent)}}}.md\:toggle-neutral{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-neutral)}}}.md\:toggle-success{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-success)}}}.md\:toggle-warning{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-warning)}}}.md\:toggle-info{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-info)}}}.md\:toggle-error{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-error)}}}.md\:toggle-xs{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 4)}}}.md\:toggle-sm{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 5)}}}.md\:toggle-md{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 6)}}}.md\:toggle-lg{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 7)}}}.md\:toggle-xl{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 8)}}}}@media (width>=1024px){.lg\:toggle{@layer daisyui.l1.l2.l3{border:var(--border) solid currentColor;color:var(--input-color);cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;--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 color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset;--input-color:color-mix(in oklab, var(--color-base-content) 50%, #0000);--toggle-p:calc(var(--size) * .125);--size:calc(var(--size-selector,.25rem) * 6);width:calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);height:var(--size);flex-shrink:0;grid-template-columns:0fr 1fr 1fr;place-content:center;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&: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:1;rotate:0deg}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);--tw-content:"";content:var(--tw-content);width:100%;height:100%;box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000);background-color:currentColor;background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);--input-color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr;&:before{background-color:currentColor}@starting-style{&:before{opacity:0}}}&:indeterminate{grid-template-columns:.5fr 1fr .5fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border) solid currentColor;background-color:#0000}}}}.lg\:toggle-primary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-primary)}}}.lg\:toggle-secondary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-secondary)}}}.lg\:toggle-accent{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-accent)}}}.lg\:toggle-neutral{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-neutral)}}}.lg\:toggle-success{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-success)}}}.lg\:toggle-warning{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-warning)}}}.lg\:toggle-info{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-info)}}}.lg\:toggle-error{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-error)}}}.lg\:toggle-xs{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 4)}}}.lg\:toggle-sm{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 5)}}}.lg\:toggle-md{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 6)}}}.lg\:toggle-lg{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 7)}}}.lg\:toggle-xl{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 8)}}}}@media (width>=1280px){.xl\:toggle{@layer daisyui.l1.l2.l3{border:var(--border) solid currentColor;color:var(--input-color);cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;--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 color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset;--input-color:color-mix(in oklab, var(--color-base-content) 50%, #0000);--toggle-p:calc(var(--size) * .125);--size:calc(var(--size-selector,.25rem) * 6);width:calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);height:var(--size);flex-shrink:0;grid-template-columns:0fr 1fr 1fr;place-content:center;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&: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:1;rotate:0deg}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);--tw-content:"";content:var(--tw-content);width:100%;height:100%;box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000);background-color:currentColor;background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);--input-color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr;&:before{background-color:currentColor}@starting-style{&:before{opacity:0}}}&:indeterminate{grid-template-columns:.5fr 1fr .5fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border) solid currentColor;background-color:#0000}}}}.xl\:toggle-primary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-primary)}}}.xl\:toggle-secondary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-secondary)}}}.xl\:toggle-accent{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-accent)}}}.xl\:toggle-neutral{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-neutral)}}}.xl\:toggle-success{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-success)}}}.xl\:toggle-warning{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-warning)}}}.xl\:toggle-info{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-info)}}}.xl\:toggle-error{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-error)}}}.xl\:toggle-xs{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 4)}}}.xl\:toggle-sm{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 5)}}}.xl\:toggle-md{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 6)}}}.xl\:toggle-lg{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 7)}}}.xl\:toggle-xl{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 8)}}}}@media (width>=1536px){.\32 xl\:toggle{@layer daisyui.l1.l2.l3{border:var(--border) solid currentColor;color:var(--input-color);cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;--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 color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset;--input-color:color-mix(in oklab, var(--color-base-content) 50%, #0000);--toggle-p:calc(var(--size) * .125);--size:calc(var(--size-selector,.25rem) * 6);width:calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);height:var(--size);flex-shrink:0;grid-template-columns:0fr 1fr 1fr;place-content:center;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&: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:1;rotate:0deg}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);--tw-content:"";content:var(--tw-content);width:100%;height:100%;box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000);background-color:currentColor;background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);--input-color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr;&:before{background-color:currentColor}@starting-style{&:before{opacity:0}}}&:indeterminate{grid-template-columns:.5fr 1fr .5fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border) solid currentColor;background-color:#0000}}}}.\32 xl\:toggle-primary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-primary)}}}.\32 xl\:toggle-secondary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-secondary)}}}.\32 xl\:toggle-accent{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-accent)}}}.\32 xl\:toggle-neutral{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-neutral)}}}.\32 xl\:toggle-success{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-success)}}}.\32 xl\:toggle-warning{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-warning)}}}.\32 xl\:toggle-info{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-info)}}}.\32 xl\:toggle-error{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-error)}}}.\32 xl\:toggle-xs{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 4)}}}.\32 xl\:toggle-sm{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 5)}}}.\32 xl\:toggle-md{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 6)}}}.\32 xl\:toggle-lg{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 7)}}}.\32 xl\:toggle-xl{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 8)}}}}}
|
|
1
|
+
/*! 🌼 daisyUI 5.6.4 - MIT License */ @layer utilities{.toggle{@layer daisyui.l1.l2.l3{border:var(--border) solid currentColor;color:var(--input-color);cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;--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 color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset;--input-color:color-mix(in oklab, var(--color-base-content) 50%, #0000);--toggle-p:calc(var(--size) * .125);--size:calc(var(--size-selector,.25rem) * 6);width:calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);height:var(--size);flex-shrink:0;grid-template-columns:0fr 1fr 1fr;place-content:center;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&: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:1;rotate:0deg}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);--tw-content:"";content:var(--tw-content);width:100%;height:100%;box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000);background-color:currentColor;background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);--input-color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr;&:before{background-color:currentColor}@starting-style{&:before{opacity:0}}}&:indeterminate{grid-template-columns:.5fr 1fr .5fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border) solid currentColor;background-color:#0000}}}}.toggle-primary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-primary)}}}.toggle-secondary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-secondary)}}}.toggle-accent{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-accent)}}}.toggle-neutral{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-neutral)}}}.toggle-success{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-success)}}}.toggle-warning{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-warning)}}}.toggle-info{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-info)}}}.toggle-error{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-error)}}}.toggle-xs{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 4)}}}.toggle-sm{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 5)}}}.toggle-md{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 6)}}}.toggle-lg{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 7)}}}.toggle-xl{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 8)}}}@media (width>=640px){.sm\:toggle{@layer daisyui.l1.l2.l3{border:var(--border) solid currentColor;color:var(--input-color);cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;--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 color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset;--input-color:color-mix(in oklab, var(--color-base-content) 50%, #0000);--toggle-p:calc(var(--size) * .125);--size:calc(var(--size-selector,.25rem) * 6);width:calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);height:var(--size);flex-shrink:0;grid-template-columns:0fr 1fr 1fr;place-content:center;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&: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:1;rotate:0deg}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);--tw-content:"";content:var(--tw-content);width:100%;height:100%;box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000);background-color:currentColor;background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);--input-color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr;&:before{background-color:currentColor}@starting-style{&:before{opacity:0}}}&:indeterminate{grid-template-columns:.5fr 1fr .5fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border) solid currentColor;background-color:#0000}}}}.sm\:toggle-primary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-primary)}}}.sm\:toggle-secondary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-secondary)}}}.sm\:toggle-accent{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-accent)}}}.sm\:toggle-neutral{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-neutral)}}}.sm\:toggle-success{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-success)}}}.sm\:toggle-warning{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-warning)}}}.sm\:toggle-info{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-info)}}}.sm\:toggle-error{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-error)}}}.sm\:toggle-xs{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 4)}}}.sm\:toggle-sm{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 5)}}}.sm\:toggle-md{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 6)}}}.sm\:toggle-lg{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 7)}}}.sm\:toggle-xl{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 8)}}}}@media (width>=768px){.md\:toggle{@layer daisyui.l1.l2.l3{border:var(--border) solid currentColor;color:var(--input-color);cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;--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 color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset;--input-color:color-mix(in oklab, var(--color-base-content) 50%, #0000);--toggle-p:calc(var(--size) * .125);--size:calc(var(--size-selector,.25rem) * 6);width:calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);height:var(--size);flex-shrink:0;grid-template-columns:0fr 1fr 1fr;place-content:center;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&: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:1;rotate:0deg}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);--tw-content:"";content:var(--tw-content);width:100%;height:100%;box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000);background-color:currentColor;background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);--input-color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr;&:before{background-color:currentColor}@starting-style{&:before{opacity:0}}}&:indeterminate{grid-template-columns:.5fr 1fr .5fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border) solid currentColor;background-color:#0000}}}}.md\:toggle-primary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-primary)}}}.md\:toggle-secondary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-secondary)}}}.md\:toggle-accent{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-accent)}}}.md\:toggle-neutral{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-neutral)}}}.md\:toggle-success{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-success)}}}.md\:toggle-warning{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-warning)}}}.md\:toggle-info{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-info)}}}.md\:toggle-error{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-error)}}}.md\:toggle-xs{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 4)}}}.md\:toggle-sm{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 5)}}}.md\:toggle-md{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 6)}}}.md\:toggle-lg{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 7)}}}.md\:toggle-xl{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 8)}}}}@media (width>=1024px){.lg\:toggle{@layer daisyui.l1.l2.l3{border:var(--border) solid currentColor;color:var(--input-color);cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;--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 color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset;--input-color:color-mix(in oklab, var(--color-base-content) 50%, #0000);--toggle-p:calc(var(--size) * .125);--size:calc(var(--size-selector,.25rem) * 6);width:calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);height:var(--size);flex-shrink:0;grid-template-columns:0fr 1fr 1fr;place-content:center;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&: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:1;rotate:0deg}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);--tw-content:"";content:var(--tw-content);width:100%;height:100%;box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000);background-color:currentColor;background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);--input-color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr;&:before{background-color:currentColor}@starting-style{&:before{opacity:0}}}&:indeterminate{grid-template-columns:.5fr 1fr .5fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border) solid currentColor;background-color:#0000}}}}.lg\:toggle-primary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-primary)}}}.lg\:toggle-secondary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-secondary)}}}.lg\:toggle-accent{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-accent)}}}.lg\:toggle-neutral{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-neutral)}}}.lg\:toggle-success{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-success)}}}.lg\:toggle-warning{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-warning)}}}.lg\:toggle-info{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-info)}}}.lg\:toggle-error{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-error)}}}.lg\:toggle-xs{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 4)}}}.lg\:toggle-sm{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 5)}}}.lg\:toggle-md{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 6)}}}.lg\:toggle-lg{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 7)}}}.lg\:toggle-xl{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 8)}}}}@media (width>=1280px){.xl\:toggle{@layer daisyui.l1.l2.l3{border:var(--border) solid currentColor;color:var(--input-color);cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;--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 color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset;--input-color:color-mix(in oklab, var(--color-base-content) 50%, #0000);--toggle-p:calc(var(--size) * .125);--size:calc(var(--size-selector,.25rem) * 6);width:calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);height:var(--size);flex-shrink:0;grid-template-columns:0fr 1fr 1fr;place-content:center;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&: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:1;rotate:0deg}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);--tw-content:"";content:var(--tw-content);width:100%;height:100%;box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000);background-color:currentColor;background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);--input-color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr;&:before{background-color:currentColor}@starting-style{&:before{opacity:0}}}&:indeterminate{grid-template-columns:.5fr 1fr .5fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border) solid currentColor;background-color:#0000}}}}.xl\:toggle-primary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-primary)}}}.xl\:toggle-secondary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-secondary)}}}.xl\:toggle-accent{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-accent)}}}.xl\:toggle-neutral{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-neutral)}}}.xl\:toggle-success{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-success)}}}.xl\:toggle-warning{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-warning)}}}.xl\:toggle-info{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-info)}}}.xl\:toggle-error{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-error)}}}.xl\:toggle-xs{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 4)}}}.xl\:toggle-sm{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 5)}}}.xl\:toggle-md{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 6)}}}.xl\:toggle-lg{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 7)}}}.xl\:toggle-xl{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 8)}}}}@media (width>=1536px){.\32 xl\:toggle{@layer daisyui.l1.l2.l3{border:var(--border) solid currentColor;color:var(--input-color);cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;--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 color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset;--input-color:color-mix(in oklab, var(--color-base-content) 50%, #0000);--toggle-p:calc(var(--size) * .125);--size:calc(var(--size-selector,.25rem) * 6);width:calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);height:var(--size);flex-shrink:0;grid-template-columns:0fr 1fr 1fr;place-content:center;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&: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:1;rotate:0deg}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);--tw-content:"";content:var(--tw-content);width:100%;height:100%;box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000);background-color:currentColor;background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);--input-color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr;&:before{background-color:currentColor}@starting-style{&:before{opacity:0}}}&:indeterminate{grid-template-columns:.5fr 1fr .5fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border) solid currentColor;background-color:#0000}}}}.\32 xl\:toggle-primary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-primary)}}}.\32 xl\:toggle-secondary{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-secondary)}}}.\32 xl\:toggle-accent{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-accent)}}}.\32 xl\:toggle-neutral{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-neutral)}}}.\32 xl\:toggle-success{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-success)}}}.\32 xl\:toggle-warning{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-warning)}}}.\32 xl\:toggle-info{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-info)}}}.\32 xl\:toggle-error{@layer daisyui.l1.l2{&:checked,&[aria-checked=true]{--input-color:var(--color-error)}}}.\32 xl\:toggle-xs{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 4)}}}.\32 xl\:toggle-sm{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 5)}}}.\32 xl\:toggle-md{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 6)}}}.\32 xl\:toggle-lg{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 7)}}}.\32 xl\:toggle-xl{@layer daisyui.l1.l2{&[type=checkbox],&:has([type=checkbox]){--size:calc(var(--size-selector,.25rem) * 8)}}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".tooltip":{"@layer daisyui.l1.l2.l3":{"position":"relative","display":"inline-block","--tt-bg":"var(--color-neutral)","--tt-off":"calc(100% + 0.5rem)","--tt-tail":"calc(100% + 1px + 0.25rem)","--tt-tail-off":"0.5rem","& > .tooltip-content, &[data-tip]:before":{"position":"absolute","max-width":"20rem","border-radius":"var(--radius-field)","padding-inline":"calc(0.25rem * 2)","padding-block":"0.25rem","text-align":"center","white-space":"normal","color":"var(--color-neutral-content)","opacity":"0%","font-size":"0.875rem","line-height":1.25,"background-color":"var(--tt-bg)","width":"max-content","pointer-events":"none","z-index":2,"--tw-content":"attr(data-tip)","content":"var(--tw-content)"},"&:after":{"opacity":"0%","background-color":"var(--tt-bg)","content":"\"\"","pointer-events":"none","width":"0.625rem","height":"0.25rem","display":"block","position":"absolute","mask-repeat":"no-repeat","mask-position":"-1px 0","--mask-tooltip":"url(\"data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A\")","mask-image":"var(--mask-tooltip)"},"@media (prefers-reduced-motion: no-preference)":{"& > .tooltip-content, &[data-tip]:before, &:after":{"transition":"opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms"}},"&:is([data-tip]:not([data-tip=\"\"]), :has(.tooltip-content:not(:empty)))":{"&.tooltip-open, &:hover, &:has(:focus-visible)":{"& > .tooltip-content, &[data-tip]:before, &:after":{"opacity":"100%","--tt-pos":"0rem","@media (prefers-reduced-motion: no-preference)":{"transition":"opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s"}}}}}},".tooltip, .tooltip-top":{"@layer daisyui.l1.l2":{"> .tooltip-content, &[data-tip]:before":{"transform":"translateX(var(--tt-trans, -50%)) translateY(var(--tt-pos, 0.25rem))","inset
|
|
1
|
+
export default {".tooltip":{"@layer daisyui.l1.l2.l3":{"position":"relative","display":"inline-block","--tt-bg":"var(--color-neutral)","--tt-off":"calc(100% + 0.5rem)","--tt-tail":"calc(100% + 1px + 0.25rem)","--tt-tail-off":"0.5rem","& > .tooltip-content, &[data-tip]:before":{"position":"absolute","max-width":"20rem","border-radius":"var(--radius-field)","padding-inline":"calc(0.25rem * 2)","padding-block":"0.25rem","text-align":"center","white-space":"normal","color":"var(--color-neutral-content)","opacity":"0%","font-size":"0.875rem","line-height":1.25,"background-color":"var(--tt-bg)","width":"max-content","pointer-events":"none","z-index":2,"--tw-content":"attr(data-tip)","content":"var(--tw-content)"},"&:after":{"opacity":"0%","background-color":"var(--tt-bg)","content":"\"\"","pointer-events":"none","width":"0.625rem","height":"0.25rem","display":"block","position":"absolute","mask-repeat":"no-repeat","mask-position":"-1px 0","--mask-tooltip":"url(\"data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A\")","mask-image":"var(--mask-tooltip)"},"@media (prefers-reduced-motion: no-preference)":{"& > .tooltip-content, &[data-tip]:before, &:after":{"transition":"opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms"}},"&:is([data-tip]:not([data-tip=\"\"]), :has(.tooltip-content:not(:empty)))":{"&.tooltip-open, &:hover, &:has(:focus-visible)":{"& > .tooltip-content, &[data-tip]:before, &:after":{"opacity":"100%","--tt-pos":"0rem","@media (prefers-reduced-motion: no-preference)":{"transition":"opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s"}}}}}},".tooltip, .tooltip-top":{"@layer daisyui.l1.l2":{"> .tooltip-content, &[data-tip]:before":{"transform":"translateX(var(--tt-trans, -50%)) translateY(var(--tt-pos, 0.25rem))","inset":"auto auto var(--tt-off) 50%"},"&:after":{"transform":"translateX(var(--tt-trans, -50%)) translateY(var(--tt-pos, 0.25rem))","inset":"auto auto var(--tt-tail) 50%"}}},".tooltip-bottom":{"@layer daisyui.l1.l2":{"> .tooltip-content, &[data-tip]:before":{"transform":"translateX(var(--tt-trans, -50%)) translateY(var(--tt-pos, -0.25rem))","inset":"var(--tt-off) auto auto 50%"},"&:after":{"transform":"translateX(var(--tt-trans, -50%)) translateY(var(--tt-pos, -0.25rem)) rotate(180deg)","inset":"var(--tt-tail) auto auto 50%"}}},".tooltip-start":{"@layer daisyui.l1.l2":{"--tt-trans":"0","--tt-inset":"0 auto","--tt-tail-inset":"var(--tt-tail-off) auto","> .tooltip-content, &[data-tip]:before":{"left":"auto","right":"auto","inset-inline":"0 auto"},"&:after":{"left":"auto","right":"auto","inset-inline":"var(--tt-tail-off) auto"}}},".tooltip-center":{"@layer daisyui.l1.l2":{"--tt-trans":"-50%","--tt-inset":"50% auto","--tt-tail-inset":"50% auto","> .tooltip-content, &[data-tip]:before":{"inset-inline":"auto","left":"50%","right":"auto"},"&:after":{"inset-inline":"auto","left":"50%","right":"auto"}}},".tooltip-end":{"@layer daisyui.l1.l2":{"--tt-trans":"0","--tt-inset":"auto 0","--tt-tail-inset":"auto var(--tt-tail-off)","> .tooltip-content, &[data-tip]:before":{"left":"auto","right":"auto","inset-inline":"auto 0"},"&:after":{"left":"auto","right":"auto","inset-inline":"auto var(--tt-tail-off)"}}},".tooltip-left":{"@layer daisyui.l1.l2":{"> .tooltip-content, &[data-tip]:before":{"transform":"translateX(calc(var(--tt-pos, 0.25rem) - 0.25rem)) translateY(var(--tt-trans, -50%))","left":"auto","right":"var(--tt-off)","inset-block":"var(--tt-inset, 50% auto)"},"&:after":{"transform":"translateX(var(--tt-pos, 0.25rem)) translateY(var(--tt-trans, -50%)) rotate(-90deg)","left":"auto","right":"calc(var(--tt-tail) + 1px)","inset-block":"var(--tt-tail-inset, 50% auto)"}}},".tooltip-right":{"@layer daisyui.l1.l2":{"> .tooltip-content, &[data-tip]:before":{"transform":"translateX(calc(var(--tt-pos, -0.25rem) + 0.25rem)) translateY(var(--tt-trans, -50%))","left":"var(--tt-off)","right":"auto","inset-block":"var(--tt-inset, 50% auto)"},"&:after":{"transform":"translateX(var(--tt-pos, -0.25rem)) translateY(var(--tt-trans, -50%)) rotate(90deg)","left":"calc(var(--tt-tail) + 1px)","right":"auto","inset-block":"var(--tt-tail-inset, 50% auto)"}}},".tooltip-primary":{"@layer daisyui.l1.l2":{"--tt-bg":"var(--color-primary)","> .tooltip-content, &[data-tip]:before":{"color":"var(--color-primary-content)"}}},".tooltip-secondary":{"@layer daisyui.l1.l2":{"--tt-bg":"var(--color-secondary)","> .tooltip-content, &[data-tip]:before":{"color":"var(--color-secondary-content)"}}},".tooltip-accent":{"@layer daisyui.l1.l2":{"--tt-bg":"var(--color-accent)","> .tooltip-content, &[data-tip]:before":{"color":"var(--color-accent-content)"}}},".tooltip-info":{"@layer daisyui.l1.l2":{"--tt-bg":"var(--color-info)","> .tooltip-content, &[data-tip]:before":{"color":"var(--color-info-content)"}}},".tooltip-success":{"@layer daisyui.l1.l2":{"--tt-bg":"var(--color-success)","> .tooltip-content, &[data-tip]:before":{"color":"var(--color-success-content)"}}},".tooltip-warning":{"@layer daisyui.l1.l2":{"--tt-bg":"var(--color-warning)","> .tooltip-content, &[data-tip]:before":{"color":"var(--color-warning-content)"}}},".tooltip-error":{"@layer daisyui.l1.l2":{"--tt-bg":"var(--color-error)","> .tooltip-content, &[data-tip]:before":{"color":"var(--color-error-content)"}}}};
|