daisyui 5.5.19 → 5.5.21
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/chunks.css +51 -51
- 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/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/object.js +1 -1
- package/components/drawer.css +1 -1
- package/components/dropdown/object.js +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/menu.css +1 -1
- package/components/mockup.css +1 -1
- package/components/modal.css +1 -1
- package/components/navbar.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.css +1 -1
- package/components/validator.css +1 -1
- package/daisyui.css +1 -1
- package/imports.js +54 -54
- package/index.js +1 -1
- package/package.json +1 -1
- package/theme/object.d.ts +27 -27
- 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/diff.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.5.18 - MIT License */ @layer utilities{.diff{@layer daisyui.l1.l2.l3{&{-webkit-user-select:none;user-select:none;direction:ltr;grid-template-rows:1fr 1.8rem 1fr;grid-template-columns:auto 1fr;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size}&:focus-visible,&:has(.diff-item-1:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content)}&:focus-visible{outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content);& .diff-resizer{min-width:95cqi;max-width:95cqi}}&:has(.diff-item-1:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;& .diff-resizer{min-width:5cqi;max-width:5cqi}}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:focus{& .diff-resizer{min-width:5cqi;max-width:5cqi}}&:has(.diff-item-1:focus){& .diff-resizer{min-width:95cqi;max-width:95cqi}}}}}.diff-resizer{@layer daisyui.l1.l2.l3{&{isolation:isolate;z-index:2;resize:horizontal;opacity:0;cursor:ew-resize;transform-origin:100% 100%;clip-path:inset(calc(100% - .75rem) 0 0 calc(100% - .75rem));grid-row-start:2;grid-column-start:1;width:50cqi;min-width:1rem;max-width:calc(100cqi - 1rem);height:.75rem;transition:min-width .3s ease-out,max-width .3s ease-out;position:relative;overflow:hidden;transform:scaleY(5)translate(.32rem,50%)}}}.diff-item-2{@layer daisyui.l1.l2.l3{&{grid-row:1/span 3;grid-column-start:1;position:relative}&:after{pointer-events:none;z-index:2;background-color:color-mix(in oklab,var(--color-base-100)98%,transparent);border:2px solid var(--color-base-100);content:"";outline:1px solid color-mix(in oklab,var(--color-base-content)10%,#0000);outline-offset:-3px;border:.5px solid #0000001f;border-radius:3.40282e38px;width:1.2rem;height:1.8rem;position:absolute;top:50%;bottom:0;right:1px;translate:50% -50%}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:after{--tw-content:none;content:var(--tw-content)}}}}.diff-item-1{@layer daisyui.l1.l2.l3{&{z-index:1;border-right:2px solid var(--color-base-100);grid-row:1/span 3;grid-column-start:1;position:relative;overflow:hidden}&:focus-visible{--tw-outline-style:none;outline-style:none}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}}@media (width>=640px){.sm\:diff{@layer daisyui.l1.l2.l3{&{-webkit-user-select:none;user-select:none;direction:ltr;grid-template-rows:1fr 1.8rem 1fr;grid-template-columns:auto 1fr;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size}&:focus-visible,&:has(.diff-item-1:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content)}&:focus-visible{outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content);& .diff-resizer{min-width:95cqi;max-width:95cqi}}&:has(.diff-item-1:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;& .diff-resizer{min-width:5cqi;max-width:5cqi}}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:focus{& .diff-resizer{min-width:5cqi;max-width:5cqi}}&:has(.diff-item-1:focus){& .diff-resizer{min-width:95cqi;max-width:95cqi}}}}}.sm\:diff-resizer{@layer daisyui.l1.l2.l3{&{isolation:isolate;z-index:2;resize:horizontal;opacity:0;cursor:ew-resize;transform-origin:100% 100%;clip-path:inset(calc(100% - .75rem) 0 0 calc(100% - .75rem));grid-row-start:2;grid-column-start:1;width:50cqi;min-width:1rem;max-width:calc(100cqi - 1rem);height:.75rem;transition:min-width .3s ease-out,max-width .3s ease-out;position:relative;overflow:hidden;transform:scaleY(5)translate(.32rem,50%)}}}.sm\:diff-item-2{@layer daisyui.l1.l2.l3{&{grid-row:1/span 3;grid-column-start:1;position:relative}&:after{pointer-events:none;z-index:2;background-color:color-mix(in oklab,var(--color-base-100)98%,transparent);border:2px solid var(--color-base-100);content:"";outline:1px solid color-mix(in oklab,var(--color-base-content)10%,#0000);outline-offset:-3px;border:.5px solid #0000001f;border-radius:3.40282e38px;width:1.2rem;height:1.8rem;position:absolute;top:50%;bottom:0;right:1px;translate:50% -50%}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:after{--tw-content:none;content:var(--tw-content)}}}}.sm\:diff-item-1{@layer daisyui.l1.l2.l3{&{z-index:1;border-right:2px solid var(--color-base-100);grid-row:1/span 3;grid-column-start:1;position:relative;overflow:hidden}&:focus-visible{--tw-outline-style:none;outline-style:none}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}}}@media (width>=768px){.md\:diff{@layer daisyui.l1.l2.l3{&{-webkit-user-select:none;user-select:none;direction:ltr;grid-template-rows:1fr 1.8rem 1fr;grid-template-columns:auto 1fr;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size}&:focus-visible,&:has(.diff-item-1:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content)}&:focus-visible{outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content);& .diff-resizer{min-width:95cqi;max-width:95cqi}}&:has(.diff-item-1:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;& .diff-resizer{min-width:5cqi;max-width:5cqi}}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:focus{& .diff-resizer{min-width:5cqi;max-width:5cqi}}&:has(.diff-item-1:focus){& .diff-resizer{min-width:95cqi;max-width:95cqi}}}}}.md\:diff-resizer{@layer daisyui.l1.l2.l3{&{isolation:isolate;z-index:2;resize:horizontal;opacity:0;cursor:ew-resize;transform-origin:100% 100%;clip-path:inset(calc(100% - .75rem) 0 0 calc(100% - .75rem));grid-row-start:2;grid-column-start:1;width:50cqi;min-width:1rem;max-width:calc(100cqi - 1rem);height:.75rem;transition:min-width .3s ease-out,max-width .3s ease-out;position:relative;overflow:hidden;transform:scaleY(5)translate(.32rem,50%)}}}.md\:diff-item-2{@layer daisyui.l1.l2.l3{&{grid-row:1/span 3;grid-column-start:1;position:relative}&:after{pointer-events:none;z-index:2;background-color:color-mix(in oklab,var(--color-base-100)98%,transparent);border:2px solid var(--color-base-100);content:"";outline:1px solid color-mix(in oklab,var(--color-base-content)10%,#0000);outline-offset:-3px;border:.5px solid #0000001f;border-radius:3.40282e38px;width:1.2rem;height:1.8rem;position:absolute;top:50%;bottom:0;right:1px;translate:50% -50%}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:after{--tw-content:none;content:var(--tw-content)}}}}.md\:diff-item-1{@layer daisyui.l1.l2.l3{&{z-index:1;border-right:2px solid var(--color-base-100);grid-row:1/span 3;grid-column-start:1;position:relative;overflow:hidden}&:focus-visible{--tw-outline-style:none;outline-style:none}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}}}@media (width>=1024px){.lg\:diff{@layer daisyui.l1.l2.l3{&{-webkit-user-select:none;user-select:none;direction:ltr;grid-template-rows:1fr 1.8rem 1fr;grid-template-columns:auto 1fr;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size}&:focus-visible,&:has(.diff-item-1:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content)}&:focus-visible{outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content);& .diff-resizer{min-width:95cqi;max-width:95cqi}}&:has(.diff-item-1:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;& .diff-resizer{min-width:5cqi;max-width:5cqi}}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:focus{& .diff-resizer{min-width:5cqi;max-width:5cqi}}&:has(.diff-item-1:focus){& .diff-resizer{min-width:95cqi;max-width:95cqi}}}}}.lg\:diff-resizer{@layer daisyui.l1.l2.l3{&{isolation:isolate;z-index:2;resize:horizontal;opacity:0;cursor:ew-resize;transform-origin:100% 100%;clip-path:inset(calc(100% - .75rem) 0 0 calc(100% - .75rem));grid-row-start:2;grid-column-start:1;width:50cqi;min-width:1rem;max-width:calc(100cqi - 1rem);height:.75rem;transition:min-width .3s ease-out,max-width .3s ease-out;position:relative;overflow:hidden;transform:scaleY(5)translate(.32rem,50%)}}}.lg\:diff-item-2{@layer daisyui.l1.l2.l3{&{grid-row:1/span 3;grid-column-start:1;position:relative}&:after{pointer-events:none;z-index:2;background-color:color-mix(in oklab,var(--color-base-100)98%,transparent);border:2px solid var(--color-base-100);content:"";outline:1px solid color-mix(in oklab,var(--color-base-content)10%,#0000);outline-offset:-3px;border:.5px solid #0000001f;border-radius:3.40282e38px;width:1.2rem;height:1.8rem;position:absolute;top:50%;bottom:0;right:1px;translate:50% -50%}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:after{--tw-content:none;content:var(--tw-content)}}}}.lg\:diff-item-1{@layer daisyui.l1.l2.l3{&{z-index:1;border-right:2px solid var(--color-base-100);grid-row:1/span 3;grid-column-start:1;position:relative;overflow:hidden}&:focus-visible{--tw-outline-style:none;outline-style:none}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}}}@media (width>=1280px){.xl\:diff{@layer daisyui.l1.l2.l3{&{-webkit-user-select:none;user-select:none;direction:ltr;grid-template-rows:1fr 1.8rem 1fr;grid-template-columns:auto 1fr;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size}&:focus-visible,&:has(.diff-item-1:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content)}&:focus-visible{outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content);& .diff-resizer{min-width:95cqi;max-width:95cqi}}&:has(.diff-item-1:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;& .diff-resizer{min-width:5cqi;max-width:5cqi}}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:focus{& .diff-resizer{min-width:5cqi;max-width:5cqi}}&:has(.diff-item-1:focus){& .diff-resizer{min-width:95cqi;max-width:95cqi}}}}}.xl\:diff-resizer{@layer daisyui.l1.l2.l3{&{isolation:isolate;z-index:2;resize:horizontal;opacity:0;cursor:ew-resize;transform-origin:100% 100%;clip-path:inset(calc(100% - .75rem) 0 0 calc(100% - .75rem));grid-row-start:2;grid-column-start:1;width:50cqi;min-width:1rem;max-width:calc(100cqi - 1rem);height:.75rem;transition:min-width .3s ease-out,max-width .3s ease-out;position:relative;overflow:hidden;transform:scaleY(5)translate(.32rem,50%)}}}.xl\:diff-item-2{@layer daisyui.l1.l2.l3{&{grid-row:1/span 3;grid-column-start:1;position:relative}&:after{pointer-events:none;z-index:2;background-color:color-mix(in oklab,var(--color-base-100)98%,transparent);border:2px solid var(--color-base-100);content:"";outline:1px solid color-mix(in oklab,var(--color-base-content)10%,#0000);outline-offset:-3px;border:.5px solid #0000001f;border-radius:3.40282e38px;width:1.2rem;height:1.8rem;position:absolute;top:50%;bottom:0;right:1px;translate:50% -50%}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:after{--tw-content:none;content:var(--tw-content)}}}}.xl\:diff-item-1{@layer daisyui.l1.l2.l3{&{z-index:1;border-right:2px solid var(--color-base-100);grid-row:1/span 3;grid-column-start:1;position:relative;overflow:hidden}&:focus-visible{--tw-outline-style:none;outline-style:none}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}}}@media (width>=1536px){.\32 xl\:diff{@layer daisyui.l1.l2.l3{&{-webkit-user-select:none;user-select:none;direction:ltr;grid-template-rows:1fr 1.8rem 1fr;grid-template-columns:auto 1fr;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size}&:focus-visible,&:has(.diff-item-1:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content)}&:focus-visible{outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content);& .diff-resizer{min-width:95cqi;max-width:95cqi}}&:has(.diff-item-1:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;& .diff-resizer{min-width:5cqi;max-width:5cqi}}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:focus{& .diff-resizer{min-width:5cqi;max-width:5cqi}}&:has(.diff-item-1:focus){& .diff-resizer{min-width:95cqi;max-width:95cqi}}}}}.\32 xl\:diff-resizer{@layer daisyui.l1.l2.l3{&{isolation:isolate;z-index:2;resize:horizontal;opacity:0;cursor:ew-resize;transform-origin:100% 100%;clip-path:inset(calc(100% - .75rem) 0 0 calc(100% - .75rem));grid-row-start:2;grid-column-start:1;width:50cqi;min-width:1rem;max-width:calc(100cqi - 1rem);height:.75rem;transition:min-width .3s ease-out,max-width .3s ease-out;position:relative;overflow:hidden;transform:scaleY(5)translate(.32rem,50%)}}}.\32 xl\:diff-item-2{@layer daisyui.l1.l2.l3{&{grid-row:1/span 3;grid-column-start:1;position:relative}&:after{pointer-events:none;z-index:2;background-color:color-mix(in oklab,var(--color-base-100)98%,transparent);border:2px solid var(--color-base-100);content:"";outline:1px solid color-mix(in oklab,var(--color-base-content)10%,#0000);outline-offset:-3px;border:.5px solid #0000001f;border-radius:3.40282e38px;width:1.2rem;height:1.8rem;position:absolute;top:50%;bottom:0;right:1px;translate:50% -50%}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:after{--tw-content:none;content:var(--tw-content)}}}}.\32 xl\:diff-item-1{@layer daisyui.l1.l2.l3{&{z-index:1;border-right:2px solid var(--color-base-100);grid-row:1/span 3;grid-column-start:1;position:relative;overflow:hidden}&:focus-visible{--tw-outline-style:none;outline-style:none}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}}}}
|
|
1
|
+
/*! 🌼 daisyUI 5.5.20 - MIT License */ @layer utilities{.diff{@layer daisyui.l1.l2.l3{&{-webkit-user-select:none;user-select:none;direction:ltr;grid-template-rows:1fr 1.8rem 1fr;grid-template-columns:auto 1fr;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size}&:focus-visible,&:has(.diff-item-1:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content)}&:focus-visible{outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content);& .diff-resizer{min-width:95cqi;max-width:95cqi}}&:has(.diff-item-1:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;& .diff-resizer{min-width:5cqi;max-width:5cqi}}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:focus{& .diff-resizer{min-width:5cqi;max-width:5cqi}}&:has(.diff-item-1:focus){& .diff-resizer{min-width:95cqi;max-width:95cqi}}}}}.diff-resizer{@layer daisyui.l1.l2.l3{&{isolation:isolate;z-index:2;resize:horizontal;opacity:0;cursor:ew-resize;transform-origin:100% 100%;clip-path:inset(calc(100% - .75rem) 0 0 calc(100% - .75rem));grid-row-start:2;grid-column-start:1;width:50cqi;min-width:1rem;max-width:calc(100cqi - 1rem);height:.75rem;transition:min-width .3s ease-out,max-width .3s ease-out;position:relative;overflow:hidden;transform:scaleY(5)translate(.32rem,50%)}}}.diff-item-2{@layer daisyui.l1.l2.l3{&{grid-row:1/span 3;grid-column-start:1;position:relative}&:after{pointer-events:none;z-index:2;background-color:color-mix(in oklab,var(--color-base-100)98%,transparent);border:2px solid var(--color-base-100);content:"";outline:1px solid color-mix(in oklab,var(--color-base-content)10%,#0000);outline-offset:-3px;border:.5px solid #0000001f;border-radius:3.40282e38px;width:1.2rem;height:1.8rem;position:absolute;top:50%;bottom:0;right:1px;translate:50% -50%}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:after{--tw-content:none;content:var(--tw-content)}}}}.diff-item-1{@layer daisyui.l1.l2.l3{&{z-index:1;border-right:2px solid var(--color-base-100);grid-row:1/span 3;grid-column-start:1;position:relative;overflow:hidden}&:focus-visible{--tw-outline-style:none;outline-style:none}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}}@media (width>=640px){.sm\:diff{@layer daisyui.l1.l2.l3{&{-webkit-user-select:none;user-select:none;direction:ltr;grid-template-rows:1fr 1.8rem 1fr;grid-template-columns:auto 1fr;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size}&:focus-visible,&:has(.diff-item-1:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content)}&:focus-visible{outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content);& .diff-resizer{min-width:95cqi;max-width:95cqi}}&:has(.diff-item-1:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;& .diff-resizer{min-width:5cqi;max-width:5cqi}}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:focus{& .diff-resizer{min-width:5cqi;max-width:5cqi}}&:has(.diff-item-1:focus){& .diff-resizer{min-width:95cqi;max-width:95cqi}}}}}.sm\:diff-resizer{@layer daisyui.l1.l2.l3{&{isolation:isolate;z-index:2;resize:horizontal;opacity:0;cursor:ew-resize;transform-origin:100% 100%;clip-path:inset(calc(100% - .75rem) 0 0 calc(100% - .75rem));grid-row-start:2;grid-column-start:1;width:50cqi;min-width:1rem;max-width:calc(100cqi - 1rem);height:.75rem;transition:min-width .3s ease-out,max-width .3s ease-out;position:relative;overflow:hidden;transform:scaleY(5)translate(.32rem,50%)}}}.sm\:diff-item-2{@layer daisyui.l1.l2.l3{&{grid-row:1/span 3;grid-column-start:1;position:relative}&:after{pointer-events:none;z-index:2;background-color:color-mix(in oklab,var(--color-base-100)98%,transparent);border:2px solid var(--color-base-100);content:"";outline:1px solid color-mix(in oklab,var(--color-base-content)10%,#0000);outline-offset:-3px;border:.5px solid #0000001f;border-radius:3.40282e38px;width:1.2rem;height:1.8rem;position:absolute;top:50%;bottom:0;right:1px;translate:50% -50%}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:after{--tw-content:none;content:var(--tw-content)}}}}.sm\:diff-item-1{@layer daisyui.l1.l2.l3{&{z-index:1;border-right:2px solid var(--color-base-100);grid-row:1/span 3;grid-column-start:1;position:relative;overflow:hidden}&:focus-visible{--tw-outline-style:none;outline-style:none}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}}}@media (width>=768px){.md\:diff{@layer daisyui.l1.l2.l3{&{-webkit-user-select:none;user-select:none;direction:ltr;grid-template-rows:1fr 1.8rem 1fr;grid-template-columns:auto 1fr;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size}&:focus-visible,&:has(.diff-item-1:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content)}&:focus-visible{outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content);& .diff-resizer{min-width:95cqi;max-width:95cqi}}&:has(.diff-item-1:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;& .diff-resizer{min-width:5cqi;max-width:5cqi}}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:focus{& .diff-resizer{min-width:5cqi;max-width:5cqi}}&:has(.diff-item-1:focus){& .diff-resizer{min-width:95cqi;max-width:95cqi}}}}}.md\:diff-resizer{@layer daisyui.l1.l2.l3{&{isolation:isolate;z-index:2;resize:horizontal;opacity:0;cursor:ew-resize;transform-origin:100% 100%;clip-path:inset(calc(100% - .75rem) 0 0 calc(100% - .75rem));grid-row-start:2;grid-column-start:1;width:50cqi;min-width:1rem;max-width:calc(100cqi - 1rem);height:.75rem;transition:min-width .3s ease-out,max-width .3s ease-out;position:relative;overflow:hidden;transform:scaleY(5)translate(.32rem,50%)}}}.md\:diff-item-2{@layer daisyui.l1.l2.l3{&{grid-row:1/span 3;grid-column-start:1;position:relative}&:after{pointer-events:none;z-index:2;background-color:color-mix(in oklab,var(--color-base-100)98%,transparent);border:2px solid var(--color-base-100);content:"";outline:1px solid color-mix(in oklab,var(--color-base-content)10%,#0000);outline-offset:-3px;border:.5px solid #0000001f;border-radius:3.40282e38px;width:1.2rem;height:1.8rem;position:absolute;top:50%;bottom:0;right:1px;translate:50% -50%}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:after{--tw-content:none;content:var(--tw-content)}}}}.md\:diff-item-1{@layer daisyui.l1.l2.l3{&{z-index:1;border-right:2px solid var(--color-base-100);grid-row:1/span 3;grid-column-start:1;position:relative;overflow:hidden}&:focus-visible{--tw-outline-style:none;outline-style:none}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}}}@media (width>=1024px){.lg\:diff{@layer daisyui.l1.l2.l3{&{-webkit-user-select:none;user-select:none;direction:ltr;grid-template-rows:1fr 1.8rem 1fr;grid-template-columns:auto 1fr;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size}&:focus-visible,&:has(.diff-item-1:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content)}&:focus-visible{outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content);& .diff-resizer{min-width:95cqi;max-width:95cqi}}&:has(.diff-item-1:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;& .diff-resizer{min-width:5cqi;max-width:5cqi}}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:focus{& .diff-resizer{min-width:5cqi;max-width:5cqi}}&:has(.diff-item-1:focus){& .diff-resizer{min-width:95cqi;max-width:95cqi}}}}}.lg\:diff-resizer{@layer daisyui.l1.l2.l3{&{isolation:isolate;z-index:2;resize:horizontal;opacity:0;cursor:ew-resize;transform-origin:100% 100%;clip-path:inset(calc(100% - .75rem) 0 0 calc(100% - .75rem));grid-row-start:2;grid-column-start:1;width:50cqi;min-width:1rem;max-width:calc(100cqi - 1rem);height:.75rem;transition:min-width .3s ease-out,max-width .3s ease-out;position:relative;overflow:hidden;transform:scaleY(5)translate(.32rem,50%)}}}.lg\:diff-item-2{@layer daisyui.l1.l2.l3{&{grid-row:1/span 3;grid-column-start:1;position:relative}&:after{pointer-events:none;z-index:2;background-color:color-mix(in oklab,var(--color-base-100)98%,transparent);border:2px solid var(--color-base-100);content:"";outline:1px solid color-mix(in oklab,var(--color-base-content)10%,#0000);outline-offset:-3px;border:.5px solid #0000001f;border-radius:3.40282e38px;width:1.2rem;height:1.8rem;position:absolute;top:50%;bottom:0;right:1px;translate:50% -50%}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:after{--tw-content:none;content:var(--tw-content)}}}}.lg\:diff-item-1{@layer daisyui.l1.l2.l3{&{z-index:1;border-right:2px solid var(--color-base-100);grid-row:1/span 3;grid-column-start:1;position:relative;overflow:hidden}&:focus-visible{--tw-outline-style:none;outline-style:none}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}}}@media (width>=1280px){.xl\:diff{@layer daisyui.l1.l2.l3{&{-webkit-user-select:none;user-select:none;direction:ltr;grid-template-rows:1fr 1.8rem 1fr;grid-template-columns:auto 1fr;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size}&:focus-visible,&:has(.diff-item-1:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content)}&:focus-visible{outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content);& .diff-resizer{min-width:95cqi;max-width:95cqi}}&:has(.diff-item-1:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;& .diff-resizer{min-width:5cqi;max-width:5cqi}}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:focus{& .diff-resizer{min-width:5cqi;max-width:5cqi}}&:has(.diff-item-1:focus){& .diff-resizer{min-width:95cqi;max-width:95cqi}}}}}.xl\:diff-resizer{@layer daisyui.l1.l2.l3{&{isolation:isolate;z-index:2;resize:horizontal;opacity:0;cursor:ew-resize;transform-origin:100% 100%;clip-path:inset(calc(100% - .75rem) 0 0 calc(100% - .75rem));grid-row-start:2;grid-column-start:1;width:50cqi;min-width:1rem;max-width:calc(100cqi - 1rem);height:.75rem;transition:min-width .3s ease-out,max-width .3s ease-out;position:relative;overflow:hidden;transform:scaleY(5)translate(.32rem,50%)}}}.xl\:diff-item-2{@layer daisyui.l1.l2.l3{&{grid-row:1/span 3;grid-column-start:1;position:relative}&:after{pointer-events:none;z-index:2;background-color:color-mix(in oklab,var(--color-base-100)98%,transparent);border:2px solid var(--color-base-100);content:"";outline:1px solid color-mix(in oklab,var(--color-base-content)10%,#0000);outline-offset:-3px;border:.5px solid #0000001f;border-radius:3.40282e38px;width:1.2rem;height:1.8rem;position:absolute;top:50%;bottom:0;right:1px;translate:50% -50%}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:after{--tw-content:none;content:var(--tw-content)}}}}.xl\:diff-item-1{@layer daisyui.l1.l2.l3{&{z-index:1;border-right:2px solid var(--color-base-100);grid-row:1/span 3;grid-column-start:1;position:relative;overflow:hidden}&:focus-visible{--tw-outline-style:none;outline-style:none}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}}}@media (width>=1536px){.\32 xl\:diff{@layer daisyui.l1.l2.l3{&{-webkit-user-select:none;user-select:none;direction:ltr;grid-template-rows:1fr 1.8rem 1fr;grid-template-columns:auto 1fr;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size}&:focus-visible,&:has(.diff-item-1:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content)}&:focus-visible{outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content);& .diff-resizer{min-width:95cqi;max-width:95cqi}}&:has(.diff-item-1:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;& .diff-resizer{min-width:5cqi;max-width:5cqi}}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:focus{& .diff-resizer{min-width:5cqi;max-width:5cqi}}&:has(.diff-item-1:focus){& .diff-resizer{min-width:95cqi;max-width:95cqi}}}}}.\32 xl\:diff-resizer{@layer daisyui.l1.l2.l3{&{isolation:isolate;z-index:2;resize:horizontal;opacity:0;cursor:ew-resize;transform-origin:100% 100%;clip-path:inset(calc(100% - .75rem) 0 0 calc(100% - .75rem));grid-row-start:2;grid-column-start:1;width:50cqi;min-width:1rem;max-width:calc(100cqi - 1rem);height:.75rem;transition:min-width .3s ease-out,max-width .3s ease-out;position:relative;overflow:hidden;transform:scaleY(5)translate(.32rem,50%)}}}.\32 xl\:diff-item-2{@layer daisyui.l1.l2.l3{&{grid-row:1/span 3;grid-column-start:1;position:relative}&:after{pointer-events:none;z-index:2;background-color:color-mix(in oklab,var(--color-base-100)98%,transparent);border:2px solid var(--color-base-100);content:"";outline:1px solid color-mix(in oklab,var(--color-base-content)10%,#0000);outline-offset:-3px;border:.5px solid #0000001f;border-radius:3.40282e38px;width:1.2rem;height:1.8rem;position:absolute;top:50%;bottom:0;right:1px;translate:50% -50%}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:after{--tw-content:none;content:var(--tw-content)}}}}.\32 xl\:diff-item-1{@layer daisyui.l1.l2.l3{&{z-index:1;border-right:2px solid var(--color-base-100);grid-row:1/span 3;grid-column-start:1;position:relative;overflow:hidden}&:focus-visible{--tw-outline-style:none;outline-style:none}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}}}}
|
package/components/divider.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.5.18 - MIT License */ @layer utilities{.divider{@layer daisyui.l1.l2.l3{&{white-space:nowrap;height:1rem;margin:var(--divider-m,1rem 0);--divider-color:color-mix(in oklab,var(--color-base-content)10%,transparent);flex-direction:row;align-self:stretch;align-items:center;display:flex}&:before,&:after{content:"";background-color:var(--divider-color);flex-grow:1;width:100%;height:.125rem}@media print{&:before,&:after{border:.5px solid}}&:not(:empty){gap:1rem}}}.divider-horizontal{@layer daisyui.l1.l2{&{--divider-m:0 1rem}&.divider{flex-direction:column;width:1rem;height:auto;&:before,&:after{width:.125rem;height:100%}}}}.divider-vertical{@layer daisyui.l1.l2{&{--divider-m:1rem 0}&.divider{flex-direction:row;width:auto;height:1rem;&:before,&:after{width:100%;height:.125rem}}}}.divider-neutral{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-neutral)}}}.divider-primary{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-primary)}}}.divider-secondary{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-secondary)}}}.divider-accent{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-accent)}}}.divider-success{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-success)}}}.divider-warning{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-warning)}}}.divider-info{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-info)}}}.divider-error{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-error)}}}.divider-start:before{@layer daisyui.l1.l2{&{display:none}}}.divider-end:after{@layer daisyui.l1.l2{&{display:none}}}@media (width>=640px){.sm\:divider{@layer daisyui.l1.l2.l3{&{white-space:nowrap;height:1rem;margin:var(--divider-m,1rem 0);--divider-color:color-mix(in oklab,var(--color-base-content)10%,transparent);flex-direction:row;align-self:stretch;align-items:center;display:flex}&:before,&:after{content:"";background-color:var(--divider-color);flex-grow:1;width:100%;height:.125rem}@media print{&:before,&:after{border:.5px solid}}&:not(:empty){gap:1rem}}}.sm\:divider-horizontal{@layer daisyui.l1.l2{&{--divider-m:0 1rem}&.divider{flex-direction:column;width:1rem;height:auto;&:before,&:after{width:.125rem;height:100%}}}}.sm\:divider-vertical{@layer daisyui.l1.l2{&{--divider-m:1rem 0}&.divider{flex-direction:row;width:auto;height:1rem;&:before,&:after{width:100%;height:.125rem}}}}.sm\:divider-neutral{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-neutral)}}}.sm\:divider-primary{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-primary)}}}.sm\:divider-secondary{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-secondary)}}}.sm\:divider-accent{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-accent)}}}.sm\:divider-success{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-success)}}}.sm\:divider-warning{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-warning)}}}.sm\:divider-info{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-info)}}}.sm\:divider-error{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-error)}}}.sm\:divider-start:before{@layer daisyui.l1.l2{&{display:none}}}.sm\:divider-end:after{@layer daisyui.l1.l2{&{display:none}}}}@media (width>=768px){.md\:divider{@layer daisyui.l1.l2.l3{&{white-space:nowrap;height:1rem;margin:var(--divider-m,1rem 0);--divider-color:color-mix(in oklab,var(--color-base-content)10%,transparent);flex-direction:row;align-self:stretch;align-items:center;display:flex}&:before,&:after{content:"";background-color:var(--divider-color);flex-grow:1;width:100%;height:.125rem}@media print{&:before,&:after{border:.5px solid}}&:not(:empty){gap:1rem}}}.md\:divider-horizontal{@layer daisyui.l1.l2{&{--divider-m:0 1rem}&.divider{flex-direction:column;width:1rem;height:auto;&:before,&:after{width:.125rem;height:100%}}}}.md\:divider-vertical{@layer daisyui.l1.l2{&{--divider-m:1rem 0}&.divider{flex-direction:row;width:auto;height:1rem;&:before,&:after{width:100%;height:.125rem}}}}.md\:divider-neutral{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-neutral)}}}.md\:divider-primary{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-primary)}}}.md\:divider-secondary{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-secondary)}}}.md\:divider-accent{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-accent)}}}.md\:divider-success{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-success)}}}.md\:divider-warning{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-warning)}}}.md\:divider-info{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-info)}}}.md\:divider-error{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-error)}}}.md\:divider-start:before{@layer daisyui.l1.l2{&{display:none}}}.md\:divider-end:after{@layer daisyui.l1.l2{&{display:none}}}}@media (width>=1024px){.lg\:divider{@layer daisyui.l1.l2.l3{&{white-space:nowrap;height:1rem;margin:var(--divider-m,1rem 0);--divider-color:color-mix(in oklab,var(--color-base-content)10%,transparent);flex-direction:row;align-self:stretch;align-items:center;display:flex}&:before,&:after{content:"";background-color:var(--divider-color);flex-grow:1;width:100%;height:.125rem}@media print{&:before,&:after{border:.5px solid}}&:not(:empty){gap:1rem}}}.lg\:divider-horizontal{@layer daisyui.l1.l2{&{--divider-m:0 1rem}&.divider{flex-direction:column;width:1rem;height:auto;&:before,&:after{width:.125rem;height:100%}}}}.lg\:divider-vertical{@layer daisyui.l1.l2{&{--divider-m:1rem 0}&.divider{flex-direction:row;width:auto;height:1rem;&:before,&:after{width:100%;height:.125rem}}}}.lg\:divider-neutral{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-neutral)}}}.lg\:divider-primary{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-primary)}}}.lg\:divider-secondary{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-secondary)}}}.lg\:divider-accent{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-accent)}}}.lg\:divider-success{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-success)}}}.lg\:divider-warning{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-warning)}}}.lg\:divider-info{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-info)}}}.lg\:divider-error{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-error)}}}.lg\:divider-start:before{@layer daisyui.l1.l2{&{display:none}}}.lg\:divider-end:after{@layer daisyui.l1.l2{&{display:none}}}}@media (width>=1280px){.xl\:divider{@layer daisyui.l1.l2.l3{&{white-space:nowrap;height:1rem;margin:var(--divider-m,1rem 0);--divider-color:color-mix(in oklab,var(--color-base-content)10%,transparent);flex-direction:row;align-self:stretch;align-items:center;display:flex}&:before,&:after{content:"";background-color:var(--divider-color);flex-grow:1;width:100%;height:.125rem}@media print{&:before,&:after{border:.5px solid}}&:not(:empty){gap:1rem}}}.xl\:divider-horizontal{@layer daisyui.l1.l2{&{--divider-m:0 1rem}&.divider{flex-direction:column;width:1rem;height:auto;&:before,&:after{width:.125rem;height:100%}}}}.xl\:divider-vertical{@layer daisyui.l1.l2{&{--divider-m:1rem 0}&.divider{flex-direction:row;width:auto;height:1rem;&:before,&:after{width:100%;height:.125rem}}}}.xl\:divider-neutral{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-neutral)}}}.xl\:divider-primary{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-primary)}}}.xl\:divider-secondary{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-secondary)}}}.xl\:divider-accent{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-accent)}}}.xl\:divider-success{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-success)}}}.xl\:divider-warning{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-warning)}}}.xl\:divider-info{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-info)}}}.xl\:divider-error{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-error)}}}.xl\:divider-start:before{@layer daisyui.l1.l2{&{display:none}}}.xl\:divider-end:after{@layer daisyui.l1.l2{&{display:none}}}}@media (width>=1536px){.\32 xl\:divider{@layer daisyui.l1.l2.l3{&{white-space:nowrap;height:1rem;margin:var(--divider-m,1rem 0);--divider-color:color-mix(in oklab,var(--color-base-content)10%,transparent);flex-direction:row;align-self:stretch;align-items:center;display:flex}&:before,&:after{content:"";background-color:var(--divider-color);flex-grow:1;width:100%;height:.125rem}@media print{&:before,&:after{border:.5px solid}}&:not(:empty){gap:1rem}}}.\32 xl\:divider-horizontal{@layer daisyui.l1.l2{&{--divider-m:0 1rem}&.divider{flex-direction:column;width:1rem;height:auto;&:before,&:after{width:.125rem;height:100%}}}}.\32 xl\:divider-vertical{@layer daisyui.l1.l2{&{--divider-m:1rem 0}&.divider{flex-direction:row;width:auto;height:1rem;&:before,&:after{width:100%;height:.125rem}}}}.\32 xl\:divider-neutral{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-neutral)}}}.\32 xl\:divider-primary{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-primary)}}}.\32 xl\:divider-secondary{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-secondary)}}}.\32 xl\:divider-accent{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-accent)}}}.\32 xl\:divider-success{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-success)}}}.\32 xl\:divider-warning{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-warning)}}}.\32 xl\:divider-info{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-info)}}}.\32 xl\:divider-error{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-error)}}}.\32 xl\:divider-start:before{@layer daisyui.l1.l2{&{display:none}}}.\32 xl\:divider-end:after{@layer daisyui.l1.l2{&{display:none}}}}}
|
|
1
|
+
/*! 🌼 daisyUI 5.5.20 - MIT License */ @layer utilities{.divider{@layer daisyui.l1.l2.l3{&{white-space:nowrap;height:1rem;margin:var(--divider-m,1rem 0);--divider-color:color-mix(in oklab,var(--color-base-content)10%,transparent);flex-direction:row;align-self:stretch;align-items:center;display:flex}&:before,&:after{content:"";background-color:var(--divider-color);flex-grow:1;width:100%;height:.125rem}@media print{&:before,&:after{border:.5px solid}}&:not(:empty){gap:1rem}}}.divider-horizontal{@layer daisyui.l1.l2{&{--divider-m:0 1rem}&.divider{flex-direction:column;width:1rem;height:auto;&:before,&:after{width:.125rem;height:100%}}}}.divider-vertical{@layer daisyui.l1.l2{&{--divider-m:1rem 0}&.divider{flex-direction:row;width:auto;height:1rem;&:before,&:after{width:100%;height:.125rem}}}}.divider-neutral{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-neutral)}}}.divider-primary{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-primary)}}}.divider-secondary{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-secondary)}}}.divider-accent{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-accent)}}}.divider-success{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-success)}}}.divider-warning{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-warning)}}}.divider-info{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-info)}}}.divider-error{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-error)}}}.divider-start:before{@layer daisyui.l1.l2{&{display:none}}}.divider-end:after{@layer daisyui.l1.l2{&{display:none}}}@media (width>=640px){.sm\:divider{@layer daisyui.l1.l2.l3{&{white-space:nowrap;height:1rem;margin:var(--divider-m,1rem 0);--divider-color:color-mix(in oklab,var(--color-base-content)10%,transparent);flex-direction:row;align-self:stretch;align-items:center;display:flex}&:before,&:after{content:"";background-color:var(--divider-color);flex-grow:1;width:100%;height:.125rem}@media print{&:before,&:after{border:.5px solid}}&:not(:empty){gap:1rem}}}.sm\:divider-horizontal{@layer daisyui.l1.l2{&{--divider-m:0 1rem}&.divider{flex-direction:column;width:1rem;height:auto;&:before,&:after{width:.125rem;height:100%}}}}.sm\:divider-vertical{@layer daisyui.l1.l2{&{--divider-m:1rem 0}&.divider{flex-direction:row;width:auto;height:1rem;&:before,&:after{width:100%;height:.125rem}}}}.sm\:divider-neutral{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-neutral)}}}.sm\:divider-primary{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-primary)}}}.sm\:divider-secondary{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-secondary)}}}.sm\:divider-accent{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-accent)}}}.sm\:divider-success{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-success)}}}.sm\:divider-warning{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-warning)}}}.sm\:divider-info{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-info)}}}.sm\:divider-error{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-error)}}}.sm\:divider-start:before{@layer daisyui.l1.l2{&{display:none}}}.sm\:divider-end:after{@layer daisyui.l1.l2{&{display:none}}}}@media (width>=768px){.md\:divider{@layer daisyui.l1.l2.l3{&{white-space:nowrap;height:1rem;margin:var(--divider-m,1rem 0);--divider-color:color-mix(in oklab,var(--color-base-content)10%,transparent);flex-direction:row;align-self:stretch;align-items:center;display:flex}&:before,&:after{content:"";background-color:var(--divider-color);flex-grow:1;width:100%;height:.125rem}@media print{&:before,&:after{border:.5px solid}}&:not(:empty){gap:1rem}}}.md\:divider-horizontal{@layer daisyui.l1.l2{&{--divider-m:0 1rem}&.divider{flex-direction:column;width:1rem;height:auto;&:before,&:after{width:.125rem;height:100%}}}}.md\:divider-vertical{@layer daisyui.l1.l2{&{--divider-m:1rem 0}&.divider{flex-direction:row;width:auto;height:1rem;&:before,&:after{width:100%;height:.125rem}}}}.md\:divider-neutral{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-neutral)}}}.md\:divider-primary{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-primary)}}}.md\:divider-secondary{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-secondary)}}}.md\:divider-accent{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-accent)}}}.md\:divider-success{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-success)}}}.md\:divider-warning{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-warning)}}}.md\:divider-info{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-info)}}}.md\:divider-error{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-error)}}}.md\:divider-start:before{@layer daisyui.l1.l2{&{display:none}}}.md\:divider-end:after{@layer daisyui.l1.l2{&{display:none}}}}@media (width>=1024px){.lg\:divider{@layer daisyui.l1.l2.l3{&{white-space:nowrap;height:1rem;margin:var(--divider-m,1rem 0);--divider-color:color-mix(in oklab,var(--color-base-content)10%,transparent);flex-direction:row;align-self:stretch;align-items:center;display:flex}&:before,&:after{content:"";background-color:var(--divider-color);flex-grow:1;width:100%;height:.125rem}@media print{&:before,&:after{border:.5px solid}}&:not(:empty){gap:1rem}}}.lg\:divider-horizontal{@layer daisyui.l1.l2{&{--divider-m:0 1rem}&.divider{flex-direction:column;width:1rem;height:auto;&:before,&:after{width:.125rem;height:100%}}}}.lg\:divider-vertical{@layer daisyui.l1.l2{&{--divider-m:1rem 0}&.divider{flex-direction:row;width:auto;height:1rem;&:before,&:after{width:100%;height:.125rem}}}}.lg\:divider-neutral{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-neutral)}}}.lg\:divider-primary{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-primary)}}}.lg\:divider-secondary{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-secondary)}}}.lg\:divider-accent{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-accent)}}}.lg\:divider-success{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-success)}}}.lg\:divider-warning{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-warning)}}}.lg\:divider-info{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-info)}}}.lg\:divider-error{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-error)}}}.lg\:divider-start:before{@layer daisyui.l1.l2{&{display:none}}}.lg\:divider-end:after{@layer daisyui.l1.l2{&{display:none}}}}@media (width>=1280px){.xl\:divider{@layer daisyui.l1.l2.l3{&{white-space:nowrap;height:1rem;margin:var(--divider-m,1rem 0);--divider-color:color-mix(in oklab,var(--color-base-content)10%,transparent);flex-direction:row;align-self:stretch;align-items:center;display:flex}&:before,&:after{content:"";background-color:var(--divider-color);flex-grow:1;width:100%;height:.125rem}@media print{&:before,&:after{border:.5px solid}}&:not(:empty){gap:1rem}}}.xl\:divider-horizontal{@layer daisyui.l1.l2{&{--divider-m:0 1rem}&.divider{flex-direction:column;width:1rem;height:auto;&:before,&:after{width:.125rem;height:100%}}}}.xl\:divider-vertical{@layer daisyui.l1.l2{&{--divider-m:1rem 0}&.divider{flex-direction:row;width:auto;height:1rem;&:before,&:after{width:100%;height:.125rem}}}}.xl\:divider-neutral{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-neutral)}}}.xl\:divider-primary{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-primary)}}}.xl\:divider-secondary{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-secondary)}}}.xl\:divider-accent{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-accent)}}}.xl\:divider-success{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-success)}}}.xl\:divider-warning{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-warning)}}}.xl\:divider-info{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-info)}}}.xl\:divider-error{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-error)}}}.xl\:divider-start:before{@layer daisyui.l1.l2{&{display:none}}}.xl\:divider-end:after{@layer daisyui.l1.l2{&{display:none}}}}@media (width>=1536px){.\32 xl\:divider{@layer daisyui.l1.l2.l3{&{white-space:nowrap;height:1rem;margin:var(--divider-m,1rem 0);--divider-color:color-mix(in oklab,var(--color-base-content)10%,transparent);flex-direction:row;align-self:stretch;align-items:center;display:flex}&:before,&:after{content:"";background-color:var(--divider-color);flex-grow:1;width:100%;height:.125rem}@media print{&:before,&:after{border:.5px solid}}&:not(:empty){gap:1rem}}}.\32 xl\:divider-horizontal{@layer daisyui.l1.l2{&{--divider-m:0 1rem}&.divider{flex-direction:column;width:1rem;height:auto;&:before,&:after{width:.125rem;height:100%}}}}.\32 xl\:divider-vertical{@layer daisyui.l1.l2{&{--divider-m:1rem 0}&.divider{flex-direction:row;width:auto;height:1rem;&:before,&:after{width:100%;height:.125rem}}}}.\32 xl\:divider-neutral{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-neutral)}}}.\32 xl\:divider-primary{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-primary)}}}.\32 xl\:divider-secondary{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-secondary)}}}.\32 xl\:divider-accent{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-accent)}}}.\32 xl\:divider-success{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-success)}}}.\32 xl\:divider-warning{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-warning)}}}.\32 xl\:divider-info{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-info)}}}.\32 xl\:divider-error{@layer daisyui.l1.l2{&:before,&:after{background-color:var(--color-error)}}}.\32 xl\:divider-start:before{@layer daisyui.l1.l2{&{display:none}}}.\32 xl\:divider-end:after{@layer daisyui.l1.l2{&{display:none}}}}}
|
package/components/dock.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.5.18 - MIT License */ @layer utilities{.dock{@layer daisyui.l1.l2.l3{&{z-index:1;background-color:var(--color-base-100);color:currentColor;border-top:.5px solid color-mix(in oklab,var(--color-base-content)5%,#0000);width:100%;height:4rem;height:calc(4rem + env(safe-area-inset-bottom));padding:.5rem;padding-bottom:env(safe-area-inset-bottom);flex-direction:row;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}&>*{cursor:pointer;border-radius:var(--radius-box);background-color:#0000;flex-direction:column;flex-shrink:1;flex-basis:100%;justify-content:center;align-items:center;gap:1px;max-width:8rem;height:100%;margin-bottom:.5rem;transition:opacity .2s ease-out;display:flex;position:relative;@media (hover:hover){&:hover{opacity:.8}}&[aria-disabled=true],&[disabled]{&,&:hover{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)10%,transparent);opacity:1}}& .dock-label{font-size:.6875rem}&:after{content:"";background-color:#0000;border-top:3px solid #0000;border-radius:3.40282e38px;width:1.5rem;height:.25rem;transition:background-color .1s ease-out,text-color .1s ease-out,width .1s ease-out;position:absolute;bottom:.2rem}}}}.dock-active{@layer daisyui.l1.l2{&:after{color:currentColor;background-color:currentColor;width:2.5rem}}}.dock-xs{@layer daisyui.l1.l2{&{height:3rem;height:calc(3rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}}.dock-sm{@layer daisyui.l1.l2{&{height:3.5rem;height:calc(3.5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}}.dock-md{@layer daisyui.l1.l2{&{height:4rem;height:calc(4rem + env(safe-area-inset-bottom))}& .dock-label{font-size:.6875rem}}}.dock-lg{@layer daisyui.l1.l2{&{height:4.5rem;height:calc(4.5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.6875rem}}}.dock-xl{@layer daisyui.l1.l2{&{height:5rem;height:calc(5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.75rem}}}@media (width>=640px){.sm\:dock{@layer daisyui.l1.l2.l3{&{z-index:1;background-color:var(--color-base-100);color:currentColor;border-top:.5px solid color-mix(in oklab,var(--color-base-content)5%,#0000);width:100%;height:4rem;height:calc(4rem + env(safe-area-inset-bottom));padding:.5rem;padding-bottom:env(safe-area-inset-bottom);flex-direction:row;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}&>*{cursor:pointer;border-radius:var(--radius-box);background-color:#0000;flex-direction:column;flex-shrink:1;flex-basis:100%;justify-content:center;align-items:center;gap:1px;max-width:8rem;height:100%;margin-bottom:.5rem;transition:opacity .2s ease-out;display:flex;position:relative;@media (hover:hover){&:hover{opacity:.8}}&[aria-disabled=true],&[disabled]{&,&:hover{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)10%,transparent);opacity:1}}& .dock-label{font-size:.6875rem}&:after{content:"";background-color:#0000;border-top:3px solid #0000;border-radius:3.40282e38px;width:1.5rem;height:.25rem;transition:background-color .1s ease-out,text-color .1s ease-out,width .1s ease-out;position:absolute;bottom:.2rem}}}}.sm\:dock-active{@layer daisyui.l1.l2{&:after{color:currentColor;background-color:currentColor;width:2.5rem}}}.sm\:dock-xs{@layer daisyui.l1.l2{&{height:3rem;height:calc(3rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}}.sm\:dock-sm{@layer daisyui.l1.l2{&{height:3.5rem;height:calc(3.5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}}.sm\:dock-md{@layer daisyui.l1.l2{&{height:4rem;height:calc(4rem + env(safe-area-inset-bottom))}& .dock-label{font-size:.6875rem}}}.sm\:dock-lg{@layer daisyui.l1.l2{&{height:4.5rem;height:calc(4.5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.6875rem}}}.sm\:dock-xl{@layer daisyui.l1.l2{&{height:5rem;height:calc(5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.75rem}}}}@media (width>=768px){.md\:dock{@layer daisyui.l1.l2.l3{&{z-index:1;background-color:var(--color-base-100);color:currentColor;border-top:.5px solid color-mix(in oklab,var(--color-base-content)5%,#0000);width:100%;height:4rem;height:calc(4rem + env(safe-area-inset-bottom));padding:.5rem;padding-bottom:env(safe-area-inset-bottom);flex-direction:row;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}&>*{cursor:pointer;border-radius:var(--radius-box);background-color:#0000;flex-direction:column;flex-shrink:1;flex-basis:100%;justify-content:center;align-items:center;gap:1px;max-width:8rem;height:100%;margin-bottom:.5rem;transition:opacity .2s ease-out;display:flex;position:relative;@media (hover:hover){&:hover{opacity:.8}}&[aria-disabled=true],&[disabled]{&,&:hover{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)10%,transparent);opacity:1}}& .dock-label{font-size:.6875rem}&:after{content:"";background-color:#0000;border-top:3px solid #0000;border-radius:3.40282e38px;width:1.5rem;height:.25rem;transition:background-color .1s ease-out,text-color .1s ease-out,width .1s ease-out;position:absolute;bottom:.2rem}}}}.md\:dock-active{@layer daisyui.l1.l2{&:after{color:currentColor;background-color:currentColor;width:2.5rem}}}.md\:dock-xs{@layer daisyui.l1.l2{&{height:3rem;height:calc(3rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}}.md\:dock-sm{@layer daisyui.l1.l2{&{height:3.5rem;height:calc(3.5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}}.md\:dock-md{@layer daisyui.l1.l2{&{height:4rem;height:calc(4rem + env(safe-area-inset-bottom))}& .dock-label{font-size:.6875rem}}}.md\:dock-lg{@layer daisyui.l1.l2{&{height:4.5rem;height:calc(4.5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.6875rem}}}.md\:dock-xl{@layer daisyui.l1.l2{&{height:5rem;height:calc(5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.75rem}}}}@media (width>=1024px){.lg\:dock{@layer daisyui.l1.l2.l3{&{z-index:1;background-color:var(--color-base-100);color:currentColor;border-top:.5px solid color-mix(in oklab,var(--color-base-content)5%,#0000);width:100%;height:4rem;height:calc(4rem + env(safe-area-inset-bottom));padding:.5rem;padding-bottom:env(safe-area-inset-bottom);flex-direction:row;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}&>*{cursor:pointer;border-radius:var(--radius-box);background-color:#0000;flex-direction:column;flex-shrink:1;flex-basis:100%;justify-content:center;align-items:center;gap:1px;max-width:8rem;height:100%;margin-bottom:.5rem;transition:opacity .2s ease-out;display:flex;position:relative;@media (hover:hover){&:hover{opacity:.8}}&[aria-disabled=true],&[disabled]{&,&:hover{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)10%,transparent);opacity:1}}& .dock-label{font-size:.6875rem}&:after{content:"";background-color:#0000;border-top:3px solid #0000;border-radius:3.40282e38px;width:1.5rem;height:.25rem;transition:background-color .1s ease-out,text-color .1s ease-out,width .1s ease-out;position:absolute;bottom:.2rem}}}}.lg\:dock-active{@layer daisyui.l1.l2{&:after{color:currentColor;background-color:currentColor;width:2.5rem}}}.lg\:dock-xs{@layer daisyui.l1.l2{&{height:3rem;height:calc(3rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}}.lg\:dock-sm{@layer daisyui.l1.l2{&{height:3.5rem;height:calc(3.5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}}.lg\:dock-md{@layer daisyui.l1.l2{&{height:4rem;height:calc(4rem + env(safe-area-inset-bottom))}& .dock-label{font-size:.6875rem}}}.lg\:dock-lg{@layer daisyui.l1.l2{&{height:4.5rem;height:calc(4.5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.6875rem}}}.lg\:dock-xl{@layer daisyui.l1.l2{&{height:5rem;height:calc(5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.75rem}}}}@media (width>=1280px){.xl\:dock{@layer daisyui.l1.l2.l3{&{z-index:1;background-color:var(--color-base-100);color:currentColor;border-top:.5px solid color-mix(in oklab,var(--color-base-content)5%,#0000);width:100%;height:4rem;height:calc(4rem + env(safe-area-inset-bottom));padding:.5rem;padding-bottom:env(safe-area-inset-bottom);flex-direction:row;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}&>*{cursor:pointer;border-radius:var(--radius-box);background-color:#0000;flex-direction:column;flex-shrink:1;flex-basis:100%;justify-content:center;align-items:center;gap:1px;max-width:8rem;height:100%;margin-bottom:.5rem;transition:opacity .2s ease-out;display:flex;position:relative;@media (hover:hover){&:hover{opacity:.8}}&[aria-disabled=true],&[disabled]{&,&:hover{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)10%,transparent);opacity:1}}& .dock-label{font-size:.6875rem}&:after{content:"";background-color:#0000;border-top:3px solid #0000;border-radius:3.40282e38px;width:1.5rem;height:.25rem;transition:background-color .1s ease-out,text-color .1s ease-out,width .1s ease-out;position:absolute;bottom:.2rem}}}}.xl\:dock-active{@layer daisyui.l1.l2{&:after{color:currentColor;background-color:currentColor;width:2.5rem}}}.xl\:dock-xs{@layer daisyui.l1.l2{&{height:3rem;height:calc(3rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}}.xl\:dock-sm{@layer daisyui.l1.l2{&{height:3.5rem;height:calc(3.5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}}.xl\:dock-md{@layer daisyui.l1.l2{&{height:4rem;height:calc(4rem + env(safe-area-inset-bottom))}& .dock-label{font-size:.6875rem}}}.xl\:dock-lg{@layer daisyui.l1.l2{&{height:4.5rem;height:calc(4.5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.6875rem}}}.xl\:dock-xl{@layer daisyui.l1.l2{&{height:5rem;height:calc(5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.75rem}}}}@media (width>=1536px){.\32 xl\:dock{@layer daisyui.l1.l2.l3{&{z-index:1;background-color:var(--color-base-100);color:currentColor;border-top:.5px solid color-mix(in oklab,var(--color-base-content)5%,#0000);width:100%;height:4rem;height:calc(4rem + env(safe-area-inset-bottom));padding:.5rem;padding-bottom:env(safe-area-inset-bottom);flex-direction:row;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}&>*{cursor:pointer;border-radius:var(--radius-box);background-color:#0000;flex-direction:column;flex-shrink:1;flex-basis:100%;justify-content:center;align-items:center;gap:1px;max-width:8rem;height:100%;margin-bottom:.5rem;transition:opacity .2s ease-out;display:flex;position:relative;@media (hover:hover){&:hover{opacity:.8}}&[aria-disabled=true],&[disabled]{&,&:hover{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)10%,transparent);opacity:1}}& .dock-label{font-size:.6875rem}&:after{content:"";background-color:#0000;border-top:3px solid #0000;border-radius:3.40282e38px;width:1.5rem;height:.25rem;transition:background-color .1s ease-out,text-color .1s ease-out,width .1s ease-out;position:absolute;bottom:.2rem}}}}.\32 xl\:dock-active{@layer daisyui.l1.l2{&:after{color:currentColor;background-color:currentColor;width:2.5rem}}}.\32 xl\:dock-xs{@layer daisyui.l1.l2{&{height:3rem;height:calc(3rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}}.\32 xl\:dock-sm{@layer daisyui.l1.l2{&{height:3.5rem;height:calc(3.5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}}.\32 xl\:dock-md{@layer daisyui.l1.l2{&{height:4rem;height:calc(4rem + env(safe-area-inset-bottom))}& .dock-label{font-size:.6875rem}}}.\32 xl\:dock-lg{@layer daisyui.l1.l2{&{height:4.5rem;height:calc(4.5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.6875rem}}}.\32 xl\:dock-xl{@layer daisyui.l1.l2{&{height:5rem;height:calc(5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.75rem}}}}}
|
|
1
|
+
/*! 🌼 daisyUI 5.5.20 - MIT License */ @layer utilities{.dock{@layer daisyui.l1.l2.l3{&{z-index:1;background-color:var(--color-base-100);color:currentColor;border-top:.5px solid color-mix(in oklab,var(--color-base-content)5%,#0000);width:100%;height:4rem;height:calc(4rem + env(safe-area-inset-bottom));padding:.5rem;padding-bottom:env(safe-area-inset-bottom);flex-direction:row;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}&>*{cursor:pointer;border-radius:var(--radius-box);background-color:#0000;flex-direction:column;flex-shrink:1;flex-basis:100%;justify-content:center;align-items:center;gap:1px;max-width:8rem;height:100%;margin-bottom:.5rem;transition:opacity .2s ease-out;display:flex;position:relative;@media (hover:hover){&:hover{opacity:.8}}&[aria-disabled=true],&[disabled]{&,&:hover{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)10%,transparent);opacity:1}}& .dock-label{font-size:.6875rem}&:after{content:"";background-color:#0000;border-top:3px solid #0000;border-radius:3.40282e38px;width:1.5rem;height:.25rem;transition:background-color .1s ease-out,text-color .1s ease-out,width .1s ease-out;position:absolute;bottom:.2rem}}}}.dock-active{@layer daisyui.l1.l2{&:after{color:currentColor;background-color:currentColor;width:2.5rem}}}.dock-xs{@layer daisyui.l1.l2{&{height:3rem;height:calc(3rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}}.dock-sm{@layer daisyui.l1.l2{&{height:3.5rem;height:calc(3.5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}}.dock-md{@layer daisyui.l1.l2{&{height:4rem;height:calc(4rem + env(safe-area-inset-bottom))}& .dock-label{font-size:.6875rem}}}.dock-lg{@layer daisyui.l1.l2{&{height:4.5rem;height:calc(4.5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.6875rem}}}.dock-xl{@layer daisyui.l1.l2{&{height:5rem;height:calc(5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.75rem}}}@media (width>=640px){.sm\:dock{@layer daisyui.l1.l2.l3{&{z-index:1;background-color:var(--color-base-100);color:currentColor;border-top:.5px solid color-mix(in oklab,var(--color-base-content)5%,#0000);width:100%;height:4rem;height:calc(4rem + env(safe-area-inset-bottom));padding:.5rem;padding-bottom:env(safe-area-inset-bottom);flex-direction:row;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}&>*{cursor:pointer;border-radius:var(--radius-box);background-color:#0000;flex-direction:column;flex-shrink:1;flex-basis:100%;justify-content:center;align-items:center;gap:1px;max-width:8rem;height:100%;margin-bottom:.5rem;transition:opacity .2s ease-out;display:flex;position:relative;@media (hover:hover){&:hover{opacity:.8}}&[aria-disabled=true],&[disabled]{&,&:hover{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)10%,transparent);opacity:1}}& .dock-label{font-size:.6875rem}&:after{content:"";background-color:#0000;border-top:3px solid #0000;border-radius:3.40282e38px;width:1.5rem;height:.25rem;transition:background-color .1s ease-out,text-color .1s ease-out,width .1s ease-out;position:absolute;bottom:.2rem}}}}.sm\:dock-active{@layer daisyui.l1.l2{&:after{color:currentColor;background-color:currentColor;width:2.5rem}}}.sm\:dock-xs{@layer daisyui.l1.l2{&{height:3rem;height:calc(3rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}}.sm\:dock-sm{@layer daisyui.l1.l2{&{height:3.5rem;height:calc(3.5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}}.sm\:dock-md{@layer daisyui.l1.l2{&{height:4rem;height:calc(4rem + env(safe-area-inset-bottom))}& .dock-label{font-size:.6875rem}}}.sm\:dock-lg{@layer daisyui.l1.l2{&{height:4.5rem;height:calc(4.5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.6875rem}}}.sm\:dock-xl{@layer daisyui.l1.l2{&{height:5rem;height:calc(5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.75rem}}}}@media (width>=768px){.md\:dock{@layer daisyui.l1.l2.l3{&{z-index:1;background-color:var(--color-base-100);color:currentColor;border-top:.5px solid color-mix(in oklab,var(--color-base-content)5%,#0000);width:100%;height:4rem;height:calc(4rem + env(safe-area-inset-bottom));padding:.5rem;padding-bottom:env(safe-area-inset-bottom);flex-direction:row;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}&>*{cursor:pointer;border-radius:var(--radius-box);background-color:#0000;flex-direction:column;flex-shrink:1;flex-basis:100%;justify-content:center;align-items:center;gap:1px;max-width:8rem;height:100%;margin-bottom:.5rem;transition:opacity .2s ease-out;display:flex;position:relative;@media (hover:hover){&:hover{opacity:.8}}&[aria-disabled=true],&[disabled]{&,&:hover{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)10%,transparent);opacity:1}}& .dock-label{font-size:.6875rem}&:after{content:"";background-color:#0000;border-top:3px solid #0000;border-radius:3.40282e38px;width:1.5rem;height:.25rem;transition:background-color .1s ease-out,text-color .1s ease-out,width .1s ease-out;position:absolute;bottom:.2rem}}}}.md\:dock-active{@layer daisyui.l1.l2{&:after{color:currentColor;background-color:currentColor;width:2.5rem}}}.md\:dock-xs{@layer daisyui.l1.l2{&{height:3rem;height:calc(3rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}}.md\:dock-sm{@layer daisyui.l1.l2{&{height:3.5rem;height:calc(3.5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}}.md\:dock-md{@layer daisyui.l1.l2{&{height:4rem;height:calc(4rem + env(safe-area-inset-bottom))}& .dock-label{font-size:.6875rem}}}.md\:dock-lg{@layer daisyui.l1.l2{&{height:4.5rem;height:calc(4.5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.6875rem}}}.md\:dock-xl{@layer daisyui.l1.l2{&{height:5rem;height:calc(5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.75rem}}}}@media (width>=1024px){.lg\:dock{@layer daisyui.l1.l2.l3{&{z-index:1;background-color:var(--color-base-100);color:currentColor;border-top:.5px solid color-mix(in oklab,var(--color-base-content)5%,#0000);width:100%;height:4rem;height:calc(4rem + env(safe-area-inset-bottom));padding:.5rem;padding-bottom:env(safe-area-inset-bottom);flex-direction:row;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}&>*{cursor:pointer;border-radius:var(--radius-box);background-color:#0000;flex-direction:column;flex-shrink:1;flex-basis:100%;justify-content:center;align-items:center;gap:1px;max-width:8rem;height:100%;margin-bottom:.5rem;transition:opacity .2s ease-out;display:flex;position:relative;@media (hover:hover){&:hover{opacity:.8}}&[aria-disabled=true],&[disabled]{&,&:hover{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)10%,transparent);opacity:1}}& .dock-label{font-size:.6875rem}&:after{content:"";background-color:#0000;border-top:3px solid #0000;border-radius:3.40282e38px;width:1.5rem;height:.25rem;transition:background-color .1s ease-out,text-color .1s ease-out,width .1s ease-out;position:absolute;bottom:.2rem}}}}.lg\:dock-active{@layer daisyui.l1.l2{&:after{color:currentColor;background-color:currentColor;width:2.5rem}}}.lg\:dock-xs{@layer daisyui.l1.l2{&{height:3rem;height:calc(3rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}}.lg\:dock-sm{@layer daisyui.l1.l2{&{height:3.5rem;height:calc(3.5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}}.lg\:dock-md{@layer daisyui.l1.l2{&{height:4rem;height:calc(4rem + env(safe-area-inset-bottom))}& .dock-label{font-size:.6875rem}}}.lg\:dock-lg{@layer daisyui.l1.l2{&{height:4.5rem;height:calc(4.5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.6875rem}}}.lg\:dock-xl{@layer daisyui.l1.l2{&{height:5rem;height:calc(5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.75rem}}}}@media (width>=1280px){.xl\:dock{@layer daisyui.l1.l2.l3{&{z-index:1;background-color:var(--color-base-100);color:currentColor;border-top:.5px solid color-mix(in oklab,var(--color-base-content)5%,#0000);width:100%;height:4rem;height:calc(4rem + env(safe-area-inset-bottom));padding:.5rem;padding-bottom:env(safe-area-inset-bottom);flex-direction:row;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}&>*{cursor:pointer;border-radius:var(--radius-box);background-color:#0000;flex-direction:column;flex-shrink:1;flex-basis:100%;justify-content:center;align-items:center;gap:1px;max-width:8rem;height:100%;margin-bottom:.5rem;transition:opacity .2s ease-out;display:flex;position:relative;@media (hover:hover){&:hover{opacity:.8}}&[aria-disabled=true],&[disabled]{&,&:hover{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)10%,transparent);opacity:1}}& .dock-label{font-size:.6875rem}&:after{content:"";background-color:#0000;border-top:3px solid #0000;border-radius:3.40282e38px;width:1.5rem;height:.25rem;transition:background-color .1s ease-out,text-color .1s ease-out,width .1s ease-out;position:absolute;bottom:.2rem}}}}.xl\:dock-active{@layer daisyui.l1.l2{&:after{color:currentColor;background-color:currentColor;width:2.5rem}}}.xl\:dock-xs{@layer daisyui.l1.l2{&{height:3rem;height:calc(3rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}}.xl\:dock-sm{@layer daisyui.l1.l2{&{height:3.5rem;height:calc(3.5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}}.xl\:dock-md{@layer daisyui.l1.l2{&{height:4rem;height:calc(4rem + env(safe-area-inset-bottom))}& .dock-label{font-size:.6875rem}}}.xl\:dock-lg{@layer daisyui.l1.l2{&{height:4.5rem;height:calc(4.5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.6875rem}}}.xl\:dock-xl{@layer daisyui.l1.l2{&{height:5rem;height:calc(5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.75rem}}}}@media (width>=1536px){.\32 xl\:dock{@layer daisyui.l1.l2.l3{&{z-index:1;background-color:var(--color-base-100);color:currentColor;border-top:.5px solid color-mix(in oklab,var(--color-base-content)5%,#0000);width:100%;height:4rem;height:calc(4rem + env(safe-area-inset-bottom));padding:.5rem;padding-bottom:env(safe-area-inset-bottom);flex-direction:row;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}&>*{cursor:pointer;border-radius:var(--radius-box);background-color:#0000;flex-direction:column;flex-shrink:1;flex-basis:100%;justify-content:center;align-items:center;gap:1px;max-width:8rem;height:100%;margin-bottom:.5rem;transition:opacity .2s ease-out;display:flex;position:relative;@media (hover:hover){&:hover{opacity:.8}}&[aria-disabled=true],&[disabled]{&,&:hover{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)10%,transparent);opacity:1}}& .dock-label{font-size:.6875rem}&:after{content:"";background-color:#0000;border-top:3px solid #0000;border-radius:3.40282e38px;width:1.5rem;height:.25rem;transition:background-color .1s ease-out,text-color .1s ease-out,width .1s ease-out;position:absolute;bottom:.2rem}}}}.\32 xl\:dock-active{@layer daisyui.l1.l2{&:after{color:currentColor;background-color:currentColor;width:2.5rem}}}.\32 xl\:dock-xs{@layer daisyui.l1.l2{&{height:3rem;height:calc(3rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}}.\32 xl\:dock-sm{@layer daisyui.l1.l2{&{height:3.5rem;height:calc(3.5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}}.\32 xl\:dock-md{@layer daisyui.l1.l2{&{height:4rem;height:calc(4rem + env(safe-area-inset-bottom))}& .dock-label{font-size:.6875rem}}}.\32 xl\:dock-lg{@layer daisyui.l1.l2{&{height:4.5rem;height:calc(4.5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.6875rem}}}.\32 xl\:dock-xl{@layer daisyui.l1.l2{&{height:5rem;height:calc(5rem + env(safe-area-inset-bottom))}& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.75rem}}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".drawer":{"@layer daisyui.l1.l2.l3":{"position":"relative","display":"grid","width":"100%","grid-auto-columns":"max-content auto"}},".drawer-content":{"@layer daisyui.l1.l2.l3":{"grid-column-start":"2","grid-row-start":"1","min-width":"calc(0.25rem * 0)"}},":where(.drawer-side)":{"@layer daisyui.l1.l2.l3":{"overflow-x":"hidden","overflow-y":"hidden"}},".drawer-side":{"@layer daisyui.l1.l2.l3":{"pointer-events":"none","visibility":"hidden","position":"fixed","inset-inline-start":"calc(0.25rem * 0)","top":"calc(0.25rem * 0)","z-index":10,"grid-column-start":"1","grid-row-start":"1","display":"grid","width":"100%","grid-template-columns":"repeat(1, minmax(0, 1fr))","grid-template-rows":"repeat(1, minmax(0, 1fr))","align-items":"flex-start","justify-items":"start","overscroll-behavior":"contain","background-color":"transparent","opacity":"0%","transition":"opacity 0.2s ease-out 0.1s allow-discrete, visibility 0.3s ease-out 0.1s allow-discrete","height":["100vh","100dvh"],"> .drawer-overlay":{"position":"sticky","top":"calc(0.25rem * 0)","cursor":"pointer","place-self":"stretch","background-color":"oklch(0% 0 0 / 40%)"},"> *":{"grid-column-start":"1","grid-row-start":"1"},"> :not(.drawer-overlay)":{"will-change":"transform","transition":"translate 0.3s ease-out, width 0.2s ease-out","translate":"-100%","[dir=\"rtl\"] &":{"translate":"100%"}}}},".drawer-toggle":{"@layer daisyui.l1.l2.l3":{"position":"fixed","height":"calc(0.25rem * 0)","width":"calc(0.25rem * 0)","appearance":"none","opacity":"0%",":where(&:checked ~ .drawer-side)":{"scrollbar-color":"color-mix(in oklch, currentColor 35%, #0000) oklch(0 0 0 / calc(var(--page-has-backdrop, 0) * 0.4))"},":where(:root:has(&:checked))":{"--page-has-backdrop":"1","--page-overflow":"hidden","--page-scroll-bg":"var(--page-scroll-bg-on)","--page-scroll-gutter":"stable","--page-scroll-transition":"var(--page-scroll-transition-on)","animation":"set-page-has-scroll forwards","animation-timeline":"scroll()"}},"@layer daisyui.l1.l2":{":where(&:checked ~ .drawer-side)":{"pointer-events":"auto","visibility":"visible","overflow-y":"auto","opacity":"100%","> :not(.drawer-overlay)":{"translate":"0%"}},"&:focus-visible ~ .drawer-content label.drawer-button":{"outline":"2px solid","outline-offset":"2px"}}},".drawer-end":{"@layer daisyui.l1.l2":{"grid-auto-columns":"auto max-content","> .drawer-toggle":{"~ .drawer-content":{"grid-column-start":"1"},"~ .drawer-side":{"grid-column-start":"2","justify-items":"end"},"~ .drawer-side > :not(.drawer-overlay)":{"translate":"100%","[dir=\"rtl\"] &":{"translate":"-100%"}},"&:checked ~ .drawer-side > :not(.drawer-overlay)":{"translate":"0%"}}}},".drawer-open":{"@layer daisyui.l1.l2.l3":{"> .drawer-toggle:checked":{"~ .drawer-side":{"scrollbar-color":"revert-layer"},":root:has(&)":{"--page-overflow":"revert-layer","--page-scroll-gutter":"revert-layer","--page-scroll-bg":"revert-layer","--page-scroll-transition":"revert-layer","--page-has-backdrop":"revert-layer","animation":"revert-layer","animation-timeline":"revert-layer"}}},"@layer daisyui.l1.l2":{"> .drawer-side":{"overflow-y":"auto"},"> .drawer-toggle":{"display":"none","~ .drawer-side":{"pointer-events":"auto","visibility":"visible","position":"sticky","display":"block","width":"auto","overscroll-behavior":"auto","opacity":"100%","> .drawer-overlay":{"cursor":"default","background-color":"transparent"}},"&:checked ~ .drawer-side":{"pointer-events":"auto","visibility":"visible"}}},"@layer daisyui.l1":{"> .drawer-toggle ~ .drawer-side > :not(.drawer-overlay)":{"translate":"0%","[dir=\"rtl\"] &":{"translate":"0%"}}}}};
|
|
1
|
+
export default {".drawer":{"@layer daisyui.l1.l2.l3":{"position":"relative","display":"grid","width":"100%","grid-auto-columns":"max-content auto"}},".drawer-content":{"@layer daisyui.l1.l2.l3":{"grid-column-start":"2","grid-row-start":"1","min-width":"calc(0.25rem * 0)"}},":where(.drawer-side)":{"@layer daisyui.l1.l2.l3":{"overflow-x":"hidden","overflow-y":"hidden"}},".drawer-side":{"@layer daisyui.l1.l2.l3":{"pointer-events":"none","visibility":"hidden","position":"fixed","inset-inline-start":"calc(0.25rem * 0)","top":"calc(0.25rem * 0)","z-index":10,"grid-column-start":"1","grid-row-start":"1","display":"grid","width":"100%","grid-template-columns":"repeat(1, minmax(0, 1fr))","grid-template-rows":"repeat(1, minmax(0, 1fr))","align-items":"flex-start","justify-items":"start","overscroll-behavior":"contain","background-color":"transparent","opacity":"0%","transition":"opacity 0.2s ease-out 0.1s allow-discrete, visibility 0.3s ease-out 0.1s allow-discrete","height":["100vh","100dvh"],"> .drawer-overlay":{"position":"sticky","top":"calc(0.25rem * 0)","cursor":"pointer","place-self":"stretch","background-color":"oklch(0% 0 0 / 40%)"},"> *":{"grid-column-start":"1","grid-row-start":"1"},"> :not(.drawer-overlay)":{"will-change":"transform","transition":"translate 0.3s ease-out, width 0.2s ease-out","translate":"-100%","[dir=\"rtl\"] &":{"translate":"100%"}}}},".drawer-toggle":{"@layer daisyui.l1.l2.l3":{"position":"fixed","height":"calc(0.25rem * 0)","width":"calc(0.25rem * 0)","appearance":"none","opacity":"0%",":where(&:checked ~ .drawer-side)":{"scrollbar-color":"color-mix(in oklch, currentColor 35%, #0000) oklch(0 0 0 / calc(var(--page-has-backdrop, 0) * 0.4))"},":where(:root:has(&:checked))":{"--page-has-backdrop":"1","--page-overflow":"hidden","--page-scroll-bg":"var(--page-scroll-bg-on)","--page-scroll-gutter":"stable","--page-scroll-transition":"var(--page-scroll-transition-on)","animation":"set-page-has-scroll forwards","animation-timeline":"scroll()"}},"@layer daisyui.l1.l2":{":where(&:checked ~ .drawer-side)":{"pointer-events":"auto","visibility":"visible","overflow-y":"auto","opacity":"100%","> :not(.drawer-overlay)":{"translate":"0%","transform":"none","will-change":"auto"}},"&:focus-visible ~ .drawer-content label.drawer-button":{"outline":"2px solid","outline-offset":"2px"}}},".drawer-end":{"@layer daisyui.l1.l2":{"grid-auto-columns":"auto max-content","> .drawer-toggle":{"~ .drawer-content":{"grid-column-start":"1"},"~ .drawer-side":{"grid-column-start":"2","justify-items":"end"},"~ .drawer-side > :not(.drawer-overlay)":{"translate":"100%","[dir=\"rtl\"] &":{"translate":"-100%"}},"&:checked ~ .drawer-side > :not(.drawer-overlay)":{"translate":"0%"}}}},".drawer-open":{"@layer daisyui.l1.l2.l3":{"> .drawer-toggle:checked":{"~ .drawer-side":{"scrollbar-color":"revert-layer"},":root:has(&)":{"--page-overflow":"revert-layer","--page-scroll-gutter":"revert-layer","--page-scroll-bg":"revert-layer","--page-scroll-transition":"revert-layer","--page-has-backdrop":"revert-layer","animation":"revert-layer","animation-timeline":"revert-layer"}}},"@layer daisyui.l1.l2":{"> .drawer-side":{"overflow-y":"auto"},"> .drawer-toggle":{"display":"none","~ .drawer-side":{"pointer-events":"auto","visibility":"visible","position":"sticky","display":"block","width":"auto","overscroll-behavior":"auto","opacity":"100%","> .drawer-overlay":{"cursor":"default","background-color":"transparent"}},"&:checked ~ .drawer-side":{"pointer-events":"auto","visibility":"visible"}}},"@layer daisyui.l1":{"> .drawer-toggle ~ .drawer-side > :not(.drawer-overlay)":{"translate":"0%","[dir=\"rtl\"] &":{"translate":"0%"}}}}};
|
package/components/drawer.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.5.18 - MIT License */ @layer utilities{.drawer{@layer daisyui.l1.l2.l3{&{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}}}.drawer-content{@layer daisyui.l1.l2.l3{&{grid-row-start:1;grid-column-start:2;min-width:0}}}:where(.drawer-side){@layer daisyui.l1.l2.l3{&{overflow:hidden}}}.drawer-side{@layer daisyui.l1.l2.l3{&{pointer-events:none;visibility:hidden;inset-inline-start:0;z-index:10;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete,visibility .3s ease-out .1s allow-discrete;background-color:#0000;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0}&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out,width .2s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}}.drawer-toggle{@layer daisyui.l1.l2.l3{&{appearance:none;opacity:0;width:0;height:0;position:fixed}:where(&:checked~.drawer-side){scrollbar-color:color-mix(in oklch,currentColor 35%,#0000)oklch(0 0 0/calc(var(--page-has-backdrop,0)*.4))}:where(:root:has(&:checked)){--page-has-backdrop:1;--page-overflow:hidden;--page-scroll-bg:var(--page-scroll-bg-on);--page-scroll-gutter:stable;--page-scroll-transition:var(--page-scroll-transition-on);animation:forwards set-page-has-scroll scroll()}}@layer daisyui.l1.l2{:where(&:checked~.drawer-side){pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){translate:0%}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}}.drawer-end{@layer daisyui.l1.l2{&{grid-auto-columns:auto max-content}&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}}.drawer-open{@layer daisyui.l1.l2.l3{&>.drawer-toggle:checked{&~.drawer-side{scrollbar-color:revert-layer}:root:has(&){--page-overflow:revert-layer;--page-scroll-gutter:revert-layer;--page-scroll-bg:revert-layer;--page-scroll-transition:revert-layer;--page-has-backdrop:revert-layer;animation:revert-layer;animation-timeline:revert-layer}}}@layer daisyui.l1.l2{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}@layer daisyui.l1{&>.drawer-toggle~.drawer-side>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}}@media (width>=640px){.sm\:drawer{@layer daisyui.l1.l2.l3{&{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}}}.sm\:drawer-content{@layer daisyui.l1.l2.l3{&{grid-row-start:1;grid-column-start:2;min-width:0}}}:where(.drawer-side){@layer daisyui.l1.l2.l3{&{overflow:hidden}}}.sm\:drawer-side{@layer daisyui.l1.l2.l3{&{pointer-events:none;visibility:hidden;inset-inline-start:0;z-index:10;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete,visibility .3s ease-out .1s allow-discrete;background-color:#0000;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0}&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out,width .2s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}}.sm\:drawer-toggle{@layer daisyui.l1.l2.l3{&{appearance:none;opacity:0;width:0;height:0;position:fixed}:where(&:checked~.drawer-side){scrollbar-color:color-mix(in oklch,currentColor 35%,#0000)oklch(0 0 0/calc(var(--page-has-backdrop,0)*.4))}:where(:root:has(&:checked)){--page-has-backdrop:1;--page-overflow:hidden;--page-scroll-bg:var(--page-scroll-bg-on);--page-scroll-gutter:stable;--page-scroll-transition:var(--page-scroll-transition-on);animation:forwards set-page-has-scroll scroll()}}@layer daisyui.l1.l2{:where(&:checked~.drawer-side){pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){translate:0%}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}}.sm\:drawer-end{@layer daisyui.l1.l2{&{grid-auto-columns:auto max-content}&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}}.sm\:drawer-open{@layer daisyui.l1.l2.l3{&>.drawer-toggle:checked{&~.drawer-side{scrollbar-color:revert-layer}:root:has(&){--page-overflow:revert-layer;--page-scroll-gutter:revert-layer;--page-scroll-bg:revert-layer;--page-scroll-transition:revert-layer;--page-has-backdrop:revert-layer;animation:revert-layer;animation-timeline:revert-layer}}}@layer daisyui.l1.l2{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}@layer daisyui.l1{&>.drawer-toggle~.drawer-side>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}}}@media (width>=768px){.md\:drawer{@layer daisyui.l1.l2.l3{&{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}}}.md\:drawer-content{@layer daisyui.l1.l2.l3{&{grid-row-start:1;grid-column-start:2;min-width:0}}}:where(.drawer-side){@layer daisyui.l1.l2.l3{&{overflow:hidden}}}.md\:drawer-side{@layer daisyui.l1.l2.l3{&{pointer-events:none;visibility:hidden;inset-inline-start:0;z-index:10;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete,visibility .3s ease-out .1s allow-discrete;background-color:#0000;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0}&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out,width .2s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}}.md\:drawer-toggle{@layer daisyui.l1.l2.l3{&{appearance:none;opacity:0;width:0;height:0;position:fixed}:where(&:checked~.drawer-side){scrollbar-color:color-mix(in oklch,currentColor 35%,#0000)oklch(0 0 0/calc(var(--page-has-backdrop,0)*.4))}:where(:root:has(&:checked)){--page-has-backdrop:1;--page-overflow:hidden;--page-scroll-bg:var(--page-scroll-bg-on);--page-scroll-gutter:stable;--page-scroll-transition:var(--page-scroll-transition-on);animation:forwards set-page-has-scroll scroll()}}@layer daisyui.l1.l2{:where(&:checked~.drawer-side){pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){translate:0%}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}}.md\:drawer-end{@layer daisyui.l1.l2{&{grid-auto-columns:auto max-content}&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}}.md\:drawer-open{@layer daisyui.l1.l2.l3{&>.drawer-toggle:checked{&~.drawer-side{scrollbar-color:revert-layer}:root:has(&){--page-overflow:revert-layer;--page-scroll-gutter:revert-layer;--page-scroll-bg:revert-layer;--page-scroll-transition:revert-layer;--page-has-backdrop:revert-layer;animation:revert-layer;animation-timeline:revert-layer}}}@layer daisyui.l1.l2{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}@layer daisyui.l1{&>.drawer-toggle~.drawer-side>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}}}@media (width>=1024px){.lg\:drawer{@layer daisyui.l1.l2.l3{&{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}}}.lg\:drawer-content{@layer daisyui.l1.l2.l3{&{grid-row-start:1;grid-column-start:2;min-width:0}}}:where(.drawer-side){@layer daisyui.l1.l2.l3{&{overflow:hidden}}}.lg\:drawer-side{@layer daisyui.l1.l2.l3{&{pointer-events:none;visibility:hidden;inset-inline-start:0;z-index:10;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete,visibility .3s ease-out .1s allow-discrete;background-color:#0000;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0}&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out,width .2s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}}.lg\:drawer-toggle{@layer daisyui.l1.l2.l3{&{appearance:none;opacity:0;width:0;height:0;position:fixed}:where(&:checked~.drawer-side){scrollbar-color:color-mix(in oklch,currentColor 35%,#0000)oklch(0 0 0/calc(var(--page-has-backdrop,0)*.4))}:where(:root:has(&:checked)){--page-has-backdrop:1;--page-overflow:hidden;--page-scroll-bg:var(--page-scroll-bg-on);--page-scroll-gutter:stable;--page-scroll-transition:var(--page-scroll-transition-on);animation:forwards set-page-has-scroll scroll()}}@layer daisyui.l1.l2{:where(&:checked~.drawer-side){pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){translate:0%}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}}.lg\:drawer-end{@layer daisyui.l1.l2{&{grid-auto-columns:auto max-content}&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}}.lg\:drawer-open{@layer daisyui.l1.l2.l3{&>.drawer-toggle:checked{&~.drawer-side{scrollbar-color:revert-layer}:root:has(&){--page-overflow:revert-layer;--page-scroll-gutter:revert-layer;--page-scroll-bg:revert-layer;--page-scroll-transition:revert-layer;--page-has-backdrop:revert-layer;animation:revert-layer;animation-timeline:revert-layer}}}@layer daisyui.l1.l2{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}@layer daisyui.l1{&>.drawer-toggle~.drawer-side>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}}}@media (width>=1280px){.xl\:drawer{@layer daisyui.l1.l2.l3{&{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}}}.xl\:drawer-content{@layer daisyui.l1.l2.l3{&{grid-row-start:1;grid-column-start:2;min-width:0}}}:where(.drawer-side){@layer daisyui.l1.l2.l3{&{overflow:hidden}}}.xl\:drawer-side{@layer daisyui.l1.l2.l3{&{pointer-events:none;visibility:hidden;inset-inline-start:0;z-index:10;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete,visibility .3s ease-out .1s allow-discrete;background-color:#0000;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0}&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out,width .2s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}}.xl\:drawer-toggle{@layer daisyui.l1.l2.l3{&{appearance:none;opacity:0;width:0;height:0;position:fixed}:where(&:checked~.drawer-side){scrollbar-color:color-mix(in oklch,currentColor 35%,#0000)oklch(0 0 0/calc(var(--page-has-backdrop,0)*.4))}:where(:root:has(&:checked)){--page-has-backdrop:1;--page-overflow:hidden;--page-scroll-bg:var(--page-scroll-bg-on);--page-scroll-gutter:stable;--page-scroll-transition:var(--page-scroll-transition-on);animation:forwards set-page-has-scroll scroll()}}@layer daisyui.l1.l2{:where(&:checked~.drawer-side){pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){translate:0%}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}}.xl\:drawer-end{@layer daisyui.l1.l2{&{grid-auto-columns:auto max-content}&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}}.xl\:drawer-open{@layer daisyui.l1.l2.l3{&>.drawer-toggle:checked{&~.drawer-side{scrollbar-color:revert-layer}:root:has(&){--page-overflow:revert-layer;--page-scroll-gutter:revert-layer;--page-scroll-bg:revert-layer;--page-scroll-transition:revert-layer;--page-has-backdrop:revert-layer;animation:revert-layer;animation-timeline:revert-layer}}}@layer daisyui.l1.l2{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}@layer daisyui.l1{&>.drawer-toggle~.drawer-side>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}}}@media (width>=1536px){.\32 xl\:drawer{@layer daisyui.l1.l2.l3{&{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}}}.\32 xl\:drawer-content{@layer daisyui.l1.l2.l3{&{grid-row-start:1;grid-column-start:2;min-width:0}}}:where(.drawer-side){@layer daisyui.l1.l2.l3{&{overflow:hidden}}}.\32 xl\:drawer-side{@layer daisyui.l1.l2.l3{&{pointer-events:none;visibility:hidden;inset-inline-start:0;z-index:10;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete,visibility .3s ease-out .1s allow-discrete;background-color:#0000;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0}&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out,width .2s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}}.\32 xl\:drawer-toggle{@layer daisyui.l1.l2.l3{&{appearance:none;opacity:0;width:0;height:0;position:fixed}:where(&:checked~.drawer-side){scrollbar-color:color-mix(in oklch,currentColor 35%,#0000)oklch(0 0 0/calc(var(--page-has-backdrop,0)*.4))}:where(:root:has(&:checked)){--page-has-backdrop:1;--page-overflow:hidden;--page-scroll-bg:var(--page-scroll-bg-on);--page-scroll-gutter:stable;--page-scroll-transition:var(--page-scroll-transition-on);animation:forwards set-page-has-scroll scroll()}}@layer daisyui.l1.l2{:where(&:checked~.drawer-side){pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){translate:0%}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}}.\32 xl\:drawer-end{@layer daisyui.l1.l2{&{grid-auto-columns:auto max-content}&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}}.\32 xl\:drawer-open{@layer daisyui.l1.l2.l3{&>.drawer-toggle:checked{&~.drawer-side{scrollbar-color:revert-layer}:root:has(&){--page-overflow:revert-layer;--page-scroll-gutter:revert-layer;--page-scroll-bg:revert-layer;--page-scroll-transition:revert-layer;--page-has-backdrop:revert-layer;animation:revert-layer;animation-timeline:revert-layer}}}@layer daisyui.l1.l2{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}@layer daisyui.l1{&>.drawer-toggle~.drawer-side>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}}}}
|
|
1
|
+
/*! 🌼 daisyUI 5.5.20 - MIT License */ @layer utilities{.drawer{@layer daisyui.l1.l2.l3{&{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}}}.drawer-content{@layer daisyui.l1.l2.l3{&{grid-row-start:1;grid-column-start:2;min-width:0}}}:where(.drawer-side){@layer daisyui.l1.l2.l3{&{overflow:hidden}}}.drawer-side{@layer daisyui.l1.l2.l3{&{pointer-events:none;visibility:hidden;inset-inline-start:0;z-index:10;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete,visibility .3s ease-out .1s allow-discrete;background-color:#0000;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0}&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out,width .2s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}}.drawer-toggle{@layer daisyui.l1.l2.l3{&{appearance:none;opacity:0;width:0;height:0;position:fixed}:where(&:checked~.drawer-side){scrollbar-color:color-mix(in oklch,currentColor 35%,#0000)oklch(0 0 0/calc(var(--page-has-backdrop,0)*.4))}:where(:root:has(&:checked)){--page-has-backdrop:1;--page-overflow:hidden;--page-scroll-bg:var(--page-scroll-bg-on);--page-scroll-gutter:stable;--page-scroll-transition:var(--page-scroll-transition-on);animation:forwards set-page-has-scroll scroll()}}@layer daisyui.l1.l2{:where(&:checked~.drawer-side){pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){will-change:auto;transform:none}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}}.drawer-end{@layer daisyui.l1.l2{&{grid-auto-columns:auto max-content}&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}}.drawer-open{@layer daisyui.l1.l2.l3{&>.drawer-toggle:checked{&~.drawer-side{scrollbar-color:revert-layer}:root:has(&){--page-overflow:revert-layer;--page-scroll-gutter:revert-layer;--page-scroll-bg:revert-layer;--page-scroll-transition:revert-layer;--page-has-backdrop:revert-layer;animation:revert-layer;animation-timeline:revert-layer}}}@layer daisyui.l1.l2{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}@layer daisyui.l1{&>.drawer-toggle~.drawer-side>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}}@media (width>=640px){.sm\:drawer{@layer daisyui.l1.l2.l3{&{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}}}.sm\:drawer-content{@layer daisyui.l1.l2.l3{&{grid-row-start:1;grid-column-start:2;min-width:0}}}:where(.drawer-side){@layer daisyui.l1.l2.l3{&{overflow:hidden}}}.sm\:drawer-side{@layer daisyui.l1.l2.l3{&{pointer-events:none;visibility:hidden;inset-inline-start:0;z-index:10;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete,visibility .3s ease-out .1s allow-discrete;background-color:#0000;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0}&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out,width .2s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}}.sm\:drawer-toggle{@layer daisyui.l1.l2.l3{&{appearance:none;opacity:0;width:0;height:0;position:fixed}:where(&:checked~.drawer-side){scrollbar-color:color-mix(in oklch,currentColor 35%,#0000)oklch(0 0 0/calc(var(--page-has-backdrop,0)*.4))}:where(:root:has(&:checked)){--page-has-backdrop:1;--page-overflow:hidden;--page-scroll-bg:var(--page-scroll-bg-on);--page-scroll-gutter:stable;--page-scroll-transition:var(--page-scroll-transition-on);animation:forwards set-page-has-scroll scroll()}}@layer daisyui.l1.l2{:where(&:checked~.drawer-side){pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){will-change:auto;transform:none}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}}.sm\:drawer-end{@layer daisyui.l1.l2{&{grid-auto-columns:auto max-content}&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}}.sm\:drawer-open{@layer daisyui.l1.l2.l3{&>.drawer-toggle:checked{&~.drawer-side{scrollbar-color:revert-layer}:root:has(&){--page-overflow:revert-layer;--page-scroll-gutter:revert-layer;--page-scroll-bg:revert-layer;--page-scroll-transition:revert-layer;--page-has-backdrop:revert-layer;animation:revert-layer;animation-timeline:revert-layer}}}@layer daisyui.l1.l2{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}@layer daisyui.l1{&>.drawer-toggle~.drawer-side>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}}}@media (width>=768px){.md\:drawer{@layer daisyui.l1.l2.l3{&{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}}}.md\:drawer-content{@layer daisyui.l1.l2.l3{&{grid-row-start:1;grid-column-start:2;min-width:0}}}:where(.drawer-side){@layer daisyui.l1.l2.l3{&{overflow:hidden}}}.md\:drawer-side{@layer daisyui.l1.l2.l3{&{pointer-events:none;visibility:hidden;inset-inline-start:0;z-index:10;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete,visibility .3s ease-out .1s allow-discrete;background-color:#0000;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0}&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out,width .2s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}}.md\:drawer-toggle{@layer daisyui.l1.l2.l3{&{appearance:none;opacity:0;width:0;height:0;position:fixed}:where(&:checked~.drawer-side){scrollbar-color:color-mix(in oklch,currentColor 35%,#0000)oklch(0 0 0/calc(var(--page-has-backdrop,0)*.4))}:where(:root:has(&:checked)){--page-has-backdrop:1;--page-overflow:hidden;--page-scroll-bg:var(--page-scroll-bg-on);--page-scroll-gutter:stable;--page-scroll-transition:var(--page-scroll-transition-on);animation:forwards set-page-has-scroll scroll()}}@layer daisyui.l1.l2{:where(&:checked~.drawer-side){pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){will-change:auto;transform:none}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}}.md\:drawer-end{@layer daisyui.l1.l2{&{grid-auto-columns:auto max-content}&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}}.md\:drawer-open{@layer daisyui.l1.l2.l3{&>.drawer-toggle:checked{&~.drawer-side{scrollbar-color:revert-layer}:root:has(&){--page-overflow:revert-layer;--page-scroll-gutter:revert-layer;--page-scroll-bg:revert-layer;--page-scroll-transition:revert-layer;--page-has-backdrop:revert-layer;animation:revert-layer;animation-timeline:revert-layer}}}@layer daisyui.l1.l2{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}@layer daisyui.l1{&>.drawer-toggle~.drawer-side>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}}}@media (width>=1024px){.lg\:drawer{@layer daisyui.l1.l2.l3{&{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}}}.lg\:drawer-content{@layer daisyui.l1.l2.l3{&{grid-row-start:1;grid-column-start:2;min-width:0}}}:where(.drawer-side){@layer daisyui.l1.l2.l3{&{overflow:hidden}}}.lg\:drawer-side{@layer daisyui.l1.l2.l3{&{pointer-events:none;visibility:hidden;inset-inline-start:0;z-index:10;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete,visibility .3s ease-out .1s allow-discrete;background-color:#0000;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0}&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out,width .2s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}}.lg\:drawer-toggle{@layer daisyui.l1.l2.l3{&{appearance:none;opacity:0;width:0;height:0;position:fixed}:where(&:checked~.drawer-side){scrollbar-color:color-mix(in oklch,currentColor 35%,#0000)oklch(0 0 0/calc(var(--page-has-backdrop,0)*.4))}:where(:root:has(&:checked)){--page-has-backdrop:1;--page-overflow:hidden;--page-scroll-bg:var(--page-scroll-bg-on);--page-scroll-gutter:stable;--page-scroll-transition:var(--page-scroll-transition-on);animation:forwards set-page-has-scroll scroll()}}@layer daisyui.l1.l2{:where(&:checked~.drawer-side){pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){will-change:auto;transform:none}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}}.lg\:drawer-end{@layer daisyui.l1.l2{&{grid-auto-columns:auto max-content}&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}}.lg\:drawer-open{@layer daisyui.l1.l2.l3{&>.drawer-toggle:checked{&~.drawer-side{scrollbar-color:revert-layer}:root:has(&){--page-overflow:revert-layer;--page-scroll-gutter:revert-layer;--page-scroll-bg:revert-layer;--page-scroll-transition:revert-layer;--page-has-backdrop:revert-layer;animation:revert-layer;animation-timeline:revert-layer}}}@layer daisyui.l1.l2{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}@layer daisyui.l1{&>.drawer-toggle~.drawer-side>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}}}@media (width>=1280px){.xl\:drawer{@layer daisyui.l1.l2.l3{&{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}}}.xl\:drawer-content{@layer daisyui.l1.l2.l3{&{grid-row-start:1;grid-column-start:2;min-width:0}}}:where(.drawer-side){@layer daisyui.l1.l2.l3{&{overflow:hidden}}}.xl\:drawer-side{@layer daisyui.l1.l2.l3{&{pointer-events:none;visibility:hidden;inset-inline-start:0;z-index:10;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete,visibility .3s ease-out .1s allow-discrete;background-color:#0000;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0}&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out,width .2s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}}.xl\:drawer-toggle{@layer daisyui.l1.l2.l3{&{appearance:none;opacity:0;width:0;height:0;position:fixed}:where(&:checked~.drawer-side){scrollbar-color:color-mix(in oklch,currentColor 35%,#0000)oklch(0 0 0/calc(var(--page-has-backdrop,0)*.4))}:where(:root:has(&:checked)){--page-has-backdrop:1;--page-overflow:hidden;--page-scroll-bg:var(--page-scroll-bg-on);--page-scroll-gutter:stable;--page-scroll-transition:var(--page-scroll-transition-on);animation:forwards set-page-has-scroll scroll()}}@layer daisyui.l1.l2{:where(&:checked~.drawer-side){pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){will-change:auto;transform:none}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}}.xl\:drawer-end{@layer daisyui.l1.l2{&{grid-auto-columns:auto max-content}&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}}.xl\:drawer-open{@layer daisyui.l1.l2.l3{&>.drawer-toggle:checked{&~.drawer-side{scrollbar-color:revert-layer}:root:has(&){--page-overflow:revert-layer;--page-scroll-gutter:revert-layer;--page-scroll-bg:revert-layer;--page-scroll-transition:revert-layer;--page-has-backdrop:revert-layer;animation:revert-layer;animation-timeline:revert-layer}}}@layer daisyui.l1.l2{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}@layer daisyui.l1{&>.drawer-toggle~.drawer-side>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}}}@media (width>=1536px){.\32 xl\:drawer{@layer daisyui.l1.l2.l3{&{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}}}.\32 xl\:drawer-content{@layer daisyui.l1.l2.l3{&{grid-row-start:1;grid-column-start:2;min-width:0}}}:where(.drawer-side){@layer daisyui.l1.l2.l3{&{overflow:hidden}}}.\32 xl\:drawer-side{@layer daisyui.l1.l2.l3{&{pointer-events:none;visibility:hidden;inset-inline-start:0;z-index:10;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete,visibility .3s ease-out .1s allow-discrete;background-color:#0000;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0}&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out,width .2s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}}.\32 xl\:drawer-toggle{@layer daisyui.l1.l2.l3{&{appearance:none;opacity:0;width:0;height:0;position:fixed}:where(&:checked~.drawer-side){scrollbar-color:color-mix(in oklch,currentColor 35%,#0000)oklch(0 0 0/calc(var(--page-has-backdrop,0)*.4))}:where(:root:has(&:checked)){--page-has-backdrop:1;--page-overflow:hidden;--page-scroll-bg:var(--page-scroll-bg-on);--page-scroll-gutter:stable;--page-scroll-transition:var(--page-scroll-transition-on);animation:forwards set-page-has-scroll scroll()}}@layer daisyui.l1.l2{:where(&:checked~.drawer-side){pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){will-change:auto;transform:none}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}}.\32 xl\:drawer-end{@layer daisyui.l1.l2{&{grid-auto-columns:auto max-content}&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}}.\32 xl\:drawer-open{@layer daisyui.l1.l2.l3{&>.drawer-toggle:checked{&~.drawer-side{scrollbar-color:revert-layer}:root:has(&){--page-overflow:revert-layer;--page-scroll-gutter:revert-layer;--page-scroll-bg:revert-layer;--page-scroll-transition:revert-layer;--page-has-backdrop:revert-layer;animation:revert-layer;animation-timeline:revert-layer}}}@layer daisyui.l1.l2{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}@layer daisyui.l1{&>.drawer-toggle~.drawer-side>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".dropdown":{"@layer daisyui.l1.l2.l3":{"position":"relative","display":"inline-block","position-area":"var(--anchor-v, bottom) var(--anchor-h, span-right)","& > *:not(:has(~ [class*=\"dropdown-content\"])):focus":{"--tw-outline-style":"none","outline-style":"none","@media (forced-colors: active)":{"outline":"2px solid transparent","outline-offset":"2px"}},".dropdown-content":{"position":"absolute"},"&.dropdown-close .dropdown-content, &:not(details, .dropdown-open, .dropdown-hover:hover, :focus-within) .dropdown-content, &.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible) ~ .dropdown-content":{"display":"none","transform-origin":"top","opacity":"0%","scale":"95%"},"&[popover], .dropdown-content":{"z-index":999,"@media (prefers-reduced-motion: no-preference)":{"animation":"dropdown 0.2s","transition-property":"opacity, scale, display","transition-behavior":"allow-discrete","transition-duration":"0.2s","transition-timing-function":"cubic-bezier(0.4, 0, 0.2, 1)"}},"@starting-style":{"&[popover], .dropdown-content":{"scale":"95%","opacity":0}},"&:not(.dropdown-close)":{"&.dropdown-open, &:not(.dropdown-hover):focus, &:focus-within":{"> [tabindex]:first-child":{"pointer-events":"none"},".dropdown-content":{"opacity":"100%","scale":"100%"}},"&.dropdown-hover:hover":{".dropdown-content":{"opacity":"100%","scale":"100%"}}},"&:is(details)":{"summary":{"&::-webkit-details-marker":{"display":"none"}}},"&:where([popover])":{"background":"#0000"},"&[popover]":{"position":"fixed","color":"inherit","@supports not (position-area: bottom)":{"margin":"auto","&.dropdown-close, &.dropdown-open:not(:popover-open)":{"display":"none","transform-origin":"top","opacity":"0%","scale":"95%"},"&::backdrop":{"background-color":"color-mix(in oklab, #000 30%, #0000)"}},"&.dropdown-close, &:not(.dropdown-open, :popover-open)":{"display":"none","transform-origin":"top","opacity":"0%","scale":"95%"}}}},".dropdown-start":{"@layer daisyui.l1.l2":{"--anchor-h":"span-right",":where(.dropdown-content)":{"inset-inline-end":"auto","translate":"0 0","[dir=\"rtl\"] &":{"translate":"0 0"}},"&.dropdown-left":{"--anchor-h":"left","--anchor-v":"span-bottom",".dropdown-content":{"top":"calc(0.25rem * 0)","bottom":"auto"}},"&.dropdown-right":{"--anchor-h":"right","--anchor-v":"span-bottom",".dropdown-content":{"top":"calc(0.25rem * 0)","bottom":"auto"}}}},".dropdown-center":{"@layer daisyui.l1.l2":{"--anchor-h":"center",":where(.dropdown-content)":{"inset-inline-end":"calc(1/2 * 100%)","translate":"50% 0","[dir=\"rtl\"] &":{"translate":"-50% 0"}},"&.dropdown-left":{"--anchor-h":"left","--anchor-v":"center",".dropdown-content":{"top":"auto","bottom":"calc(1/2 * 100%)","translate":"0 50%"}},"&.dropdown-right":{"--anchor-h":"right","--anchor-v":"center",".dropdown-content":{"top":"auto","bottom":"calc(1/2 * 100%)","translate":"0 50%"}}}},".dropdown-end":{"@layer daisyui.l1.l2":{"--anchor-h":"span-left",":where(.dropdown-content)":{"inset-inline-end":"calc(0.25rem * 0)","translate":"0 0","[dir=\"rtl\"] &":{"translate":"0 0"}},"&.dropdown-left":{"--anchor-h":"left","--anchor-v":"span-top",".dropdown-content":{"top":"auto","bottom":"calc(0.25rem * 0)"}},"&.dropdown-right":{"--anchor-h":"right","--anchor-v":"span-top",".dropdown-content":{"top":"auto","bottom":"calc(0.25rem * 0)"}}}},".dropdown-left":{"@layer daisyui.l1.l2":{"--anchor-h":"left","--anchor-v":"span-bottom",".dropdown-content":{"inset-inline-end":"100%","top":"calc(0.25rem * 0)","bottom":"auto","transform-origin":"100%"}}},".dropdown-right":{"@layer daisyui.l1.l2":{"--anchor-h":"right","--anchor-v":"span-bottom",".dropdown-content":{"inset-inline-start":"100%","top":"calc(0.25rem * 0)","bottom":"auto","transform-origin":"0"}}},".dropdown-bottom":{"@layer daisyui.l1.l2":{"--anchor-v":"bottom",".dropdown-content":{"top":"100%","bottom":"auto","transform-origin":"top"}}},".dropdown-top":{"@layer daisyui.l1.l2":{"--anchor-v":"top",".dropdown-content":{"top":"auto","bottom":"100%","transform-origin":"bottom"}}},"@keyframes dropdown":{"0%":{"opacity":0}}};
|
|
1
|
+
export default {".dropdown":{"@layer daisyui.l1.l2.l3":{"position":"relative","display":"inline-block","position-area":"var(--anchor-v, bottom) var(--anchor-h, span-right)","& > *:not(:has(~ [class*=\"dropdown-content\"])):focus":{"--tw-outline-style":"none","outline-style":"none","@media (forced-colors: active)":{"outline":"2px solid transparent","outline-offset":"2px"}},".dropdown-content":{"position":"absolute"},"&.dropdown-close .dropdown-content, &:not(details, .dropdown-open, .dropdown-hover:hover, :focus-within) .dropdown-content, &.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible) ~ .dropdown-content":{"display":"none","transform-origin":"top","opacity":"0%","scale":"95%"},"&[popover], .dropdown-content":{"z-index":999,"@media (prefers-reduced-motion: no-preference)":{"animation":"dropdown 0.2s","transition-property":"opacity, scale, display, overlay","transition-behavior":"allow-discrete","transition-duration":"0.2s","transition-timing-function":"cubic-bezier(0.4, 0, 0.2, 1)"}},"@starting-style":{"&[popover], .dropdown-content":{"scale":"95%","opacity":0}},"&:not(.dropdown-close)":{"&.dropdown-open, &:not(.dropdown-hover):focus, &:focus-within":{"> [tabindex]:first-child":{"pointer-events":"none"},".dropdown-content":{"opacity":"100%","scale":"100%"}},"&.dropdown-hover:hover":{".dropdown-content":{"opacity":"100%","scale":"100%"}}},"&:is(details)":{"summary":{"&::-webkit-details-marker":{"display":"none"}}},"&:where([popover])":{"background":"#0000"},"&[popover]":{"position":"fixed","color":"inherit","@supports not (position-area: bottom)":{"margin":"auto","&.dropdown-close, &.dropdown-open:not(:popover-open)":{"display":"none","transform-origin":"top","opacity":"0%","scale":"95%"},"&::backdrop":{"background-color":"color-mix(in oklab, #000 30%, #0000)"}},"&.dropdown-close, &:not(.dropdown-open, :popover-open)":{"display":"none","transform-origin":"top","opacity":"0%","scale":"95%"}}}},".dropdown-start":{"@layer daisyui.l1.l2":{"--anchor-h":"span-right",":where(.dropdown-content)":{"inset-inline-end":"auto","translate":"0 0","[dir=\"rtl\"] &":{"translate":"0 0"}},"&.dropdown-left":{"--anchor-h":"left","--anchor-v":"span-bottom",".dropdown-content":{"top":"calc(0.25rem * 0)","bottom":"auto"}},"&.dropdown-right":{"--anchor-h":"right","--anchor-v":"span-bottom",".dropdown-content":{"top":"calc(0.25rem * 0)","bottom":"auto"}}}},".dropdown-center":{"@layer daisyui.l1.l2":{"--anchor-h":"center",":where(.dropdown-content)":{"inset-inline-end":"calc(1/2 * 100%)","translate":"50% 0","[dir=\"rtl\"] &":{"translate":"-50% 0"}},"&.dropdown-left":{"--anchor-h":"left","--anchor-v":"center",".dropdown-content":{"top":"auto","bottom":"calc(1/2 * 100%)","translate":"0 50%"}},"&.dropdown-right":{"--anchor-h":"right","--anchor-v":"center",".dropdown-content":{"top":"auto","bottom":"calc(1/2 * 100%)","translate":"0 50%"}}}},".dropdown-end":{"@layer daisyui.l1.l2":{"--anchor-h":"span-left",":where(.dropdown-content)":{"inset-inline-end":"calc(0.25rem * 0)","translate":"0 0","[dir=\"rtl\"] &":{"translate":"0 0"}},"&.dropdown-left":{"--anchor-h":"left","--anchor-v":"span-top",".dropdown-content":{"top":"auto","bottom":"calc(0.25rem * 0)"}},"&.dropdown-right":{"--anchor-h":"right","--anchor-v":"span-top",".dropdown-content":{"top":"auto","bottom":"calc(0.25rem * 0)"}}}},".dropdown-left":{"@layer daisyui.l1.l2":{"--anchor-h":"left","--anchor-v":"span-bottom",".dropdown-content":{"inset-inline-end":"100%","top":"calc(0.25rem * 0)","bottom":"auto","transform-origin":"100%"}}},".dropdown-right":{"@layer daisyui.l1.l2":{"--anchor-h":"right","--anchor-v":"span-bottom",".dropdown-content":{"inset-inline-start":"100%","top":"calc(0.25rem * 0)","bottom":"auto","transform-origin":"0"}}},".dropdown-bottom":{"@layer daisyui.l1.l2":{"--anchor-v":"bottom",".dropdown-content":{"top":"100%","bottom":"auto","transform-origin":"top"}}},".dropdown-top":{"@layer daisyui.l1.l2":{"--anchor-v":"top",".dropdown-content":{"top":"auto","bottom":"100%","transform-origin":"bottom"}}},"@keyframes dropdown":{"0%":{"opacity":0}}};
|
package/components/dropdown.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.5.18 - MIT License */ @layer utilities{.dropdown{@layer daisyui.l1.l2.l3{&{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative}&>:not(:has(~[class*=dropdown-content])):focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}& .dropdown-content{position:absolute}&.dropdown-close .dropdown-content,&:not(details,.dropdown-open,.dropdown-hover:hover,:focus-within) .dropdown-content,&.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible)~.dropdown-content{transform-origin:top;opacity:0;display:none;scale:95%}&[popover],& .dropdown-content{z-index:999;@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown}}}@starting-style{&[popover],& .dropdown-content{opacity:0;scale:95%}}&:not(.dropdown-close){&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{&>[tabindex]:first-child{pointer-events:none}& .dropdown-content{opacity:1;scale:100%}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;scale:100%}}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&:where([popover]){background:0 0}&[popover]{color:inherit;position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-close,&.dropdown-open:not(:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}&::backdrop{background-color:oklab(0% none none/.3)}}&.dropdown-close,&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}}}}.dropdown-start{@layer daisyui.l1.l2{&{--anchor-h:span-right}& :where(.dropdown-content){inset-inline-end:auto;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}}}.dropdown-center{@layer daisyui.l1.l2{&{--anchor-h:center}& :where(.dropdown-content){inset-inline-end:50%;translate:50%;[dir=rtl] &{translate:-50%}}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}}.dropdown-end{@layer daisyui.l1.l2{&{--anchor-h:span-left}& :where(.dropdown-content){inset-inline-end:0;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}}}.dropdown-left{@layer daisyui.l1.l2{&{--anchor-h:left;--anchor-v:span-bottom}& .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}}}.dropdown-right{@layer daisyui.l1.l2{&{--anchor-h:right;--anchor-v:span-bottom}& .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}}}.dropdown-bottom{@layer daisyui.l1.l2{&{--anchor-v:bottom}& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}}.dropdown-top{@layer daisyui.l1.l2{&{--anchor-v:top}& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}@keyframes dropdown{0%{opacity:0}}@media (width>=640px){.sm\:dropdown{@layer daisyui.l1.l2.l3{&{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative}&>:not(:has(~[class*=dropdown-content])):focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}& .dropdown-content{position:absolute}&.dropdown-close .dropdown-content,&:not(details,.dropdown-open,.dropdown-hover:hover,:focus-within) .dropdown-content,&.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible)~.dropdown-content{transform-origin:top;opacity:0;display:none;scale:95%}&[popover],& .dropdown-content{z-index:999;@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown}}}@starting-style{&[popover],& .dropdown-content{opacity:0;scale:95%}}&:not(.dropdown-close){&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{&>[tabindex]:first-child{pointer-events:none}& .dropdown-content{opacity:1;scale:100%}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;scale:100%}}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&:where([popover]){background:0 0}&[popover]{color:inherit;position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-close,&.dropdown-open:not(:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}&::backdrop{background-color:oklab(0% none none/.3)}}&.dropdown-close,&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}}}}.sm\:dropdown-start{@layer daisyui.l1.l2{&{--anchor-h:span-right}& :where(.dropdown-content){inset-inline-end:auto;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}}}.sm\:dropdown-center{@layer daisyui.l1.l2{&{--anchor-h:center}& :where(.dropdown-content){inset-inline-end:50%;translate:50%;[dir=rtl] &{translate:-50%}}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}}.sm\:dropdown-end{@layer daisyui.l1.l2{&{--anchor-h:span-left}& :where(.dropdown-content){inset-inline-end:0;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}}}.sm\:dropdown-left{@layer daisyui.l1.l2{&{--anchor-h:left;--anchor-v:span-bottom}& .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}}}.sm\:dropdown-right{@layer daisyui.l1.l2{&{--anchor-h:right;--anchor-v:span-bottom}& .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}}}.sm\:dropdown-bottom{@layer daisyui.l1.l2{&{--anchor-v:bottom}& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}}.sm\:dropdown-top{@layer daisyui.l1.l2{&{--anchor-v:top}& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}}@media (width>=768px){.md\:dropdown{@layer daisyui.l1.l2.l3{&{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative}&>:not(:has(~[class*=dropdown-content])):focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}& .dropdown-content{position:absolute}&.dropdown-close .dropdown-content,&:not(details,.dropdown-open,.dropdown-hover:hover,:focus-within) .dropdown-content,&.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible)~.dropdown-content{transform-origin:top;opacity:0;display:none;scale:95%}&[popover],& .dropdown-content{z-index:999;@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown}}}@starting-style{&[popover],& .dropdown-content{opacity:0;scale:95%}}&:not(.dropdown-close){&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{&>[tabindex]:first-child{pointer-events:none}& .dropdown-content{opacity:1;scale:100%}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;scale:100%}}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&:where([popover]){background:0 0}&[popover]{color:inherit;position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-close,&.dropdown-open:not(:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}&::backdrop{background-color:oklab(0% none none/.3)}}&.dropdown-close,&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}}}}.md\:dropdown-start{@layer daisyui.l1.l2{&{--anchor-h:span-right}& :where(.dropdown-content){inset-inline-end:auto;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}}}.md\:dropdown-center{@layer daisyui.l1.l2{&{--anchor-h:center}& :where(.dropdown-content){inset-inline-end:50%;translate:50%;[dir=rtl] &{translate:-50%}}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}}.md\:dropdown-end{@layer daisyui.l1.l2{&{--anchor-h:span-left}& :where(.dropdown-content){inset-inline-end:0;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}}}.md\:dropdown-left{@layer daisyui.l1.l2{&{--anchor-h:left;--anchor-v:span-bottom}& .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}}}.md\:dropdown-right{@layer daisyui.l1.l2{&{--anchor-h:right;--anchor-v:span-bottom}& .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}}}.md\:dropdown-bottom{@layer daisyui.l1.l2{&{--anchor-v:bottom}& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}}.md\:dropdown-top{@layer daisyui.l1.l2{&{--anchor-v:top}& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}}@media (width>=1024px){.lg\:dropdown{@layer daisyui.l1.l2.l3{&{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative}&>:not(:has(~[class*=dropdown-content])):focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}& .dropdown-content{position:absolute}&.dropdown-close .dropdown-content,&:not(details,.dropdown-open,.dropdown-hover:hover,:focus-within) .dropdown-content,&.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible)~.dropdown-content{transform-origin:top;opacity:0;display:none;scale:95%}&[popover],& .dropdown-content{z-index:999;@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown}}}@starting-style{&[popover],& .dropdown-content{opacity:0;scale:95%}}&:not(.dropdown-close){&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{&>[tabindex]:first-child{pointer-events:none}& .dropdown-content{opacity:1;scale:100%}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;scale:100%}}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&:where([popover]){background:0 0}&[popover]{color:inherit;position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-close,&.dropdown-open:not(:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}&::backdrop{background-color:oklab(0% none none/.3)}}&.dropdown-close,&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}}}}.lg\:dropdown-start{@layer daisyui.l1.l2{&{--anchor-h:span-right}& :where(.dropdown-content){inset-inline-end:auto;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}}}.lg\:dropdown-center{@layer daisyui.l1.l2{&{--anchor-h:center}& :where(.dropdown-content){inset-inline-end:50%;translate:50%;[dir=rtl] &{translate:-50%}}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}}.lg\:dropdown-end{@layer daisyui.l1.l2{&{--anchor-h:span-left}& :where(.dropdown-content){inset-inline-end:0;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}}}.lg\:dropdown-left{@layer daisyui.l1.l2{&{--anchor-h:left;--anchor-v:span-bottom}& .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}}}.lg\:dropdown-right{@layer daisyui.l1.l2{&{--anchor-h:right;--anchor-v:span-bottom}& .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}}}.lg\:dropdown-bottom{@layer daisyui.l1.l2{&{--anchor-v:bottom}& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}}.lg\:dropdown-top{@layer daisyui.l1.l2{&{--anchor-v:top}& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}}@media (width>=1280px){.xl\:dropdown{@layer daisyui.l1.l2.l3{&{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative}&>:not(:has(~[class*=dropdown-content])):focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}& .dropdown-content{position:absolute}&.dropdown-close .dropdown-content,&:not(details,.dropdown-open,.dropdown-hover:hover,:focus-within) .dropdown-content,&.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible)~.dropdown-content{transform-origin:top;opacity:0;display:none;scale:95%}&[popover],& .dropdown-content{z-index:999;@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown}}}@starting-style{&[popover],& .dropdown-content{opacity:0;scale:95%}}&:not(.dropdown-close){&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{&>[tabindex]:first-child{pointer-events:none}& .dropdown-content{opacity:1;scale:100%}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;scale:100%}}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&:where([popover]){background:0 0}&[popover]{color:inherit;position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-close,&.dropdown-open:not(:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}&::backdrop{background-color:oklab(0% none none/.3)}}&.dropdown-close,&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}}}}.xl\:dropdown-start{@layer daisyui.l1.l2{&{--anchor-h:span-right}& :where(.dropdown-content){inset-inline-end:auto;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}}}.xl\:dropdown-center{@layer daisyui.l1.l2{&{--anchor-h:center}& :where(.dropdown-content){inset-inline-end:50%;translate:50%;[dir=rtl] &{translate:-50%}}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}}.xl\:dropdown-end{@layer daisyui.l1.l2{&{--anchor-h:span-left}& :where(.dropdown-content){inset-inline-end:0;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}}}.xl\:dropdown-left{@layer daisyui.l1.l2{&{--anchor-h:left;--anchor-v:span-bottom}& .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}}}.xl\:dropdown-right{@layer daisyui.l1.l2{&{--anchor-h:right;--anchor-v:span-bottom}& .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}}}.xl\:dropdown-bottom{@layer daisyui.l1.l2{&{--anchor-v:bottom}& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}}.xl\:dropdown-top{@layer daisyui.l1.l2{&{--anchor-v:top}& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}}@media (width>=1536px){.\32 xl\:dropdown{@layer daisyui.l1.l2.l3{&{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative}&>:not(:has(~[class*=dropdown-content])):focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}& .dropdown-content{position:absolute}&.dropdown-close .dropdown-content,&:not(details,.dropdown-open,.dropdown-hover:hover,:focus-within) .dropdown-content,&.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible)~.dropdown-content{transform-origin:top;opacity:0;display:none;scale:95%}&[popover],& .dropdown-content{z-index:999;@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown}}}@starting-style{&[popover],& .dropdown-content{opacity:0;scale:95%}}&:not(.dropdown-close){&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{&>[tabindex]:first-child{pointer-events:none}& .dropdown-content{opacity:1;scale:100%}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;scale:100%}}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&:where([popover]){background:0 0}&[popover]{color:inherit;position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-close,&.dropdown-open:not(:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}&::backdrop{background-color:oklab(0% none none/.3)}}&.dropdown-close,&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}}}}.\32 xl\:dropdown-start{@layer daisyui.l1.l2{&{--anchor-h:span-right}& :where(.dropdown-content){inset-inline-end:auto;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}}}.\32 xl\:dropdown-center{@layer daisyui.l1.l2{&{--anchor-h:center}& :where(.dropdown-content){inset-inline-end:50%;translate:50%;[dir=rtl] &{translate:-50%}}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}}.\32 xl\:dropdown-end{@layer daisyui.l1.l2{&{--anchor-h:span-left}& :where(.dropdown-content){inset-inline-end:0;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}}}.\32 xl\:dropdown-left{@layer daisyui.l1.l2{&{--anchor-h:left;--anchor-v:span-bottom}& .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}}}.\32 xl\:dropdown-right{@layer daisyui.l1.l2{&{--anchor-h:right;--anchor-v:span-bottom}& .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}}}.\32 xl\:dropdown-bottom{@layer daisyui.l1.l2{&{--anchor-v:bottom}& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}}.\32 xl\:dropdown-top{@layer daisyui.l1.l2{&{--anchor-v:top}& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}}}
|
|
1
|
+
/*! 🌼 daisyUI 5.5.20 - MIT License */ @layer utilities{.dropdown{@layer daisyui.l1.l2.l3{&{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative}&>:not(:has(~[class*=dropdown-content])):focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}& .dropdown-content{position:absolute}&.dropdown-close .dropdown-content,&:not(details,.dropdown-open,.dropdown-hover:hover,:focus-within) .dropdown-content,&.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible)~.dropdown-content{transform-origin:top;opacity:0;display:none;scale:95%}&[popover],& .dropdown-content{z-index:999;@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:opacity,scale,display,overlay;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown}}}@starting-style{&[popover],& .dropdown-content{opacity:0;scale:95%}}&:not(.dropdown-close){&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{&>[tabindex]:first-child{pointer-events:none}& .dropdown-content{opacity:1;scale:100%}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;scale:100%}}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&:where([popover]){background:0 0}&[popover]{color:inherit;position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-close,&.dropdown-open:not(:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}&::backdrop{background-color:oklab(0% none none/.3)}}&.dropdown-close,&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}}}}.dropdown-start{@layer daisyui.l1.l2{&{--anchor-h:span-right}& :where(.dropdown-content){inset-inline-end:auto;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}}}.dropdown-center{@layer daisyui.l1.l2{&{--anchor-h:center}& :where(.dropdown-content){inset-inline-end:50%;translate:50%;[dir=rtl] &{translate:-50%}}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}}.dropdown-end{@layer daisyui.l1.l2{&{--anchor-h:span-left}& :where(.dropdown-content){inset-inline-end:0;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}}}.dropdown-left{@layer daisyui.l1.l2{&{--anchor-h:left;--anchor-v:span-bottom}& .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}}}.dropdown-right{@layer daisyui.l1.l2{&{--anchor-h:right;--anchor-v:span-bottom}& .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}}}.dropdown-bottom{@layer daisyui.l1.l2{&{--anchor-v:bottom}& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}}.dropdown-top{@layer daisyui.l1.l2{&{--anchor-v:top}& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}@keyframes dropdown{0%{opacity:0}}@media (width>=640px){.sm\:dropdown{@layer daisyui.l1.l2.l3{&{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative}&>:not(:has(~[class*=dropdown-content])):focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}& .dropdown-content{position:absolute}&.dropdown-close .dropdown-content,&:not(details,.dropdown-open,.dropdown-hover:hover,:focus-within) .dropdown-content,&.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible)~.dropdown-content{transform-origin:top;opacity:0;display:none;scale:95%}&[popover],& .dropdown-content{z-index:999;@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:opacity,scale,display,overlay;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown}}}@starting-style{&[popover],& .dropdown-content{opacity:0;scale:95%}}&:not(.dropdown-close){&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{&>[tabindex]:first-child{pointer-events:none}& .dropdown-content{opacity:1;scale:100%}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;scale:100%}}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&:where([popover]){background:0 0}&[popover]{color:inherit;position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-close,&.dropdown-open:not(:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}&::backdrop{background-color:oklab(0% none none/.3)}}&.dropdown-close,&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}}}}.sm\:dropdown-start{@layer daisyui.l1.l2{&{--anchor-h:span-right}& :where(.dropdown-content){inset-inline-end:auto;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}}}.sm\:dropdown-center{@layer daisyui.l1.l2{&{--anchor-h:center}& :where(.dropdown-content){inset-inline-end:50%;translate:50%;[dir=rtl] &{translate:-50%}}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}}.sm\:dropdown-end{@layer daisyui.l1.l2{&{--anchor-h:span-left}& :where(.dropdown-content){inset-inline-end:0;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}}}.sm\:dropdown-left{@layer daisyui.l1.l2{&{--anchor-h:left;--anchor-v:span-bottom}& .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}}}.sm\:dropdown-right{@layer daisyui.l1.l2{&{--anchor-h:right;--anchor-v:span-bottom}& .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}}}.sm\:dropdown-bottom{@layer daisyui.l1.l2{&{--anchor-v:bottom}& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}}.sm\:dropdown-top{@layer daisyui.l1.l2{&{--anchor-v:top}& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}}@media (width>=768px){.md\:dropdown{@layer daisyui.l1.l2.l3{&{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative}&>:not(:has(~[class*=dropdown-content])):focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}& .dropdown-content{position:absolute}&.dropdown-close .dropdown-content,&:not(details,.dropdown-open,.dropdown-hover:hover,:focus-within) .dropdown-content,&.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible)~.dropdown-content{transform-origin:top;opacity:0;display:none;scale:95%}&[popover],& .dropdown-content{z-index:999;@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:opacity,scale,display,overlay;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown}}}@starting-style{&[popover],& .dropdown-content{opacity:0;scale:95%}}&:not(.dropdown-close){&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{&>[tabindex]:first-child{pointer-events:none}& .dropdown-content{opacity:1;scale:100%}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;scale:100%}}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&:where([popover]){background:0 0}&[popover]{color:inherit;position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-close,&.dropdown-open:not(:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}&::backdrop{background-color:oklab(0% none none/.3)}}&.dropdown-close,&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}}}}.md\:dropdown-start{@layer daisyui.l1.l2{&{--anchor-h:span-right}& :where(.dropdown-content){inset-inline-end:auto;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}}}.md\:dropdown-center{@layer daisyui.l1.l2{&{--anchor-h:center}& :where(.dropdown-content){inset-inline-end:50%;translate:50%;[dir=rtl] &{translate:-50%}}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}}.md\:dropdown-end{@layer daisyui.l1.l2{&{--anchor-h:span-left}& :where(.dropdown-content){inset-inline-end:0;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}}}.md\:dropdown-left{@layer daisyui.l1.l2{&{--anchor-h:left;--anchor-v:span-bottom}& .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}}}.md\:dropdown-right{@layer daisyui.l1.l2{&{--anchor-h:right;--anchor-v:span-bottom}& .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}}}.md\:dropdown-bottom{@layer daisyui.l1.l2{&{--anchor-v:bottom}& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}}.md\:dropdown-top{@layer daisyui.l1.l2{&{--anchor-v:top}& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}}@media (width>=1024px){.lg\:dropdown{@layer daisyui.l1.l2.l3{&{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative}&>:not(:has(~[class*=dropdown-content])):focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}& .dropdown-content{position:absolute}&.dropdown-close .dropdown-content,&:not(details,.dropdown-open,.dropdown-hover:hover,:focus-within) .dropdown-content,&.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible)~.dropdown-content{transform-origin:top;opacity:0;display:none;scale:95%}&[popover],& .dropdown-content{z-index:999;@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:opacity,scale,display,overlay;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown}}}@starting-style{&[popover],& .dropdown-content{opacity:0;scale:95%}}&:not(.dropdown-close){&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{&>[tabindex]:first-child{pointer-events:none}& .dropdown-content{opacity:1;scale:100%}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;scale:100%}}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&:where([popover]){background:0 0}&[popover]{color:inherit;position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-close,&.dropdown-open:not(:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}&::backdrop{background-color:oklab(0% none none/.3)}}&.dropdown-close,&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}}}}.lg\:dropdown-start{@layer daisyui.l1.l2{&{--anchor-h:span-right}& :where(.dropdown-content){inset-inline-end:auto;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}}}.lg\:dropdown-center{@layer daisyui.l1.l2{&{--anchor-h:center}& :where(.dropdown-content){inset-inline-end:50%;translate:50%;[dir=rtl] &{translate:-50%}}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}}.lg\:dropdown-end{@layer daisyui.l1.l2{&{--anchor-h:span-left}& :where(.dropdown-content){inset-inline-end:0;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}}}.lg\:dropdown-left{@layer daisyui.l1.l2{&{--anchor-h:left;--anchor-v:span-bottom}& .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}}}.lg\:dropdown-right{@layer daisyui.l1.l2{&{--anchor-h:right;--anchor-v:span-bottom}& .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}}}.lg\:dropdown-bottom{@layer daisyui.l1.l2{&{--anchor-v:bottom}& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}}.lg\:dropdown-top{@layer daisyui.l1.l2{&{--anchor-v:top}& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}}@media (width>=1280px){.xl\:dropdown{@layer daisyui.l1.l2.l3{&{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative}&>:not(:has(~[class*=dropdown-content])):focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}& .dropdown-content{position:absolute}&.dropdown-close .dropdown-content,&:not(details,.dropdown-open,.dropdown-hover:hover,:focus-within) .dropdown-content,&.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible)~.dropdown-content{transform-origin:top;opacity:0;display:none;scale:95%}&[popover],& .dropdown-content{z-index:999;@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:opacity,scale,display,overlay;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown}}}@starting-style{&[popover],& .dropdown-content{opacity:0;scale:95%}}&:not(.dropdown-close){&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{&>[tabindex]:first-child{pointer-events:none}& .dropdown-content{opacity:1;scale:100%}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;scale:100%}}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&:where([popover]){background:0 0}&[popover]{color:inherit;position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-close,&.dropdown-open:not(:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}&::backdrop{background-color:oklab(0% none none/.3)}}&.dropdown-close,&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}}}}.xl\:dropdown-start{@layer daisyui.l1.l2{&{--anchor-h:span-right}& :where(.dropdown-content){inset-inline-end:auto;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}}}.xl\:dropdown-center{@layer daisyui.l1.l2{&{--anchor-h:center}& :where(.dropdown-content){inset-inline-end:50%;translate:50%;[dir=rtl] &{translate:-50%}}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}}.xl\:dropdown-end{@layer daisyui.l1.l2{&{--anchor-h:span-left}& :where(.dropdown-content){inset-inline-end:0;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}}}.xl\:dropdown-left{@layer daisyui.l1.l2{&{--anchor-h:left;--anchor-v:span-bottom}& .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}}}.xl\:dropdown-right{@layer daisyui.l1.l2{&{--anchor-h:right;--anchor-v:span-bottom}& .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}}}.xl\:dropdown-bottom{@layer daisyui.l1.l2{&{--anchor-v:bottom}& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}}.xl\:dropdown-top{@layer daisyui.l1.l2{&{--anchor-v:top}& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}}@media (width>=1536px){.\32 xl\:dropdown{@layer daisyui.l1.l2.l3{&{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative}&>:not(:has(~[class*=dropdown-content])):focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}& .dropdown-content{position:absolute}&.dropdown-close .dropdown-content,&:not(details,.dropdown-open,.dropdown-hover:hover,:focus-within) .dropdown-content,&.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible)~.dropdown-content{transform-origin:top;opacity:0;display:none;scale:95%}&[popover],& .dropdown-content{z-index:999;@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:opacity,scale,display,overlay;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown}}}@starting-style{&[popover],& .dropdown-content{opacity:0;scale:95%}}&:not(.dropdown-close){&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{&>[tabindex]:first-child{pointer-events:none}& .dropdown-content{opacity:1;scale:100%}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;scale:100%}}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&:where([popover]){background:0 0}&[popover]{color:inherit;position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-close,&.dropdown-open:not(:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}&::backdrop{background-color:oklab(0% none none/.3)}}&.dropdown-close,&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}}}}.\32 xl\:dropdown-start{@layer daisyui.l1.l2{&{--anchor-h:span-right}& :where(.dropdown-content){inset-inline-end:auto;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}}}.\32 xl\:dropdown-center{@layer daisyui.l1.l2{&{--anchor-h:center}& :where(.dropdown-content){inset-inline-end:50%;translate:50%;[dir=rtl] &{translate:-50%}}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}}.\32 xl\:dropdown-end{@layer daisyui.l1.l2{&{--anchor-h:span-left}& :where(.dropdown-content){inset-inline-end:0;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}}}.\32 xl\:dropdown-left{@layer daisyui.l1.l2{&{--anchor-h:left;--anchor-v:span-bottom}& .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}}}.\32 xl\:dropdown-right{@layer daisyui.l1.l2{&{--anchor-h:right;--anchor-v:span-bottom}& .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}}}.\32 xl\:dropdown-bottom{@layer daisyui.l1.l2{&{--anchor-v:bottom}& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}}.\32 xl\:dropdown-top{@layer daisyui.l1.l2{&{--anchor-v:top}& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}}}
|
package/components/fab.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.5.18 - MIT License */ @layer utilities{.fab{@layer daisyui.l1.l2.l3{&{pointer-events:none;inset-inline-end:1rem;z-index:999;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:nowrap;flex-direction:column-reverse;align-items:flex-end;gap:.5rem;display:flex;position:fixed;bottom:1rem}&>*{pointer-events:auto;align-items:center;gap:.5rem;display:flex;&:hover,&:has(:focus-visible){z-index:1}}&>[tabindex]{&:first-child{transition-property:opacity,visibility,rotate;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:grid;position:relative}}& .fab-close,& .fab-main-action{inset-inline-end:0;position:absolute;bottom:0}&:focus-within{&:has(.fab-close),&:has(.fab-main-action){&>[tabindex]{opacity:0;rotate:90deg}}}&>:nth-child(n+2){visibility:hidden;--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:0;transition-property:opacity,scale,visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);&.fab-main-action,&.fab-close{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}}&>:nth-child(3){transition-delay:30ms}&>:nth-child(4){transition-delay:60ms}&>:nth-child(5){transition-delay:90ms}&>:nth-child(6){transition-delay:.12s}&:focus-within{&>[tabindex]:first-child{pointer-events:none}&>:nth-child(n+2){visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}}}}.fab-flower{@layer daisyui.l1.l2.l3{&{--position:0rem;display:grid}&>:nth-child(-n+2){--position:0rem}&>*{--degree:180deg;--flip-degree:calc(180deg - var(--degree));transform:translateX(calc(cos(var(--degree))*var(--position)))translateY(calc(sin(var(--degree))*-1*var(--position)));grid-area:1/1;[dir=rtl] &{transform:translateX(calc(cos(var(--flip-degree))*var(--position)))translateY(calc(sin(var(--flip-degree))*-1*var(--position)))}}&>:nth-child(n+7){display:none}&:has(:nth-child(3)){--position:140%;&>:nth-child(3){--degree:135deg}}&:has(:nth-child(4)){--position:140%;&>:nth-child(3){--degree:165deg}&>:nth-child(4){--degree:105deg}}&:has(:nth-child(5)){--position:180%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:135deg}&>:nth-child(5){--degree:90deg}}&:has(:nth-child(6)){--position:220%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:150deg}&>:nth-child(5){--degree:120deg}&>:nth-child(6){--degree:90deg}}}}@media (width>=640px){.sm\:fab{@layer daisyui.l1.l2.l3{&{pointer-events:none;inset-inline-end:1rem;z-index:999;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:nowrap;flex-direction:column-reverse;align-items:flex-end;gap:.5rem;display:flex;position:fixed;bottom:1rem}&>*{pointer-events:auto;align-items:center;gap:.5rem;display:flex;&:hover,&:has(:focus-visible){z-index:1}}&>[tabindex]{&:first-child{transition-property:opacity,visibility,rotate;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:grid;position:relative}}& .fab-close,& .fab-main-action{inset-inline-end:0;position:absolute;bottom:0}&:focus-within{&:has(.fab-close),&:has(.fab-main-action){&>[tabindex]{opacity:0;rotate:90deg}}}&>:nth-child(n+2){visibility:hidden;--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:0;transition-property:opacity,scale,visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);&.fab-main-action,&.fab-close{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}}&>:nth-child(3){transition-delay:30ms}&>:nth-child(4){transition-delay:60ms}&>:nth-child(5){transition-delay:90ms}&>:nth-child(6){transition-delay:.12s}&:focus-within{&>[tabindex]:first-child{pointer-events:none}&>:nth-child(n+2){visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}}}}.sm\:fab-flower{@layer daisyui.l1.l2.l3{&{--position:0rem;display:grid}&>:nth-child(-n+2){--position:0rem}&>*{--degree:180deg;--flip-degree:calc(180deg - var(--degree));transform:translateX(calc(cos(var(--degree))*var(--position)))translateY(calc(sin(var(--degree))*-1*var(--position)));grid-area:1/1;[dir=rtl] &{transform:translateX(calc(cos(var(--flip-degree))*var(--position)))translateY(calc(sin(var(--flip-degree))*-1*var(--position)))}}&>:nth-child(n+7){display:none}&:has(:nth-child(3)){--position:140%;&>:nth-child(3){--degree:135deg}}&:has(:nth-child(4)){--position:140%;&>:nth-child(3){--degree:165deg}&>:nth-child(4){--degree:105deg}}&:has(:nth-child(5)){--position:180%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:135deg}&>:nth-child(5){--degree:90deg}}&:has(:nth-child(6)){--position:220%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:150deg}&>:nth-child(5){--degree:120deg}&>:nth-child(6){--degree:90deg}}}}}@media (width>=768px){.md\:fab{@layer daisyui.l1.l2.l3{&{pointer-events:none;inset-inline-end:1rem;z-index:999;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:nowrap;flex-direction:column-reverse;align-items:flex-end;gap:.5rem;display:flex;position:fixed;bottom:1rem}&>*{pointer-events:auto;align-items:center;gap:.5rem;display:flex;&:hover,&:has(:focus-visible){z-index:1}}&>[tabindex]{&:first-child{transition-property:opacity,visibility,rotate;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:grid;position:relative}}& .fab-close,& .fab-main-action{inset-inline-end:0;position:absolute;bottom:0}&:focus-within{&:has(.fab-close),&:has(.fab-main-action){&>[tabindex]{opacity:0;rotate:90deg}}}&>:nth-child(n+2){visibility:hidden;--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:0;transition-property:opacity,scale,visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);&.fab-main-action,&.fab-close{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}}&>:nth-child(3){transition-delay:30ms}&>:nth-child(4){transition-delay:60ms}&>:nth-child(5){transition-delay:90ms}&>:nth-child(6){transition-delay:.12s}&:focus-within{&>[tabindex]:first-child{pointer-events:none}&>:nth-child(n+2){visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}}}}.md\:fab-flower{@layer daisyui.l1.l2.l3{&{--position:0rem;display:grid}&>:nth-child(-n+2){--position:0rem}&>*{--degree:180deg;--flip-degree:calc(180deg - var(--degree));transform:translateX(calc(cos(var(--degree))*var(--position)))translateY(calc(sin(var(--degree))*-1*var(--position)));grid-area:1/1;[dir=rtl] &{transform:translateX(calc(cos(var(--flip-degree))*var(--position)))translateY(calc(sin(var(--flip-degree))*-1*var(--position)))}}&>:nth-child(n+7){display:none}&:has(:nth-child(3)){--position:140%;&>:nth-child(3){--degree:135deg}}&:has(:nth-child(4)){--position:140%;&>:nth-child(3){--degree:165deg}&>:nth-child(4){--degree:105deg}}&:has(:nth-child(5)){--position:180%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:135deg}&>:nth-child(5){--degree:90deg}}&:has(:nth-child(6)){--position:220%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:150deg}&>:nth-child(5){--degree:120deg}&>:nth-child(6){--degree:90deg}}}}}@media (width>=1024px){.lg\:fab{@layer daisyui.l1.l2.l3{&{pointer-events:none;inset-inline-end:1rem;z-index:999;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:nowrap;flex-direction:column-reverse;align-items:flex-end;gap:.5rem;display:flex;position:fixed;bottom:1rem}&>*{pointer-events:auto;align-items:center;gap:.5rem;display:flex;&:hover,&:has(:focus-visible){z-index:1}}&>[tabindex]{&:first-child{transition-property:opacity,visibility,rotate;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:grid;position:relative}}& .fab-close,& .fab-main-action{inset-inline-end:0;position:absolute;bottom:0}&:focus-within{&:has(.fab-close),&:has(.fab-main-action){&>[tabindex]{opacity:0;rotate:90deg}}}&>:nth-child(n+2){visibility:hidden;--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:0;transition-property:opacity,scale,visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);&.fab-main-action,&.fab-close{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}}&>:nth-child(3){transition-delay:30ms}&>:nth-child(4){transition-delay:60ms}&>:nth-child(5){transition-delay:90ms}&>:nth-child(6){transition-delay:.12s}&:focus-within{&>[tabindex]:first-child{pointer-events:none}&>:nth-child(n+2){visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}}}}.lg\:fab-flower{@layer daisyui.l1.l2.l3{&{--position:0rem;display:grid}&>:nth-child(-n+2){--position:0rem}&>*{--degree:180deg;--flip-degree:calc(180deg - var(--degree));transform:translateX(calc(cos(var(--degree))*var(--position)))translateY(calc(sin(var(--degree))*-1*var(--position)));grid-area:1/1;[dir=rtl] &{transform:translateX(calc(cos(var(--flip-degree))*var(--position)))translateY(calc(sin(var(--flip-degree))*-1*var(--position)))}}&>:nth-child(n+7){display:none}&:has(:nth-child(3)){--position:140%;&>:nth-child(3){--degree:135deg}}&:has(:nth-child(4)){--position:140%;&>:nth-child(3){--degree:165deg}&>:nth-child(4){--degree:105deg}}&:has(:nth-child(5)){--position:180%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:135deg}&>:nth-child(5){--degree:90deg}}&:has(:nth-child(6)){--position:220%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:150deg}&>:nth-child(5){--degree:120deg}&>:nth-child(6){--degree:90deg}}}}}@media (width>=1280px){.xl\:fab{@layer daisyui.l1.l2.l3{&{pointer-events:none;inset-inline-end:1rem;z-index:999;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:nowrap;flex-direction:column-reverse;align-items:flex-end;gap:.5rem;display:flex;position:fixed;bottom:1rem}&>*{pointer-events:auto;align-items:center;gap:.5rem;display:flex;&:hover,&:has(:focus-visible){z-index:1}}&>[tabindex]{&:first-child{transition-property:opacity,visibility,rotate;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:grid;position:relative}}& .fab-close,& .fab-main-action{inset-inline-end:0;position:absolute;bottom:0}&:focus-within{&:has(.fab-close),&:has(.fab-main-action){&>[tabindex]{opacity:0;rotate:90deg}}}&>:nth-child(n+2){visibility:hidden;--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:0;transition-property:opacity,scale,visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);&.fab-main-action,&.fab-close{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}}&>:nth-child(3){transition-delay:30ms}&>:nth-child(4){transition-delay:60ms}&>:nth-child(5){transition-delay:90ms}&>:nth-child(6){transition-delay:.12s}&:focus-within{&>[tabindex]:first-child{pointer-events:none}&>:nth-child(n+2){visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}}}}.xl\:fab-flower{@layer daisyui.l1.l2.l3{&{--position:0rem;display:grid}&>:nth-child(-n+2){--position:0rem}&>*{--degree:180deg;--flip-degree:calc(180deg - var(--degree));transform:translateX(calc(cos(var(--degree))*var(--position)))translateY(calc(sin(var(--degree))*-1*var(--position)));grid-area:1/1;[dir=rtl] &{transform:translateX(calc(cos(var(--flip-degree))*var(--position)))translateY(calc(sin(var(--flip-degree))*-1*var(--position)))}}&>:nth-child(n+7){display:none}&:has(:nth-child(3)){--position:140%;&>:nth-child(3){--degree:135deg}}&:has(:nth-child(4)){--position:140%;&>:nth-child(3){--degree:165deg}&>:nth-child(4){--degree:105deg}}&:has(:nth-child(5)){--position:180%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:135deg}&>:nth-child(5){--degree:90deg}}&:has(:nth-child(6)){--position:220%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:150deg}&>:nth-child(5){--degree:120deg}&>:nth-child(6){--degree:90deg}}}}}@media (width>=1536px){.\32 xl\:fab{@layer daisyui.l1.l2.l3{&{pointer-events:none;inset-inline-end:1rem;z-index:999;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:nowrap;flex-direction:column-reverse;align-items:flex-end;gap:.5rem;display:flex;position:fixed;bottom:1rem}&>*{pointer-events:auto;align-items:center;gap:.5rem;display:flex;&:hover,&:has(:focus-visible){z-index:1}}&>[tabindex]{&:first-child{transition-property:opacity,visibility,rotate;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:grid;position:relative}}& .fab-close,& .fab-main-action{inset-inline-end:0;position:absolute;bottom:0}&:focus-within{&:has(.fab-close),&:has(.fab-main-action){&>[tabindex]{opacity:0;rotate:90deg}}}&>:nth-child(n+2){visibility:hidden;--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:0;transition-property:opacity,scale,visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);&.fab-main-action,&.fab-close{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}}&>:nth-child(3){transition-delay:30ms}&>:nth-child(4){transition-delay:60ms}&>:nth-child(5){transition-delay:90ms}&>:nth-child(6){transition-delay:.12s}&:focus-within{&>[tabindex]:first-child{pointer-events:none}&>:nth-child(n+2){visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}}}}.\32 xl\:fab-flower{@layer daisyui.l1.l2.l3{&{--position:0rem;display:grid}&>:nth-child(-n+2){--position:0rem}&>*{--degree:180deg;--flip-degree:calc(180deg - var(--degree));transform:translateX(calc(cos(var(--degree))*var(--position)))translateY(calc(sin(var(--degree))*-1*var(--position)));grid-area:1/1;[dir=rtl] &{transform:translateX(calc(cos(var(--flip-degree))*var(--position)))translateY(calc(sin(var(--flip-degree))*-1*var(--position)))}}&>:nth-child(n+7){display:none}&:has(:nth-child(3)){--position:140%;&>:nth-child(3){--degree:135deg}}&:has(:nth-child(4)){--position:140%;&>:nth-child(3){--degree:165deg}&>:nth-child(4){--degree:105deg}}&:has(:nth-child(5)){--position:180%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:135deg}&>:nth-child(5){--degree:90deg}}&:has(:nth-child(6)){--position:220%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:150deg}&>:nth-child(5){--degree:120deg}&>:nth-child(6){--degree:90deg}}}}}}
|
|
1
|
+
/*! 🌼 daisyUI 5.5.20 - MIT License */ @layer utilities{.fab{@layer daisyui.l1.l2.l3{&{pointer-events:none;inset-inline-end:1rem;z-index:999;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:nowrap;flex-direction:column-reverse;align-items:flex-end;gap:.5rem;display:flex;position:fixed;bottom:1rem}&>*{pointer-events:auto;align-items:center;gap:.5rem;display:flex;&:hover,&:has(:focus-visible){z-index:1}}&>[tabindex]{&:first-child{transition-property:opacity,visibility,rotate;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:grid;position:relative}}& .fab-close,& .fab-main-action{inset-inline-end:0;position:absolute;bottom:0}&:focus-within{&:has(.fab-close),&:has(.fab-main-action){&>[tabindex]{opacity:0;rotate:90deg}}}&>:nth-child(n+2){visibility:hidden;--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:0;transition-property:opacity,scale,visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);&.fab-main-action,&.fab-close{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}}&>:nth-child(3){transition-delay:30ms}&>:nth-child(4){transition-delay:60ms}&>:nth-child(5){transition-delay:90ms}&>:nth-child(6){transition-delay:.12s}&:focus-within{&>[tabindex]:first-child{pointer-events:none}&>:nth-child(n+2){visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}}}}.fab-flower{@layer daisyui.l1.l2.l3{&{--position:0rem;display:grid}&>:nth-child(-n+2){--position:0rem}&>*{--degree:180deg;--flip-degree:calc(180deg - var(--degree));transform:translateX(calc(cos(var(--degree))*var(--position)))translateY(calc(sin(var(--degree))*-1*var(--position)));grid-area:1/1;[dir=rtl] &{transform:translateX(calc(cos(var(--flip-degree))*var(--position)))translateY(calc(sin(var(--flip-degree))*-1*var(--position)))}}&>:nth-child(n+7){display:none}&:has(:nth-child(3)){--position:140%;&>:nth-child(3){--degree:135deg}}&:has(:nth-child(4)){--position:140%;&>:nth-child(3){--degree:165deg}&>:nth-child(4){--degree:105deg}}&:has(:nth-child(5)){--position:180%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:135deg}&>:nth-child(5){--degree:90deg}}&:has(:nth-child(6)){--position:220%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:150deg}&>:nth-child(5){--degree:120deg}&>:nth-child(6){--degree:90deg}}}}@media (width>=640px){.sm\:fab{@layer daisyui.l1.l2.l3{&{pointer-events:none;inset-inline-end:1rem;z-index:999;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:nowrap;flex-direction:column-reverse;align-items:flex-end;gap:.5rem;display:flex;position:fixed;bottom:1rem}&>*{pointer-events:auto;align-items:center;gap:.5rem;display:flex;&:hover,&:has(:focus-visible){z-index:1}}&>[tabindex]{&:first-child{transition-property:opacity,visibility,rotate;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:grid;position:relative}}& .fab-close,& .fab-main-action{inset-inline-end:0;position:absolute;bottom:0}&:focus-within{&:has(.fab-close),&:has(.fab-main-action){&>[tabindex]{opacity:0;rotate:90deg}}}&>:nth-child(n+2){visibility:hidden;--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:0;transition-property:opacity,scale,visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);&.fab-main-action,&.fab-close{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}}&>:nth-child(3){transition-delay:30ms}&>:nth-child(4){transition-delay:60ms}&>:nth-child(5){transition-delay:90ms}&>:nth-child(6){transition-delay:.12s}&:focus-within{&>[tabindex]:first-child{pointer-events:none}&>:nth-child(n+2){visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}}}}.sm\:fab-flower{@layer daisyui.l1.l2.l3{&{--position:0rem;display:grid}&>:nth-child(-n+2){--position:0rem}&>*{--degree:180deg;--flip-degree:calc(180deg - var(--degree));transform:translateX(calc(cos(var(--degree))*var(--position)))translateY(calc(sin(var(--degree))*-1*var(--position)));grid-area:1/1;[dir=rtl] &{transform:translateX(calc(cos(var(--flip-degree))*var(--position)))translateY(calc(sin(var(--flip-degree))*-1*var(--position)))}}&>:nth-child(n+7){display:none}&:has(:nth-child(3)){--position:140%;&>:nth-child(3){--degree:135deg}}&:has(:nth-child(4)){--position:140%;&>:nth-child(3){--degree:165deg}&>:nth-child(4){--degree:105deg}}&:has(:nth-child(5)){--position:180%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:135deg}&>:nth-child(5){--degree:90deg}}&:has(:nth-child(6)){--position:220%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:150deg}&>:nth-child(5){--degree:120deg}&>:nth-child(6){--degree:90deg}}}}}@media (width>=768px){.md\:fab{@layer daisyui.l1.l2.l3{&{pointer-events:none;inset-inline-end:1rem;z-index:999;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:nowrap;flex-direction:column-reverse;align-items:flex-end;gap:.5rem;display:flex;position:fixed;bottom:1rem}&>*{pointer-events:auto;align-items:center;gap:.5rem;display:flex;&:hover,&:has(:focus-visible){z-index:1}}&>[tabindex]{&:first-child{transition-property:opacity,visibility,rotate;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:grid;position:relative}}& .fab-close,& .fab-main-action{inset-inline-end:0;position:absolute;bottom:0}&:focus-within{&:has(.fab-close),&:has(.fab-main-action){&>[tabindex]{opacity:0;rotate:90deg}}}&>:nth-child(n+2){visibility:hidden;--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:0;transition-property:opacity,scale,visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);&.fab-main-action,&.fab-close{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}}&>:nth-child(3){transition-delay:30ms}&>:nth-child(4){transition-delay:60ms}&>:nth-child(5){transition-delay:90ms}&>:nth-child(6){transition-delay:.12s}&:focus-within{&>[tabindex]:first-child{pointer-events:none}&>:nth-child(n+2){visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}}}}.md\:fab-flower{@layer daisyui.l1.l2.l3{&{--position:0rem;display:grid}&>:nth-child(-n+2){--position:0rem}&>*{--degree:180deg;--flip-degree:calc(180deg - var(--degree));transform:translateX(calc(cos(var(--degree))*var(--position)))translateY(calc(sin(var(--degree))*-1*var(--position)));grid-area:1/1;[dir=rtl] &{transform:translateX(calc(cos(var(--flip-degree))*var(--position)))translateY(calc(sin(var(--flip-degree))*-1*var(--position)))}}&>:nth-child(n+7){display:none}&:has(:nth-child(3)){--position:140%;&>:nth-child(3){--degree:135deg}}&:has(:nth-child(4)){--position:140%;&>:nth-child(3){--degree:165deg}&>:nth-child(4){--degree:105deg}}&:has(:nth-child(5)){--position:180%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:135deg}&>:nth-child(5){--degree:90deg}}&:has(:nth-child(6)){--position:220%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:150deg}&>:nth-child(5){--degree:120deg}&>:nth-child(6){--degree:90deg}}}}}@media (width>=1024px){.lg\:fab{@layer daisyui.l1.l2.l3{&{pointer-events:none;inset-inline-end:1rem;z-index:999;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:nowrap;flex-direction:column-reverse;align-items:flex-end;gap:.5rem;display:flex;position:fixed;bottom:1rem}&>*{pointer-events:auto;align-items:center;gap:.5rem;display:flex;&:hover,&:has(:focus-visible){z-index:1}}&>[tabindex]{&:first-child{transition-property:opacity,visibility,rotate;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:grid;position:relative}}& .fab-close,& .fab-main-action{inset-inline-end:0;position:absolute;bottom:0}&:focus-within{&:has(.fab-close),&:has(.fab-main-action){&>[tabindex]{opacity:0;rotate:90deg}}}&>:nth-child(n+2){visibility:hidden;--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:0;transition-property:opacity,scale,visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);&.fab-main-action,&.fab-close{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}}&>:nth-child(3){transition-delay:30ms}&>:nth-child(4){transition-delay:60ms}&>:nth-child(5){transition-delay:90ms}&>:nth-child(6){transition-delay:.12s}&:focus-within{&>[tabindex]:first-child{pointer-events:none}&>:nth-child(n+2){visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}}}}.lg\:fab-flower{@layer daisyui.l1.l2.l3{&{--position:0rem;display:grid}&>:nth-child(-n+2){--position:0rem}&>*{--degree:180deg;--flip-degree:calc(180deg - var(--degree));transform:translateX(calc(cos(var(--degree))*var(--position)))translateY(calc(sin(var(--degree))*-1*var(--position)));grid-area:1/1;[dir=rtl] &{transform:translateX(calc(cos(var(--flip-degree))*var(--position)))translateY(calc(sin(var(--flip-degree))*-1*var(--position)))}}&>:nth-child(n+7){display:none}&:has(:nth-child(3)){--position:140%;&>:nth-child(3){--degree:135deg}}&:has(:nth-child(4)){--position:140%;&>:nth-child(3){--degree:165deg}&>:nth-child(4){--degree:105deg}}&:has(:nth-child(5)){--position:180%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:135deg}&>:nth-child(5){--degree:90deg}}&:has(:nth-child(6)){--position:220%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:150deg}&>:nth-child(5){--degree:120deg}&>:nth-child(6){--degree:90deg}}}}}@media (width>=1280px){.xl\:fab{@layer daisyui.l1.l2.l3{&{pointer-events:none;inset-inline-end:1rem;z-index:999;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:nowrap;flex-direction:column-reverse;align-items:flex-end;gap:.5rem;display:flex;position:fixed;bottom:1rem}&>*{pointer-events:auto;align-items:center;gap:.5rem;display:flex;&:hover,&:has(:focus-visible){z-index:1}}&>[tabindex]{&:first-child{transition-property:opacity,visibility,rotate;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:grid;position:relative}}& .fab-close,& .fab-main-action{inset-inline-end:0;position:absolute;bottom:0}&:focus-within{&:has(.fab-close),&:has(.fab-main-action){&>[tabindex]{opacity:0;rotate:90deg}}}&>:nth-child(n+2){visibility:hidden;--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:0;transition-property:opacity,scale,visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);&.fab-main-action,&.fab-close{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}}&>:nth-child(3){transition-delay:30ms}&>:nth-child(4){transition-delay:60ms}&>:nth-child(5){transition-delay:90ms}&>:nth-child(6){transition-delay:.12s}&:focus-within{&>[tabindex]:first-child{pointer-events:none}&>:nth-child(n+2){visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}}}}.xl\:fab-flower{@layer daisyui.l1.l2.l3{&{--position:0rem;display:grid}&>:nth-child(-n+2){--position:0rem}&>*{--degree:180deg;--flip-degree:calc(180deg - var(--degree));transform:translateX(calc(cos(var(--degree))*var(--position)))translateY(calc(sin(var(--degree))*-1*var(--position)));grid-area:1/1;[dir=rtl] &{transform:translateX(calc(cos(var(--flip-degree))*var(--position)))translateY(calc(sin(var(--flip-degree))*-1*var(--position)))}}&>:nth-child(n+7){display:none}&:has(:nth-child(3)){--position:140%;&>:nth-child(3){--degree:135deg}}&:has(:nth-child(4)){--position:140%;&>:nth-child(3){--degree:165deg}&>:nth-child(4){--degree:105deg}}&:has(:nth-child(5)){--position:180%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:135deg}&>:nth-child(5){--degree:90deg}}&:has(:nth-child(6)){--position:220%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:150deg}&>:nth-child(5){--degree:120deg}&>:nth-child(6){--degree:90deg}}}}}@media (width>=1536px){.\32 xl\:fab{@layer daisyui.l1.l2.l3{&{pointer-events:none;inset-inline-end:1rem;z-index:999;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:nowrap;flex-direction:column-reverse;align-items:flex-end;gap:.5rem;display:flex;position:fixed;bottom:1rem}&>*{pointer-events:auto;align-items:center;gap:.5rem;display:flex;&:hover,&:has(:focus-visible){z-index:1}}&>[tabindex]{&:first-child{transition-property:opacity,visibility,rotate;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:grid;position:relative}}& .fab-close,& .fab-main-action{inset-inline-end:0;position:absolute;bottom:0}&:focus-within{&:has(.fab-close),&:has(.fab-main-action){&>[tabindex]{opacity:0;rotate:90deg}}}&>:nth-child(n+2){visibility:hidden;--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:0;transition-property:opacity,scale,visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);&.fab-main-action,&.fab-close{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}}&>:nth-child(3){transition-delay:30ms}&>:nth-child(4){transition-delay:60ms}&>:nth-child(5){transition-delay:90ms}&>:nth-child(6){transition-delay:.12s}&:focus-within{&>[tabindex]:first-child{pointer-events:none}&>:nth-child(n+2){visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}}}}.\32 xl\:fab-flower{@layer daisyui.l1.l2.l3{&{--position:0rem;display:grid}&>:nth-child(-n+2){--position:0rem}&>*{--degree:180deg;--flip-degree:calc(180deg - var(--degree));transform:translateX(calc(cos(var(--degree))*var(--position)))translateY(calc(sin(var(--degree))*-1*var(--position)));grid-area:1/1;[dir=rtl] &{transform:translateX(calc(cos(var(--flip-degree))*var(--position)))translateY(calc(sin(var(--flip-degree))*-1*var(--position)))}}&>:nth-child(n+7){display:none}&:has(:nth-child(3)){--position:140%;&>:nth-child(3){--degree:135deg}}&:has(:nth-child(4)){--position:140%;&>:nth-child(3){--degree:165deg}&>:nth-child(4){--degree:105deg}}&:has(:nth-child(5)){--position:180%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:135deg}&>:nth-child(5){--degree:90deg}}&:has(:nth-child(6)){--position:220%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:150deg}&>:nth-child(5){--degree:120deg}&>:nth-child(6){--degree:90deg}}}}}}
|
package/components/fieldset.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.5.
|
|
1
|
+
/*! 🌼 daisyUI 5.5.20 - MIT License */ @layer utilities{.fieldset{@layer daisyui.l1.l2.l3{&{grid-template-columns:1fr;grid-auto-rows:max-content;gap:.375rem;padding-block:.25rem;font-size:.75rem;display:grid}}}.fieldset-legend{@layer daisyui.l1.l2.l3{&{color:var(--color-base-content);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:-.25rem;padding-block:.5rem;font-weight:600;display:flex}}}.fieldset-label{@layer daisyui.l1.l2.l3{&{color:color-mix(in oklab,var(--color-base-content)60%,transparent);align-items:center;gap:.375rem;display:flex}&:has(input){cursor:pointer}}}@media (width>=640px){.sm\:fieldset{@layer daisyui.l1.l2.l3{&{grid-template-columns:1fr;grid-auto-rows:max-content;gap:.375rem;padding-block:.25rem;font-size:.75rem;display:grid}}}.sm\:fieldset-legend{@layer daisyui.l1.l2.l3{&{color:var(--color-base-content);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:-.25rem;padding-block:.5rem;font-weight:600;display:flex}}}.sm\:fieldset-label{@layer daisyui.l1.l2.l3{&{color:color-mix(in oklab,var(--color-base-content)60%,transparent);align-items:center;gap:.375rem;display:flex}&:has(input){cursor:pointer}}}}@media (width>=768px){.md\:fieldset{@layer daisyui.l1.l2.l3{&{grid-template-columns:1fr;grid-auto-rows:max-content;gap:.375rem;padding-block:.25rem;font-size:.75rem;display:grid}}}.md\:fieldset-legend{@layer daisyui.l1.l2.l3{&{color:var(--color-base-content);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:-.25rem;padding-block:.5rem;font-weight:600;display:flex}}}.md\:fieldset-label{@layer daisyui.l1.l2.l3{&{color:color-mix(in oklab,var(--color-base-content)60%,transparent);align-items:center;gap:.375rem;display:flex}&:has(input){cursor:pointer}}}}@media (width>=1024px){.lg\:fieldset{@layer daisyui.l1.l2.l3{&{grid-template-columns:1fr;grid-auto-rows:max-content;gap:.375rem;padding-block:.25rem;font-size:.75rem;display:grid}}}.lg\:fieldset-legend{@layer daisyui.l1.l2.l3{&{color:var(--color-base-content);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:-.25rem;padding-block:.5rem;font-weight:600;display:flex}}}.lg\:fieldset-label{@layer daisyui.l1.l2.l3{&{color:color-mix(in oklab,var(--color-base-content)60%,transparent);align-items:center;gap:.375rem;display:flex}&:has(input){cursor:pointer}}}}@media (width>=1280px){.xl\:fieldset{@layer daisyui.l1.l2.l3{&{grid-template-columns:1fr;grid-auto-rows:max-content;gap:.375rem;padding-block:.25rem;font-size:.75rem;display:grid}}}.xl\:fieldset-legend{@layer daisyui.l1.l2.l3{&{color:var(--color-base-content);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:-.25rem;padding-block:.5rem;font-weight:600;display:flex}}}.xl\:fieldset-label{@layer daisyui.l1.l2.l3{&{color:color-mix(in oklab,var(--color-base-content)60%,transparent);align-items:center;gap:.375rem;display:flex}&:has(input){cursor:pointer}}}}@media (width>=1536px){.\32 xl\:fieldset{@layer daisyui.l1.l2.l3{&{grid-template-columns:1fr;grid-auto-rows:max-content;gap:.375rem;padding-block:.25rem;font-size:.75rem;display:grid}}}.\32 xl\:fieldset-legend{@layer daisyui.l1.l2.l3{&{color:var(--color-base-content);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:-.25rem;padding-block:.5rem;font-weight:600;display:flex}}}.\32 xl\:fieldset-label{@layer daisyui.l1.l2.l3{&{color:color-mix(in oklab,var(--color-base-content)60%,transparent);align-items:center;gap:.375rem;display:flex}&:has(input){cursor:pointer}}}}}
|