daisyui 5.6.0-beta.0 → 5.6.0
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 +57 -57
- 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/object.js +1 -1
- package/components/alert.css +1 -1
- package/components/aura/object.js +1 -1
- package/components/aura.css +1 -1
- package/components/avatar.css +1 -1
- package/components/badge.css +1 -1
- package/components/breadcrumbs.css +1 -1
- package/components/button/object.js +1 -1
- package/components/button.css +1 -1
- package/components/calendar/object.js +1 -1
- package/components/calendar.css +1 -1
- package/components/card.css +1 -1
- package/components/carousel.css +1 -1
- package/components/chat/object.js +1 -1
- package/components/chat.css +1 -1
- package/components/checkbox/object.js +1 -1
- package/components/checkbox.css +1 -1
- package/components/collapse.css +1 -1
- package/components/countdown.css +1 -1
- package/components/diff/object.js +1 -1
- package/components/diff.css +1 -1
- package/components/divider.css +1 -1
- package/components/dock/object.js +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/object.js +1 -1
- package/components/fab.css +1 -1
- package/components/fieldset/object.js +1 -1
- package/components/fieldset.css +1 -1
- package/components/fileinput/object.js +1 -1
- package/components/fileinput.css +1 -1
- package/components/filter/object.js +1 -1
- package/components/filter.css +1 -1
- package/components/footer.css +1 -1
- package/components/hero.css +1 -1
- package/components/hover3d/object.js +1 -1
- package/components/hover3d.css +1 -1
- package/components/hovergallery.css +1 -1
- package/components/indicator.css +1 -1
- package/components/input/object.js +1 -1
- package/components/input.css +1 -1
- package/components/kbd.css +1 -1
- package/components/label/object.js +1 -1
- package/components/label.css +1 -1
- package/components/link.css +1 -1
- package/components/list/object.js +1 -1
- package/components/list.css +1 -1
- package/components/loading.css +1 -1
- package/components/mask.css +1 -1
- package/components/megamenu/object.js +1 -1
- package/components/megamenu.css +1 -1
- package/components/menu/object.js +1 -1
- package/components/menu.css +1 -1
- package/components/mockup.css +1 -1
- package/components/modal/object.js +1 -1
- package/components/modal.css +1 -1
- package/components/navbar.css +1 -1
- package/components/otp/object.js +1 -1
- package/components/otp.css +1 -1
- package/components/progress.css +1 -1
- package/components/radialprogress/object.js +1 -1
- package/components/radialprogress.css +1 -1
- package/components/radio/object.js +1 -1
- package/components/radio.css +1 -1
- package/components/range.css +1 -1
- package/components/rating/object.js +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/object.js +1 -1
- package/components/status.css +1 -1
- package/components/steps/object.js +1 -1
- package/components/steps.css +1 -1
- package/components/swap.css +1 -1
- package/components/tab/object.js +1 -1
- package/components/tab.css +1 -1
- package/components/table/object.js +1 -1
- package/components/table.css +1 -1
- package/components/textarea.css +1 -1
- package/components/textrotate.css +1 -1
- package/components/timeline/object.js +1 -1
- package/components/timeline.css +1 -1
- package/components/toast/object.js +1 -1
- package/components/toast.css +1 -1
- package/components/toggle.css +1 -1
- package/components/tooltip/object.js +1 -1
- package/components/tooltip.css +1 -1
- package/components/validator.css +1 -1
- package/daisyui.css +1 -1
- package/imports.js +55 -55
- 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
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".dock":{"@layer daisyui.l1.l2.l3":{"position":"fixed","right":"
|
|
1
|
+
export default {".dock":{"@layer daisyui.l1.l2.l3":{"position":"fixed","right":"0","bottom":"0","left":"0","z-index":1,"display":"flex","width":"100%","flex-direction":"row","align-items":"center","justify-content":"space-around","background-color":"var(--color-base-100)","padding":"calc(0.25rem * 2)","color":"currentcolor","border-top":"0.5px solid color-mix(in oklab, var(--color-base-content) 5%, #0000)","height":["4rem","calc(4rem + env(safe-area-inset-bottom))"],"padding-bottom":"env(safe-area-inset-bottom)","> *":{"position":"relative","margin-bottom":"calc(0.25rem * 2)","display":"flex","height":"100%","max-width":"calc(0.25rem * 32)","flex-shrink":1,"flex-basis":"100%","cursor":"pointer","flex-direction":"column","align-items":"center","justify-content":"center","gap":"1px","border-radius":"var(--radius-box)","background-color":"transparent","transition":"opacity 0.2s ease-out","@media (hover: hover)":{"&:hover":{"opacity":"80%"}},"&[aria-disabled=\"true\"], &[disabled]":{"&, &:hover":{"pointer-events":"none","color":"color-mix(in oklab, var(--color-base-content) 10%, transparent)","opacity":"100%"}},".dock-label":{"font-size":"0.6875rem"},"&:after":{"content":"\"\"","position":"absolute","height":"0.25rem","width":"calc(0.25rem * 6)","border-radius":"calc(infinity * 1px)","background-color":"transparent","bottom":"0.2rem","border-top":"3px solid transparent","transition":"background-color 0.1s ease-out, text-color 0.1s ease-out, width 0.1s ease-out"}}}},".dock-active":{"@layer daisyui.l1.l2":{"&:after":{"width":"calc(0.25rem * 10)","background-color":"currentcolor","color":"currentcolor"}}},".dock-xs":{"@layer daisyui.l1.l2":{"height":["3rem","calc(3rem + env(safe-area-inset-bottom))"],".dock-active":{"&:after":{"bottom":"-0.1rem"}},".dock-label":{"font-size":"0.625rem"}}},".dock-sm":{"@layer daisyui.l1.l2":{"height":["calc(0.25rem * 14)","3.5rem","calc(3.5rem + env(safe-area-inset-bottom))"],".dock-active":{"&:after":{"bottom":"-0.1rem"}},".dock-label":{"font-size":"0.625rem"}}},".dock-md":{"@layer daisyui.l1.l2":{"height":["4rem","calc(4rem + env(safe-area-inset-bottom))"],".dock-label":{"font-size":"0.6875rem"}}},".dock-lg":{"@layer daisyui.l1.l2":{"height":["4.5rem","calc(4.5rem + env(safe-area-inset-bottom))"],".dock-active":{"&:after":{"bottom":"0.4rem"}},".dock-label":{"font-size":"0.6875rem"}}},".dock-xl":{"@layer daisyui.l1.l2":{"height":["5rem","calc(5rem + env(safe-area-inset-bottom))"],".dock-active":{"&:after":{"bottom":"0.4rem"}},".dock-label":{"font-size":"0.75rem"}}}};
|
package/components/dock.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.6.0-beta.0 - 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.23 - 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":"
|
|
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":"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":"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":"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":"0","width":"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))","> :not(.drawer-overlay)":{"transform":"none","will-change":"auto"}},":where(:root:has(&:checked))":{"--page-scroll-lock":" "}},"@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-scroll-lock":"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.6.0-beta.0 - 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));&>:not(.drawer-overlay){will-change:auto;transform:none}}:where(:root:has(&:checked)){--page-scroll-lock: }}@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-scroll-lock: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));&>:not(.drawer-overlay){will-change:auto;transform:none}}:where(:root:has(&:checked)){--page-scroll-lock: }}@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-scroll-lock: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));&>:not(.drawer-overlay){will-change:auto;transform:none}}:where(:root:has(&:checked)){--page-scroll-lock: }}@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-scroll-lock: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));&>:not(.drawer-overlay){will-change:auto;transform:none}}:where(:root:has(&:checked)){--page-scroll-lock: }}@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-scroll-lock: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));&>:not(.drawer-overlay){will-change:auto;transform:none}}:where(:root:has(&:checked)){--page-scroll-lock: }}@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-scroll-lock: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));&>:not(.drawer-overlay){will-change:auto;transform:none}}:where(:root:has(&:checked)){--page-scroll-lock: }}@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-scroll-lock: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.23 - 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));&>:not(.drawer-overlay){will-change:auto;transform:none}}:where(:root:has(&:checked)){--page-scroll-lock: }}@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-scroll-lock: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));&>:not(.drawer-overlay){will-change:auto;transform:none}}:where(:root:has(&:checked)){--page-scroll-lock: }}@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-scroll-lock: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));&>:not(.drawer-overlay){will-change:auto;transform:none}}:where(:root:has(&:checked)){--page-scroll-lock: }}@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-scroll-lock: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));&>:not(.drawer-overlay){will-change:auto;transform:none}}:where(:root:has(&:checked)){--page-scroll-lock: }}@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-scroll-lock: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));&>:not(.drawer-overlay){will-change:auto;transform:none}}:where(:root:has(&:checked)){--page-scroll-lock: }}@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-scroll-lock: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));&>:not(.drawer-overlay){will-change:auto;transform:none}}:where(:root:has(&:checked)){--page-scroll-lock: }}@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-scroll-lock: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, 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)":{"overflow":"revert-layer","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":"
|
|
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)":{"overflow":"revert-layer","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":"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":"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":"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%","top":"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":"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.6.0-beta.0 - 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){overflow:revert-layer;& 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){overflow:revert-layer;& 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){overflow:revert-layer;& 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){overflow:revert-layer;& 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){overflow:revert-layer;& 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){overflow:revert-layer;& 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.23 - 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:1}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;scale:1}}}&:is(details){overflow:revert-layer;& 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:1}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;scale:1}}}&:is(details){overflow:revert-layer;& 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:1}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;scale:1}}}&:is(details){overflow:revert-layer;& 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:1}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;scale:1}}}&:is(details){overflow:revert-layer;& 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:1}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;scale:1}}}&:is(details){overflow:revert-layer;& 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:1}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;scale:1}}}&:is(details){overflow:revert-layer;& 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/object.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".fab":{"@layer daisyui.l1.l2.l3":{"pointer-events":"none","position":"fixed","inset-inline-end":"calc(0.25rem * 4)","bottom":"calc(0.25rem * 4)","z-index":999,"display":"flex","flex-direction":"column-reverse","align-items":"flex-end","gap":"calc(0.25rem * 2)","font-size":"var(--text-sm)","line-height":"var(--tw-leading, var(--text-sm--line-height))","white-space":"nowrap","webkit-user-select":"none","user-select":"none","> *":{"pointer-events":"auto","display":"flex","align-items":"center","gap":"calc(0.25rem * 2)","&:hover, &:has(:focus-visible)":{"z-index":1}},"> [tabindex]":{"&:first-child":{"position":"relative","display":"grid","transition-property":"opacity, visibility, rotate","transition-duration":"0.2s","transition-timing-function":"cubic-bezier(0.4, 0, 0.2, 1)"}},".fab-close":{"position":"absolute","inset-inline-end":"calc(0.25rem * 0)","bottom":"
|
|
1
|
+
export default {".fab":{"@layer daisyui.l1.l2.l3":{"pointer-events":"none","position":"fixed","inset-inline-end":"calc(0.25rem * 4)","bottom":"calc(0.25rem * 4)","z-index":999,"display":"flex","flex-direction":"column-reverse","align-items":"flex-end","gap":"calc(0.25rem * 2)","font-size":"var(--text-sm)","line-height":"var(--tw-leading, var(--text-sm--line-height))","white-space":"nowrap","webkit-user-select":"none","user-select":"none","> *":{"pointer-events":"auto","display":"flex","align-items":"center","gap":"calc(0.25rem * 2)","&:hover, &:has(:focus-visible)":{"z-index":1}},"> [tabindex]":{"&:first-child":{"position":"relative","display":"grid","transition-property":"opacity, visibility, rotate","transition-duration":"0.2s","transition-timing-function":"cubic-bezier(0.4, 0, 0.2, 1)"}},".fab-close":{"position":"absolute","inset-inline-end":"calc(0.25rem * 0)","bottom":"0"},".fab-main-action":{"position":"absolute","inset-inline-end":"calc(0.25rem * 0)","bottom":"0"},"&:focus-within":{"&:has(.fab-close), &:has(.fab-main-action)":{"> [tabindex]":{"rotate":"90deg","opacity":"0%"}},"> [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":"100%"}},"> :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":"0.2s","transition-timing-function":"cubic-bezier(0.4, 0, 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":"120ms"}}},".fab-flower":{"@layer daisyui.l1.l2.l3":{"display":"grid","--position":"0rem","> *:nth-child(1), > .fab-main-action, > .fab-close":{"--position":"0rem"},"> *":{"grid-area":"1/1","--degree":"180deg","--flip-degree":"calc(180deg - var(--degree))","transform":"translateX(calc(cos(var(--degree)) * var(--position))) translateY(calc(sin(var(--degree)) * -1 * var(--position)))","[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"}},"&:not(:has(.fab-main-action, .fab-close))":{"> :nth-child(n + 6)":{"display":"none"},"&:has(:nth-child(2))":{"--position":"140%","> :nth-child(2)":{"--degree":"135deg"}},"&:has(:nth-child(3))":{"--position":"140%","> :nth-child(2)":{"--degree":"165deg"},"> :nth-child(3)":{"--degree":"105deg"}},"&:has(:nth-child(4))":{"--position":"180%","> :nth-child(2)":{"--degree":"180deg"},"> :nth-child(3)":{"--degree":"135deg"},"> :nth-child(4)":{"--degree":"90deg"}},"&:has(:nth-child(5))":{"--position":"220%","> :nth-child(2)":{"--degree":"180deg"},"> :nth-child(3)":{"--degree":"150deg"},"> :nth-child(4)":{"--degree":"120deg"},"> :nth-child(5)":{"--degree":"90deg"}}}}}};
|
package/components/fab.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.6.0-beta.0 - 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;-webkit-user-select:none;user-select:none;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}&>:first-child,&>.fab-main-action,&>.fab-close{--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}}&:not(:has(.fab-main-action,.fab-close)){&>:nth-child(n+6){display:none}&:has(:nth-child(2)){--position:140%;&>:nth-child(2){--degree:135deg}}&:has(:nth-child(3)){--position:140%;&>:nth-child(2){--degree:165deg}&>:nth-child(3){--degree:105deg}}&:has(:nth-child(4)){--position:180%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:135deg}&>:nth-child(4){--degree:90deg}}&:has(:nth-child(5)){--position:220%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:150deg}&>:nth-child(4){--degree:120deg}&>:nth-child(5){--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;-webkit-user-select:none;user-select:none;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}&>:first-child,&>.fab-main-action,&>.fab-close{--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}}&:not(:has(.fab-main-action,.fab-close)){&>:nth-child(n+6){display:none}&:has(:nth-child(2)){--position:140%;&>:nth-child(2){--degree:135deg}}&:has(:nth-child(3)){--position:140%;&>:nth-child(2){--degree:165deg}&>:nth-child(3){--degree:105deg}}&:has(:nth-child(4)){--position:180%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:135deg}&>:nth-child(4){--degree:90deg}}&:has(:nth-child(5)){--position:220%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:150deg}&>:nth-child(4){--degree:120deg}&>:nth-child(5){--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;-webkit-user-select:none;user-select:none;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}&>:first-child,&>.fab-main-action,&>.fab-close{--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}}&:not(:has(.fab-main-action,.fab-close)){&>:nth-child(n+6){display:none}&:has(:nth-child(2)){--position:140%;&>:nth-child(2){--degree:135deg}}&:has(:nth-child(3)){--position:140%;&>:nth-child(2){--degree:165deg}&>:nth-child(3){--degree:105deg}}&:has(:nth-child(4)){--position:180%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:135deg}&>:nth-child(4){--degree:90deg}}&:has(:nth-child(5)){--position:220%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:150deg}&>:nth-child(4){--degree:120deg}&>:nth-child(5){--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;-webkit-user-select:none;user-select:none;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}&>:first-child,&>.fab-main-action,&>.fab-close{--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}}&:not(:has(.fab-main-action,.fab-close)){&>:nth-child(n+6){display:none}&:has(:nth-child(2)){--position:140%;&>:nth-child(2){--degree:135deg}}&:has(:nth-child(3)){--position:140%;&>:nth-child(2){--degree:165deg}&>:nth-child(3){--degree:105deg}}&:has(:nth-child(4)){--position:180%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:135deg}&>:nth-child(4){--degree:90deg}}&:has(:nth-child(5)){--position:220%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:150deg}&>:nth-child(4){--degree:120deg}&>:nth-child(5){--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;-webkit-user-select:none;user-select:none;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}&>:first-child,&>.fab-main-action,&>.fab-close{--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}}&:not(:has(.fab-main-action,.fab-close)){&>:nth-child(n+6){display:none}&:has(:nth-child(2)){--position:140%;&>:nth-child(2){--degree:135deg}}&:has(:nth-child(3)){--position:140%;&>:nth-child(2){--degree:165deg}&>:nth-child(3){--degree:105deg}}&:has(:nth-child(4)){--position:180%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:135deg}&>:nth-child(4){--degree:90deg}}&:has(:nth-child(5)){--position:220%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:150deg}&>:nth-child(4){--degree:120deg}&>:nth-child(5){--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;-webkit-user-select:none;user-select:none;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}&>:first-child,&>.fab-main-action,&>.fab-close{--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}}&:not(:has(.fab-main-action,.fab-close)){&>:nth-child(n+6){display:none}&:has(:nth-child(2)){--position:140%;&>:nth-child(2){--degree:135deg}}&:has(:nth-child(3)){--position:140%;&>:nth-child(2){--degree:165deg}&>:nth-child(3){--degree:105deg}}&:has(:nth-child(4)){--position:180%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:135deg}&>:nth-child(4){--degree:90deg}}&:has(:nth-child(5)){--position:220%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:150deg}&>:nth-child(4){--degree:120deg}&>:nth-child(5){--degree:90deg}}}}}}}
|
|
1
|
+
/*! 🌼 daisyUI 5.5.23 - 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;-webkit-user-select:none;user-select:none;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;&>:first-child,&>.fab-main-action,&>.fab-close{--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}}&:not(:has(.fab-main-action,.fab-close)){&>:nth-child(n+6){display:none}&:has(:nth-child(2)){--position:140%;&>:nth-child(2){--degree:135deg}}&:has(:nth-child(3)){--position:140%;&>:nth-child(2){--degree:165deg}&>:nth-child(3){--degree:105deg}}&:has(:nth-child(4)){--position:180%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:135deg}&>:nth-child(4){--degree:90deg}}&:has(:nth-child(5)){--position:220%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:150deg}&>:nth-child(4){--degree:120deg}&>:nth-child(5){--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;-webkit-user-select:none;user-select:none;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;&>:first-child,&>.fab-main-action,&>.fab-close{--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}}&:not(:has(.fab-main-action,.fab-close)){&>:nth-child(n+6){display:none}&:has(:nth-child(2)){--position:140%;&>:nth-child(2){--degree:135deg}}&:has(:nth-child(3)){--position:140%;&>:nth-child(2){--degree:165deg}&>:nth-child(3){--degree:105deg}}&:has(:nth-child(4)){--position:180%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:135deg}&>:nth-child(4){--degree:90deg}}&:has(:nth-child(5)){--position:220%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:150deg}&>:nth-child(4){--degree:120deg}&>:nth-child(5){--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;-webkit-user-select:none;user-select:none;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;&>:first-child,&>.fab-main-action,&>.fab-close{--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}}&:not(:has(.fab-main-action,.fab-close)){&>:nth-child(n+6){display:none}&:has(:nth-child(2)){--position:140%;&>:nth-child(2){--degree:135deg}}&:has(:nth-child(3)){--position:140%;&>:nth-child(2){--degree:165deg}&>:nth-child(3){--degree:105deg}}&:has(:nth-child(4)){--position:180%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:135deg}&>:nth-child(4){--degree:90deg}}&:has(:nth-child(5)){--position:220%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:150deg}&>:nth-child(4){--degree:120deg}&>:nth-child(5){--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;-webkit-user-select:none;user-select:none;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;&>:first-child,&>.fab-main-action,&>.fab-close{--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}}&:not(:has(.fab-main-action,.fab-close)){&>:nth-child(n+6){display:none}&:has(:nth-child(2)){--position:140%;&>:nth-child(2){--degree:135deg}}&:has(:nth-child(3)){--position:140%;&>:nth-child(2){--degree:165deg}&>:nth-child(3){--degree:105deg}}&:has(:nth-child(4)){--position:180%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:135deg}&>:nth-child(4){--degree:90deg}}&:has(:nth-child(5)){--position:220%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:150deg}&>:nth-child(4){--degree:120deg}&>:nth-child(5){--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;-webkit-user-select:none;user-select:none;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;&>:first-child,&>.fab-main-action,&>.fab-close{--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}}&:not(:has(.fab-main-action,.fab-close)){&>:nth-child(n+6){display:none}&:has(:nth-child(2)){--position:140%;&>:nth-child(2){--degree:135deg}}&:has(:nth-child(3)){--position:140%;&>:nth-child(2){--degree:165deg}&>:nth-child(3){--degree:105deg}}&:has(:nth-child(4)){--position:180%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:135deg}&>:nth-child(4){--degree:90deg}}&:has(:nth-child(5)){--position:220%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:150deg}&>:nth-child(4){--degree:120deg}&>:nth-child(5){--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;-webkit-user-select:none;user-select:none;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;&>:first-child,&>.fab-main-action,&>.fab-close{--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}}&:not(:has(.fab-main-action,.fab-close)){&>:nth-child(n+6){display:none}&:has(:nth-child(2)){--position:140%;&>:nth-child(2){--degree:135deg}}&:has(:nth-child(3)){--position:140%;&>:nth-child(2){--degree:165deg}&>:nth-child(3){--degree:105deg}}&:has(:nth-child(4)){--position:180%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:135deg}&>:nth-child(4){--degree:90deg}}&:has(:nth-child(5)){--position:220%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:150deg}&>:nth-child(4){--degree:120deg}&>:nth-child(5){--degree:90deg}}}}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".fieldset":{"@layer daisyui.l1.l2.l3":{"display":"grid","gap":"calc(0.25rem * 1.5)","padding-block":"
|
|
1
|
+
export default {".fieldset":{"@layer daisyui.l1.l2.l3":{"display":"grid","gap":"calc(0.25rem * 1.5)","padding-block":"0.25rem","font-size":"0.75rem","grid-template-columns":"1fr","grid-auto-rows":"max-content"}},".fieldset-legend":{"@layer daisyui.l1.l2.l3":{"margin-bottom":"calc(0.25rem * -1)","display":"flex","align-items":"center","justify-content":"space-between","gap":"calc(0.25rem * 2)","padding-block":"calc(0.25rem * 2)","color":"var(--color-base-content)","font-weight":600}},".fieldset-label":{"@layer daisyui.l1.l2.l3":{"display":"flex","align-items":"center","gap":"calc(0.25rem * 1.5)","color":"color-mix(in oklab, var(--color-base-content) 60%, transparent)","&:has(input)":{"cursor":"pointer"}}}};
|
package/components/fieldset.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.
|
|
1
|
+
/*! 🌼 daisyUI 5.5.23 - 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}}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".file-input":{"@layer daisyui.l1.l2.l3":{"cursor":["pointer","pointer"],"border":"var(--border) solid #0000","display":"inline-flex","appearance":"none","align-items":"center","background-color":"var(--color-base-100)","vertical-align":"middle","webkit-user-select":"none","user-select":"none","width":"clamp(3rem, 20rem, 100%)","height":"var(--size)","padding-inline-end":"0.75rem","font-size":"0.875rem","line-height":2,"border-start-start-radius":"var(--join-ss, var(--radius-field))","border-start-end-radius":"var(--join-se, var(--radius-field))","border-end-start-radius":"var(--join-es, var(--radius-field))","border-end-end-radius":"var(--join-ee, var(--radius-field))","border-color":"var(--input-color)","box-shadow":"0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset","--size":"calc(var(--size-field, 0.25rem) * 10)","--input-color":"color-mix(in oklab, var(--color-base-content) 20%, #0000)","&::file-selector-button":{"margin-inline-end":"calc(0.25rem * 4)","cursor":"pointer","padding-inline":"calc(0.25rem * 4)","webkit-user-select":"none","user-select":"none","height":"calc(100% + var(--border) * 2)","margin-block":"calc(var(--border) * -1)","margin-inline-start":"calc(var(--border) * -1)","font-size":"0.875rem","color":"var(--btn-fg)","border-width":"var(--border)","border-style":"solid","border-color":"var(--btn-border)","border-start-start-radius":"calc(var(--join-ss, var(--radius-field) - var(--border)))","border-end-start-radius":"calc(var(--join-es, var(--radius-field) - var(--border)))","font-weight":600,"background-color":"var(--btn-bg)","background-size":"calc(var(--noise) * 100%)","background-image":"var(--
|
|
1
|
+
export default {".file-input":{"@layer daisyui.l1.l2.l3":{"cursor":["pointer","pointer"],"border":"var(--border) solid #0000","display":"inline-flex","appearance":"none","align-items":"center","background-color":"var(--color-base-100)","vertical-align":"middle","webkit-user-select":"none","user-select":"none","width":"clamp(3rem, 20rem, 100%)","height":"var(--size)","padding-inline-end":"0.75rem","font-size":"0.875rem","line-height":2,"border-start-start-radius":"var(--join-ss, var(--radius-field))","border-start-end-radius":"var(--join-se, var(--radius-field))","border-end-start-radius":"var(--join-es, var(--radius-field))","border-end-end-radius":"var(--join-ee, var(--radius-field))","border-color":"var(--input-color)","box-shadow":"0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset","--size":"calc(var(--size-field, 0.25rem) * 10)","--input-color":"color-mix(in oklab, var(--color-base-content) 20%, #0000)","&::file-selector-button":{"margin-inline-end":"calc(0.25rem * 4)","cursor":"pointer","padding-inline":"calc(0.25rem * 4)","webkit-user-select":"none","user-select":"none","height":"calc(100% + var(--border) * 2)","margin-block":"calc(var(--border) * -1)","margin-inline-start":"calc(var(--border) * -1)","font-size":"0.875rem","color":"var(--btn-fg)","border-width":"var(--border)","border-style":"solid","border-color":"var(--btn-border)","border-start-start-radius":"calc(var(--join-ss, var(--radius-field) - var(--border)))","border-end-start-radius":"calc(var(--join-es, var(--radius-field) - var(--border)))","font-weight":600,"background-color":"var(--btn-bg)","background-size":"calc(var(--noise) * 100%)","background-image":"var(--fx-noise)","text-shadow":"0 0.5px oklch(1 0 0 / calc(var(--depth) * 0.15))","box-shadow":"0 0.5px 0 0.5px color-mix( in oklab, color-mix(in oklab, white 30%, var(--btn-bg)) calc(var(--depth) * 20%), #0000 ) inset, var(--btn-shadow)","--size":"calc(var(--size-field, 0.25rem) * 10)","--btn-bg":"var(--btn-color, var(--color-base-200))","--btn-fg":"var(--color-base-content)","--btn-border":"color-mix(in oklab, var(--btn-bg), #000 5%)","--btn-shadow":"0 3px 2px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000),\n 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000)"},"&:focus":{"--input-color":"var(--color-base-content)","box-shadow":"0 1px color-mix(in oklab, var(--input-color) 10%, #0000)","outline":"2px solid var(--input-color)","outline-offset":"2px","isolation":"isolate"},"&:has(> input[disabled]), &:is(:disabled, [disabled])":{"cursor":"not-allowed","border-color":"var(--color-base-200)","background-color":"var(--color-base-200)","&::placeholder":{"color":"color-mix(in oklab, var(--color-base-content) 20%, transparent)"},"box-shadow":"none","color":"color-mix(in oklch, var(--color-base-content) 20%, #0000)","&::file-selector-button":{"cursor":"not-allowed","border-color":"var(--color-base-200)","background-color":"var(--color-base-200)","--btn-border":"#0000","background-image":"none","--btn-fg":"color-mix(in oklch, var(--color-base-content) 20%, #0000)"}}}},".file-input-ghost":{"@layer daisyui.l1.l2":{"background-color":"transparent","transition":"background-color 0.2s","box-shadow":"none","border-color":"#0000","&::file-selector-button":{"margin-inline-start":"0","margin-inline-end":"calc(0.25rem * 4)","height":"100%","cursor":"pointer","padding-inline":"calc(0.25rem * 4)","webkit-user-select":"none","user-select":"none","margin-block":"0","border-start-end-radius":"calc(var(--join-ss, var(--radius-field) - var(--border)))","border-end-end-radius":"calc(var(--join-es, var(--radius-field) - var(--border)))"},"&:focus, &:focus-within":{"background-color":"var(--color-base-100)","color":"var(--color-base-content)","border-color":"#0000","box-shadow":"none"}}},".file-input-neutral":{"@layer daisyui.l1.l2":{"--btn-color":"var(--color-neutral)","&::file-selector-button":{"color":"var(--color-neutral-content)"},"&, &:focus, &:focus-within":{"--input-color":"var(--color-neutral)"}}},".file-input-primary":{"@layer daisyui.l1.l2":{"--btn-color":"var(--color-primary)","&::file-selector-button":{"color":"var(--color-primary-content)"},"&, &:focus, &:focus-within":{"--input-color":"var(--color-primary)"}}},".file-input-secondary":{"@layer daisyui.l1.l2":{"--btn-color":"var(--color-secondary)","&::file-selector-button":{"color":"var(--color-secondary-content)"},"&, &:focus, &:focus-within":{"--input-color":"var(--color-secondary)"}}},".file-input-accent":{"@layer daisyui.l1.l2":{"--btn-color":"var(--color-accent)","&::file-selector-button":{"color":"var(--color-accent-content)"},"&, &:focus, &:focus-within":{"--input-color":"var(--color-accent)"}}},".file-input-info":{"@layer daisyui.l1.l2":{"--btn-color":"var(--color-info)","&::file-selector-button":{"color":"var(--color-info-content)"},"&, &:focus, &:focus-within":{"--input-color":"var(--color-info)"}}},".file-input-success":{"@layer daisyui.l1.l2":{"--btn-color":"var(--color-success)","&::file-selector-button":{"color":"var(--color-success-content)"},"&, &:focus, &:focus-within":{"--input-color":"var(--color-success)"}}},".file-input-warning":{"@layer daisyui.l1.l2":{"--btn-color":"var(--color-warning)","&::file-selector-button":{"color":"var(--color-warning-content)"},"&, &:focus, &:focus-within":{"--input-color":"var(--color-warning)"}}},".file-input-error":{"@layer daisyui.l1.l2":{"--btn-color":"var(--color-error)","&::file-selector-button":{"color":"var(--color-error-content)"},"&, &:focus, &:focus-within":{"--input-color":"var(--color-error)"}}},".file-input-xs":{"@layer daisyui.l1.l2":{"--size":"calc(var(--size-field, 0.25rem) * 6)","font-size":"0.6875rem","line-height":"1rem","&::file-selector-button":{"font-size":"0.6875rem"}}},".file-input-sm":{"@layer daisyui.l1.l2":{"--size":"calc(var(--size-field, 0.25rem) * 8)","font-size":"0.75rem","line-height":"1.5rem","&::file-selector-button":{"font-size":"0.75rem"}}},".file-input-md":{"@layer daisyui.l1.l2":{"--size":"calc(var(--size-field, 0.25rem) * 10)","font-size":"0.875rem","line-height":2,"&::file-selector-button":{"font-size":"0.875rem"}}},".file-input-lg":{"@layer daisyui.l1.l2":{"--size":"calc(var(--size-field, 0.25rem) * 12)","font-size":"1.125rem","line-height":"2.5rem","&::file-selector-button":{"font-size":"1.125rem"}}},".file-input-xl":{"@layer daisyui.l1.l2":{"padding-inline-end":"calc(0.25rem * 6)","--size":"calc(var(--size-field, 0.25rem) * 14)","font-size":"1.125rem","line-height":"3rem","&::file-selector-button":{"font-size":"1.375rem"}}}};
|