daisyui 5.0.0-alpha.21 → 5.0.0-alpha.23
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/rootcolor.css +1 -1
- package/base/scrollbar.css +1 -1
- package/colors/properties.css +1 -1
- package/colors/responsive.css +1 -1
- package/colors/states.css +1 -1
- package/components/alert/object.js +1 -1
- package/components/alert.css +1 -1
- package/components/avatar/object.js +1 -1
- package/components/avatar.css +1 -1
- package/components/badge/object.js +1 -1
- package/components/badge.css +1 -1
- package/components/button/object.js +1 -1
- package/components/button.css +1 -1
- package/components/card/object.js +1 -1
- package/components/card.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/divider/object.js +1 -1
- package/components/divider.css +1 -1
- package/components/dropdown/object.js +1 -1
- package/components/dropdown.css +1 -1
- package/components/footer/object.js +1 -1
- package/components/footer.css +1 -1
- package/components/hero.css +1 -1
- package/components/input/object.js +1 -1
- package/components/input.css +1 -1
- package/components/kbd/object.js +1 -1
- package/components/kbd.css +1 -1
- package/components/link.css +1 -1
- package/components/loading.css +1 -1
- package/components/mask.css +1 -1
- package/components/menu/object.js +1 -1
- package/components/menu.css +1 -1
- package/components/navbar.css +1 -1
- package/components/progress.css +1 -1
- package/components/radialprogress.css +1 -1
- package/components/radio/object.js +1 -1
- package/components/radio.css +1 -1
- package/components/range/object.js +1 -1
- package/components/range.css +1 -1
- package/components/rating/object.js +1 -1
- package/components/rating.css +1 -1
- package/components/select/object.js +1 -1
- package/components/select.css +1 -1
- package/components/skeleton/object.js +1 -1
- package/components/skeleton.css +1 -1
- package/components/stack.css +1 -1
- package/components/status.css +1 -1
- package/components/steps/object.js +1 -1
- package/components/steps.css +1 -1
- package/components/swap/object.js +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/timeline/object.js +1 -1
- package/components/timeline.css +1 -1
- package/components/toggle/object.js +1 -1
- package/components/toggle.css +1 -1
- package/components/tooltip/object.js +1 -1
- package/components/tooltip.css +1 -1
- package/full.css +1 -1
- package/functions/pluginOptionsHandler.js +2 -2
- package/index.js +1 -1
- package/package.json +79 -78
- package/theme/index.js +2 -2
- package/theme/object.js +1 -1
- package/themes.css +1 -1
- package/utilities/join.css +1 -1
- package/components/alert/class.json +0 -12
- package/components/avatar/class.json +0 -7
- package/components/badge/class.json +0 -19
- package/components/button/class.json +0 -27
- package/components/card/class.json +0 -13
- package/components/chat/class.json +0 -17
- package/components/checkbox/class.json +0 -17
- package/components/collapse/class.json +0 -10
- package/components/countdown/class.json +0 -3
- package/components/divider/class.json +0 -15
- package/components/dropdown/class.json +0 -15
- package/components/footer/class.json +0 -7
- package/components/hero/class.json +0 -5
- package/components/input/class.json +0 -16
- package/components/kbd/class.json +0 -7
- package/components/link/class.json +0 -12
- package/components/loading/class.json +0 -21
- package/components/mask/class.json +0 -24
- package/components/menu/class.json +0 -16
- package/components/navbar/class.json +0 -6
- package/components/progress/class.json +0 -10
- package/components/radialprogress/class.json +0 -3
- package/components/radio/class.json +0 -14
- package/components/range/class.json +0 -14
- package/components/rating/class.json +0 -6
- package/components/select/class.json +0 -16
- package/components/skeleton/class.json +0 -3
- package/components/stack/class.json +0 -3
- package/components/status/class.json +0 -15
- package/components/steps/class.json +0 -14
- package/components/swap/class.json +0 -10
- package/components/tab/class.json +0 -13
- package/components/table/class.json +0 -9
- package/components/timeline/class.json +0 -11
- package/components/toggle/class.json +0 -16
- package/components/tooltip/class.json +0 -17
package/components/card.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .card{border-radius:var(--radius-box,var(--radius-box));flex-direction:column;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-200,var(--color-base-200))}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box,var(--radius-box));background-color:var(--color-neutral,var(--color-neutral));opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content,var(--color-neutral-content));position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}}.card-title{align-items:center;gap:var(--spacing-2,.5rem);font-size:var(--font-size-xl,1.25rem);line-height:var(--tw-leading,var(--font-size-xl--line-height,1.75rem));--tw-font-weight:600;font-weight:600;display:flex}.card-body{gap:var(--spacing-2,.5rem);padding:var(--spacing-8,2rem);flex-direction:column;flex:auto;display:flex;& :where(p){flex-grow:1}}.card-actions{align-items:flex-start;gap:var(--spacing-2,.5rem);flex-wrap:wrap;display:flex}.card-xs{& .card-body{padding:var(--spacing-2,.5rem);font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem))}& .card-title{margin-bottom:var(--spacing-1,.25rem)}}.card-sm{& .card-body{padding:var(--spacing-4,1rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem))}& .card-title{margin-bottom:var(--spacing-1,.25rem)}}.card-md{& .card-body{padding:var(--spacing-8,2rem);font-size:var(--font-size-base,1rem);line-height:var(--tw-leading,var(--font-size-base--line-height,1.5rem))}& .card-title{margin-bottom:var(--spacing-3,.75rem)}}.card-lg{& .card-body{padding:var(--spacing-10,2.5rem);font-size:var(--font-size-base,1rem);line-height:var(--tw-leading,var(--font-size-base--line-height,1.5rem))}& .card-title{margin-bottom:var(--spacing-4,1rem)}}.card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}
|
|
1
|
+
/*! 🌼 daisyUI 5.0.0-alpha.23 – MIT License */ .card{border-radius:var(--radius-box, );flex-direction:column;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box, );background-color:var(--color-neutral, );opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content, );position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}}.card-title{align-items:center;gap:var(--spacing-2,.5rem);font-size:1.25rem;font-weight:600;line-height:1.75rem;display:flex}.card-body{gap:var(--spacing-2,.5rem);padding:var(--spacing-8,2rem);flex-direction:column;flex:auto;display:flex;& :where(p){flex-grow:1}}.card-actions{align-items:flex-start;gap:var(--spacing-2,.5rem);flex-wrap:wrap;display:flex}.card-xs{& .card-body{padding:var(--spacing-2,.5rem);font-size:.75rem;line-height:1rem}& .card-title{margin-bottom:var(--spacing-1,.25rem)}}.card-sm{& .card-body{padding:var(--spacing-4,1rem);font-size:.875rem;line-height:1.25rem}& .card-title{margin-bottom:var(--spacing-1,.25rem)}}.card-md{& .card-body{padding:var(--spacing-8,2rem);font-size:1rem;line-height:1.5rem}& .card-title{margin-bottom:var(--spacing-3,.75rem)}}.card-lg{& .card-body{padding:var(--spacing-10,2.5rem);font-size:1rem;line-height:1rem}& .card-title{margin-bottom:var(--spacing-4,1rem)}}.card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}@media (width>=640px){.sm\:card{border-radius:var(--radius-box, );flex-direction:column;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box, );background-color:var(--color-neutral, );opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content, );position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}}.sm\:card-title{align-items:center;gap:var(--spacing-2,.5rem);font-size:1.25rem;font-weight:600;line-height:1.75rem;display:flex}.sm\:card-body{gap:var(--spacing-2,.5rem);padding:var(--spacing-8,2rem);flex-direction:column;flex:auto;display:flex;& :where(p){flex-grow:1}}.sm\:card-actions{align-items:flex-start;gap:var(--spacing-2,.5rem);flex-wrap:wrap;display:flex}.sm\:card-xs{& .card-body{padding:var(--spacing-2,.5rem);font-size:.75rem;line-height:1rem}& .card-title{margin-bottom:var(--spacing-1,.25rem)}}.sm\:card-sm{& .card-body{padding:var(--spacing-4,1rem);font-size:.875rem;line-height:1.25rem}& .card-title{margin-bottom:var(--spacing-1,.25rem)}}.sm\:card-md{& .card-body{padding:var(--spacing-8,2rem);font-size:1rem;line-height:1.5rem}& .card-title{margin-bottom:var(--spacing-3,.75rem)}}.sm\:card-lg{& .card-body{padding:var(--spacing-10,2.5rem);font-size:1rem;line-height:1rem}& .card-title{margin-bottom:var(--spacing-4,1rem)}}.sm\:card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}}@media (width>=768px){.md\:card{border-radius:var(--radius-box, );flex-direction:column;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box, );background-color:var(--color-neutral, );opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content, );position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}}.md\:card-title{align-items:center;gap:var(--spacing-2,.5rem);font-size:1.25rem;font-weight:600;line-height:1.75rem;display:flex}.md\:card-body{gap:var(--spacing-2,.5rem);padding:var(--spacing-8,2rem);flex-direction:column;flex:auto;display:flex;& :where(p){flex-grow:1}}.md\:card-actions{align-items:flex-start;gap:var(--spacing-2,.5rem);flex-wrap:wrap;display:flex}.md\:card-xs{& .card-body{padding:var(--spacing-2,.5rem);font-size:.75rem;line-height:1rem}& .card-title{margin-bottom:var(--spacing-1,.25rem)}}.md\:card-sm{& .card-body{padding:var(--spacing-4,1rem);font-size:.875rem;line-height:1.25rem}& .card-title{margin-bottom:var(--spacing-1,.25rem)}}.md\:card-md{& .card-body{padding:var(--spacing-8,2rem);font-size:1rem;line-height:1.5rem}& .card-title{margin-bottom:var(--spacing-3,.75rem)}}.md\:card-lg{& .card-body{padding:var(--spacing-10,2.5rem);font-size:1rem;line-height:1rem}& .card-title{margin-bottom:var(--spacing-4,1rem)}}.md\:card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}}@media (width>=1024px){.lg\:card{border-radius:var(--radius-box, );flex-direction:column;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box, );background-color:var(--color-neutral, );opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content, );position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}}.lg\:card-title{align-items:center;gap:var(--spacing-2,.5rem);font-size:1.25rem;font-weight:600;line-height:1.75rem;display:flex}.lg\:card-body{gap:var(--spacing-2,.5rem);padding:var(--spacing-8,2rem);flex-direction:column;flex:auto;display:flex;& :where(p){flex-grow:1}}.lg\:card-actions{align-items:flex-start;gap:var(--spacing-2,.5rem);flex-wrap:wrap;display:flex}.lg\:card-xs{& .card-body{padding:var(--spacing-2,.5rem);font-size:.75rem;line-height:1rem}& .card-title{margin-bottom:var(--spacing-1,.25rem)}}.lg\:card-sm{& .card-body{padding:var(--spacing-4,1rem);font-size:.875rem;line-height:1.25rem}& .card-title{margin-bottom:var(--spacing-1,.25rem)}}.lg\:card-md{& .card-body{padding:var(--spacing-8,2rem);font-size:1rem;line-height:1.5rem}& .card-title{margin-bottom:var(--spacing-3,.75rem)}}.lg\:card-lg{& .card-body{padding:var(--spacing-10,2.5rem);font-size:1rem;line-height:1rem}& .card-title{margin-bottom:var(--spacing-4,1rem)}}.lg\:card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}}@media (width>=1280px){.xl\:card{border-radius:var(--radius-box, );flex-direction:column;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box, );background-color:var(--color-neutral, );opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content, );position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}}.xl\:card-title{align-items:center;gap:var(--spacing-2,.5rem);font-size:1.25rem;font-weight:600;line-height:1.75rem;display:flex}.xl\:card-body{gap:var(--spacing-2,.5rem);padding:var(--spacing-8,2rem);flex-direction:column;flex:auto;display:flex;& :where(p){flex-grow:1}}.xl\:card-actions{align-items:flex-start;gap:var(--spacing-2,.5rem);flex-wrap:wrap;display:flex}.xl\:card-xs{& .card-body{padding:var(--spacing-2,.5rem);font-size:.75rem;line-height:1rem}& .card-title{margin-bottom:var(--spacing-1,.25rem)}}.xl\:card-sm{& .card-body{padding:var(--spacing-4,1rem);font-size:.875rem;line-height:1.25rem}& .card-title{margin-bottom:var(--spacing-1,.25rem)}}.xl\:card-md{& .card-body{padding:var(--spacing-8,2rem);font-size:1rem;line-height:1.5rem}& .card-title{margin-bottom:var(--spacing-3,.75rem)}}.xl\:card-lg{& .card-body{padding:var(--spacing-10,2.5rem);font-size:1rem;line-height:1rem}& .card-title{margin-bottom:var(--spacing-4,1rem)}}.xl\:card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}}@media (width>=1536px){.\32 xl\:card{border-radius:var(--radius-box, );flex-direction:column;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box, );background-color:var(--color-neutral, );opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content, );position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}}.\32 xl\:card-title{align-items:center;gap:var(--spacing-2,.5rem);font-size:1.25rem;font-weight:600;line-height:1.75rem;display:flex}.\32 xl\:card-body{gap:var(--spacing-2,.5rem);padding:var(--spacing-8,2rem);flex-direction:column;flex:auto;display:flex;& :where(p){flex-grow:1}}.\32 xl\:card-actions{align-items:flex-start;gap:var(--spacing-2,.5rem);flex-wrap:wrap;display:flex}.\32 xl\:card-xs{& .card-body{padding:var(--spacing-2,.5rem);font-size:.75rem;line-height:1rem}& .card-title{margin-bottom:var(--spacing-1,.25rem)}}.\32 xl\:card-sm{& .card-body{padding:var(--spacing-4,1rem);font-size:.875rem;line-height:1.25rem}& .card-title{margin-bottom:var(--spacing-1,.25rem)}}.\32 xl\:card-md{& .card-body{padding:var(--spacing-8,2rem);font-size:1rem;line-height:1.5rem}& .card-title{margin-bottom:var(--spacing-3,.75rem)}}.\32 xl\:card-lg{& .card-body{padding:var(--spacing-10,2.5rem);font-size:1rem;line-height:1rem}& .card-title{margin-bottom:var(--spacing-4,1rem)}}.\32 xl\:card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".chat":{"@apply grid gap-x-3 py-1":{}},".chat-primary":{"@apply bg-primary text-primary-content":{}},".chat-secondary":{"@apply bg-secondary text-secondary-content":{}},".chat-accent":{"@apply bg-accent text-accent-content":{}},".chat-neutral":{"@apply bg-neutral text-neutral-content":{}},".chat-info":{"@apply bg-info text-info-content":{}},".chat-success":{"@apply bg-success text-success-content":{}},".chat-warning":{"@apply bg-warning text-warning-content":{}},".chat-error":{"@apply bg-error text-error-content":{}},".chat-image":{"@apply row-span-2 self-end":{}},".chat-header":{"@apply row-start-1
|
|
1
|
+
export default {".chat":{"@apply grid gap-x-3 py-1":{}},".chat-primary":{"@apply bg-primary text-primary-content":{}},".chat-secondary":{"@apply bg-secondary text-secondary-content":{}},".chat-accent":{"@apply bg-accent text-accent-content":{}},".chat-neutral":{"@apply bg-neutral text-neutral-content":{}},".chat-info":{"@apply bg-info text-info-content":{}},".chat-success":{"@apply bg-success text-success-content":{}},".chat-warning":{"@apply bg-warning text-warning-content":{}},".chat-error":{"@apply bg-error text-error-content":{}},".chat-image":{"@apply row-span-2 self-end":{}},".chat-header":{"@apply row-start-1":{},"fontSize":"0.75rem","lineHeight":"1rem"},".chat-footer":{"@apply row-start-3":{},"fontSize":"0.75rem","lineHeight":"1rem"},".chat-bubble":{"@apply relative block w-fit px-4 py-2 rounded-box bg-base-200 text-base-content":{},"minHeight":"2.5rem","minWidth":"2.5rem","maxWidth":"90%","&:before":{"@apply absolute bottom-0 h-3 w-3":{},"backgroundColor":"inherit","content":"\"\"","maskSize":"contain","maskRepeat":"no-repeat","maskPosition":"center"}},".chat-start":{"@apply place-items-start":{},"gridTemplateColumns":"auto 1fr",".chat-header":{"@apply col-start-2":{}},".chat-footer":{"@apply col-start-2":{}},".chat-image":{"@apply col-start-1":{}},".chat-bubble":{"@apply col-start-2 rounded-es-none":{},"&:before":{"insetInlineStart":"-0.749rem","maskImage":"url(\"data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e\")","[dir=\"rtl\"] &":{"maskImage":"url(\"data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e\")"}}}},".chat-end":{"@apply place-items-end":{},"gridTemplateColumns":"1fr auto",".chat-header":{"@apply col-start-1":{}},".chat-footer":{"@apply col-start-1":{}},".chat-image":{"@apply col-start-2":{}},".chat-bubble":{"@apply col-start-1 rounded-ee-none":{},"&:before":{"insetInlineStart":"99.9%","maskImage":"url(\"data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e\")","[dir=\"rtl\"] &":{"maskImage":"url(\"data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e\")"}}}}};
|
package/components/chat.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .chat{column-gap:var(--spacing-3,.75rem);padding-top:var(--spacing-1,.25rem);padding-bottom:var(--spacing-1,.25rem);display:grid}.chat-primary{background-color:var(--color-primary,var(--color-primary));color:var(--color-primary-content,var(--color-primary-content))}.chat-secondary{background-color:var(--color-secondary,var(--color-secondary));color:var(--color-secondary-content,var(--color-secondary-content))}.chat-accent{background-color:var(--color-accent,var(--color-accent));color:var(--color-accent-content,var(--color-accent-content))}.chat-neutral{background-color:var(--color-neutral,var(--color-neutral));color:var(--color-neutral-content,var(--color-neutral-content))}.chat-info{background-color:var(--color-info,var(--color-info));color:var(--color-info-content,var(--color-info-content))}.chat-success{background-color:var(--color-success,var(--color-success));color:var(--color-success-content,var(--color-success-content))}.chat-warning{background-color:var(--color-warning,var(--color-warning));color:var(--color-warning-content,var(--color-warning-content))}.chat-error{background-color:var(--color-error,var(--color-error));color:var(--color-error-content,var(--color-error-content))}.chat-image{grid-row:span 2/span 2;align-self:flex-end}.chat-header{font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));grid-row-start:1}.chat-footer{font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));grid-row-start:3}.chat-bubble{border-radius:var(--radius-box,var(--radius-box));background-color:var(--color-base-200,var(--color-base-200));padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);color:var(--color-base-content,var(--color-base-content));width:fit-content;min-width:2.5rem;max-width:90%;min-height:2.5rem;display:block;position:relative;&:before{bottom:var(--spacing-0,0px);height:var(--spacing-3,.75rem);width:var(--spacing-3,.75rem);background-color:inherit;content:"";position:absolute;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}}.chat-start{grid-template-columns:auto 1fr;place-items:start;& .chat-header,& .chat-footer{grid-column-start:2}& .chat-image{grid-column-start:1}& .chat-bubble{border-end-start-radius:0;grid-column-start:2;&:before{inset-inline-start:-.749rem;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e")}}}}.chat-end{grid-template-columns:1fr auto;place-items:end;& .chat-header,& .chat-footer{grid-column-start:1}& .chat-image{grid-column-start:2}& .chat-bubble{border-end-end-radius:0;grid-column-start:1;&:before{inset-inline-start:99.9%;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e")}}}}
|
|
1
|
+
/*! 🌼 daisyUI 5.0.0-alpha.23 – MIT License */ .chat{column-gap:var(--spacing-3,.75rem);padding-top:var(--spacing-1,.25rem);padding-bottom:var(--spacing-1,.25rem);display:grid}.chat-primary{background-color:var(--color-primary, );color:var(--color-primary-content, )}.chat-secondary{background-color:var(--color-secondary, );color:var(--color-secondary-content, )}.chat-accent{background-color:var(--color-accent, );color:var(--color-accent-content, )}.chat-neutral{background-color:var(--color-neutral, );color:var(--color-neutral-content, )}.chat-info{background-color:var(--color-info, );color:var(--color-info-content, )}.chat-success{background-color:var(--color-success, );color:var(--color-success-content, )}.chat-warning{background-color:var(--color-warning, );color:var(--color-warning-content, )}.chat-error{background-color:var(--color-error, );color:var(--color-error-content, )}.chat-image{grid-row:span 2/span 2;align-self:flex-end}.chat-header{grid-row-start:1;font-size:.75rem;line-height:1rem}.chat-footer{grid-row-start:3;font-size:.75rem;line-height:1rem}.chat-bubble{border-radius:var(--radius-box, );background-color:var(--color-base-200, );padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);color:var(--color-base-content, );width:fit-content;min-width:2.5rem;max-width:90%;min-height:2.5rem;display:block;position:relative;&:before{bottom:var(--spacing-0,0px);height:var(--spacing-3,.75rem);width:var(--spacing-3,.75rem);background-color:inherit;content:"";position:absolute;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}}.chat-start{grid-template-columns:auto 1fr;place-items:start;& .chat-header,& .chat-footer{grid-column-start:2}& .chat-image{grid-column-start:1}& .chat-bubble{border-end-start-radius:0;grid-column-start:2;&:before{inset-inline-start:-.749rem;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e")}}}}.chat-end{grid-template-columns:1fr auto;place-items:end;& .chat-header,& .chat-footer{grid-column-start:1}& .chat-image{grid-column-start:2}& .chat-bubble{border-end-end-radius:0;grid-column-start:1;&:before{inset-inline-start:99.9%;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e")}}}}@media (width>=640px){.sm\:chat{column-gap:var(--spacing-3,.75rem);padding-top:var(--spacing-1,.25rem);padding-bottom:var(--spacing-1,.25rem);display:grid}.sm\:chat-primary{background-color:var(--color-primary, );color:var(--color-primary-content, )}.sm\:chat-secondary{background-color:var(--color-secondary, );color:var(--color-secondary-content, )}.sm\:chat-accent{background-color:var(--color-accent, );color:var(--color-accent-content, )}.sm\:chat-neutral{background-color:var(--color-neutral, );color:var(--color-neutral-content, )}.sm\:chat-info{background-color:var(--color-info, );color:var(--color-info-content, )}.sm\:chat-success{background-color:var(--color-success, );color:var(--color-success-content, )}.sm\:chat-warning{background-color:var(--color-warning, );color:var(--color-warning-content, )}.sm\:chat-error{background-color:var(--color-error, );color:var(--color-error-content, )}.sm\:chat-image{grid-row:span 2/span 2;align-self:flex-end}.sm\:chat-header{grid-row-start:1;font-size:.75rem;line-height:1rem}.sm\:chat-footer{grid-row-start:3;font-size:.75rem;line-height:1rem}.sm\:chat-bubble{border-radius:var(--radius-box, );background-color:var(--color-base-200, );padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);color:var(--color-base-content, );width:fit-content;min-width:2.5rem;max-width:90%;min-height:2.5rem;display:block;position:relative;&:before{bottom:var(--spacing-0,0px);height:var(--spacing-3,.75rem);width:var(--spacing-3,.75rem);background-color:inherit;content:"";position:absolute;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}}.sm\:chat-start{grid-template-columns:auto 1fr;place-items:start;& .chat-header,& .chat-footer{grid-column-start:2}& .chat-image{grid-column-start:1}& .chat-bubble{border-end-start-radius:0;grid-column-start:2;&:before{inset-inline-start:-.749rem;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e")}}}}.sm\:chat-end{grid-template-columns:1fr auto;place-items:end;& .chat-header,& .chat-footer{grid-column-start:1}& .chat-image{grid-column-start:2}& .chat-bubble{border-end-end-radius:0;grid-column-start:1;&:before{inset-inline-start:99.9%;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e")}}}}}@media (width>=768px){.md\:chat{column-gap:var(--spacing-3,.75rem);padding-top:var(--spacing-1,.25rem);padding-bottom:var(--spacing-1,.25rem);display:grid}.md\:chat-primary{background-color:var(--color-primary, );color:var(--color-primary-content, )}.md\:chat-secondary{background-color:var(--color-secondary, );color:var(--color-secondary-content, )}.md\:chat-accent{background-color:var(--color-accent, );color:var(--color-accent-content, )}.md\:chat-neutral{background-color:var(--color-neutral, );color:var(--color-neutral-content, )}.md\:chat-info{background-color:var(--color-info, );color:var(--color-info-content, )}.md\:chat-success{background-color:var(--color-success, );color:var(--color-success-content, )}.md\:chat-warning{background-color:var(--color-warning, );color:var(--color-warning-content, )}.md\:chat-error{background-color:var(--color-error, );color:var(--color-error-content, )}.md\:chat-image{grid-row:span 2/span 2;align-self:flex-end}.md\:chat-header{grid-row-start:1;font-size:.75rem;line-height:1rem}.md\:chat-footer{grid-row-start:3;font-size:.75rem;line-height:1rem}.md\:chat-bubble{border-radius:var(--radius-box, );background-color:var(--color-base-200, );padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);color:var(--color-base-content, );width:fit-content;min-width:2.5rem;max-width:90%;min-height:2.5rem;display:block;position:relative;&:before{bottom:var(--spacing-0,0px);height:var(--spacing-3,.75rem);width:var(--spacing-3,.75rem);background-color:inherit;content:"";position:absolute;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}}.md\:chat-start{grid-template-columns:auto 1fr;place-items:start;& .chat-header,& .chat-footer{grid-column-start:2}& .chat-image{grid-column-start:1}& .chat-bubble{border-end-start-radius:0;grid-column-start:2;&:before{inset-inline-start:-.749rem;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e")}}}}.md\:chat-end{grid-template-columns:1fr auto;place-items:end;& .chat-header,& .chat-footer{grid-column-start:1}& .chat-image{grid-column-start:2}& .chat-bubble{border-end-end-radius:0;grid-column-start:1;&:before{inset-inline-start:99.9%;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e")}}}}}@media (width>=1024px){.lg\:chat{column-gap:var(--spacing-3,.75rem);padding-top:var(--spacing-1,.25rem);padding-bottom:var(--spacing-1,.25rem);display:grid}.lg\:chat-primary{background-color:var(--color-primary, );color:var(--color-primary-content, )}.lg\:chat-secondary{background-color:var(--color-secondary, );color:var(--color-secondary-content, )}.lg\:chat-accent{background-color:var(--color-accent, );color:var(--color-accent-content, )}.lg\:chat-neutral{background-color:var(--color-neutral, );color:var(--color-neutral-content, )}.lg\:chat-info{background-color:var(--color-info, );color:var(--color-info-content, )}.lg\:chat-success{background-color:var(--color-success, );color:var(--color-success-content, )}.lg\:chat-warning{background-color:var(--color-warning, );color:var(--color-warning-content, )}.lg\:chat-error{background-color:var(--color-error, );color:var(--color-error-content, )}.lg\:chat-image{grid-row:span 2/span 2;align-self:flex-end}.lg\:chat-header{grid-row-start:1;font-size:.75rem;line-height:1rem}.lg\:chat-footer{grid-row-start:3;font-size:.75rem;line-height:1rem}.lg\:chat-bubble{border-radius:var(--radius-box, );background-color:var(--color-base-200, );padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);color:var(--color-base-content, );width:fit-content;min-width:2.5rem;max-width:90%;min-height:2.5rem;display:block;position:relative;&:before{bottom:var(--spacing-0,0px);height:var(--spacing-3,.75rem);width:var(--spacing-3,.75rem);background-color:inherit;content:"";position:absolute;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}}.lg\:chat-start{grid-template-columns:auto 1fr;place-items:start;& .chat-header,& .chat-footer{grid-column-start:2}& .chat-image{grid-column-start:1}& .chat-bubble{border-end-start-radius:0;grid-column-start:2;&:before{inset-inline-start:-.749rem;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e")}}}}.lg\:chat-end{grid-template-columns:1fr auto;place-items:end;& .chat-header,& .chat-footer{grid-column-start:1}& .chat-image{grid-column-start:2}& .chat-bubble{border-end-end-radius:0;grid-column-start:1;&:before{inset-inline-start:99.9%;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e")}}}}}@media (width>=1280px){.xl\:chat{column-gap:var(--spacing-3,.75rem);padding-top:var(--spacing-1,.25rem);padding-bottom:var(--spacing-1,.25rem);display:grid}.xl\:chat-primary{background-color:var(--color-primary, );color:var(--color-primary-content, )}.xl\:chat-secondary{background-color:var(--color-secondary, );color:var(--color-secondary-content, )}.xl\:chat-accent{background-color:var(--color-accent, );color:var(--color-accent-content, )}.xl\:chat-neutral{background-color:var(--color-neutral, );color:var(--color-neutral-content, )}.xl\:chat-info{background-color:var(--color-info, );color:var(--color-info-content, )}.xl\:chat-success{background-color:var(--color-success, );color:var(--color-success-content, )}.xl\:chat-warning{background-color:var(--color-warning, );color:var(--color-warning-content, )}.xl\:chat-error{background-color:var(--color-error, );color:var(--color-error-content, )}.xl\:chat-image{grid-row:span 2/span 2;align-self:flex-end}.xl\:chat-header{grid-row-start:1;font-size:.75rem;line-height:1rem}.xl\:chat-footer{grid-row-start:3;font-size:.75rem;line-height:1rem}.xl\:chat-bubble{border-radius:var(--radius-box, );background-color:var(--color-base-200, );padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);color:var(--color-base-content, );width:fit-content;min-width:2.5rem;max-width:90%;min-height:2.5rem;display:block;position:relative;&:before{bottom:var(--spacing-0,0px);height:var(--spacing-3,.75rem);width:var(--spacing-3,.75rem);background-color:inherit;content:"";position:absolute;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}}.xl\:chat-start{grid-template-columns:auto 1fr;place-items:start;& .chat-header,& .chat-footer{grid-column-start:2}& .chat-image{grid-column-start:1}& .chat-bubble{border-end-start-radius:0;grid-column-start:2;&:before{inset-inline-start:-.749rem;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e")}}}}.xl\:chat-end{grid-template-columns:1fr auto;place-items:end;& .chat-header,& .chat-footer{grid-column-start:1}& .chat-image{grid-column-start:2}& .chat-bubble{border-end-end-radius:0;grid-column-start:1;&:before{inset-inline-start:99.9%;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e")}}}}}@media (width>=1536px){.\32 xl\:chat{column-gap:var(--spacing-3,.75rem);padding-top:var(--spacing-1,.25rem);padding-bottom:var(--spacing-1,.25rem);display:grid}.\32 xl\:chat-primary{background-color:var(--color-primary, );color:var(--color-primary-content, )}.\32 xl\:chat-secondary{background-color:var(--color-secondary, );color:var(--color-secondary-content, )}.\32 xl\:chat-accent{background-color:var(--color-accent, );color:var(--color-accent-content, )}.\32 xl\:chat-neutral{background-color:var(--color-neutral, );color:var(--color-neutral-content, )}.\32 xl\:chat-info{background-color:var(--color-info, );color:var(--color-info-content, )}.\32 xl\:chat-success{background-color:var(--color-success, );color:var(--color-success-content, )}.\32 xl\:chat-warning{background-color:var(--color-warning, );color:var(--color-warning-content, )}.\32 xl\:chat-error{background-color:var(--color-error, );color:var(--color-error-content, )}.\32 xl\:chat-image{grid-row:span 2/span 2;align-self:flex-end}.\32 xl\:chat-header{grid-row-start:1;font-size:.75rem;line-height:1rem}.\32 xl\:chat-footer{grid-row-start:3;font-size:.75rem;line-height:1rem}.\32 xl\:chat-bubble{border-radius:var(--radius-box, );background-color:var(--color-base-200, );padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);color:var(--color-base-content, );width:fit-content;min-width:2.5rem;max-width:90%;min-height:2.5rem;display:block;position:relative;&:before{bottom:var(--spacing-0,0px);height:var(--spacing-3,.75rem);width:var(--spacing-3,.75rem);background-color:inherit;content:"";position:absolute;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}}.\32 xl\:chat-start{grid-template-columns:auto 1fr;place-items:start;& .chat-header,& .chat-footer{grid-column-start:2}& .chat-image{grid-column-start:1}& .chat-bubble{border-end-start-radius:0;grid-column-start:2;&:before{inset-inline-start:-.749rem;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e")}}}}.\32 xl\:chat-end{grid-template-columns:1fr auto;place-items:end;& .chat-header,& .chat-footer{grid-column-start:1}& .chat-image{grid-column-start:2}& .chat-bubble{border-end-end-radius:0;grid-column-start:1;&:before{inset-inline-start:99.9%;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e")}}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".checkbox":{"@apply border-base-content/20 text-base-content relative shrink-0 size-6 cursor-pointer appearance-none rounded-
|
|
1
|
+
export default {".checkbox":{"border":"1px solid","@apply border-base-content/20 text-base-content relative shrink-0 size-6 cursor-pointer appearance-none rounded-btn p-1 align-middle":{},"boxShadow":"0 1px oklch(0% 0 0 / 0.1) inset","transition":"background-color 0.2s,\n box-shadow 0.2s","&:before":{"@apply block size-full rotate-45 bg-current opacity-0":{},"content":"\"\"","transition":"clip-path 0.3s,\n opacity 0.1s,\n rotate 0.3s,\n translate 0.3s","transitionDelay":"0.1s","clipPath":"polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%)","boxShadow":"0px 3px 0 0px oklch(100% 0 0 / 0.1) inset"},"&:focus-visible":{"outline":"2ps solid currentColor","outlineOffset":"2px"},"&:checked,\n &[aria-checked=\"true\"]":{"boxShadow":"0 8px 0 -4px oklch(100% 0 0 / 0.1) inset,\n 0 1px oklch(0% 0 0 / 0.1)","&:before":{"@apply opacity-100":{},"clipPath":"polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%)"}},"&:indeterminate":{"&:before":{"@apply rotate-0 opacity-100":{},"translate":"0 -35%","clipPath":"polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%)"}}},".checkbox-primary":{"@apply border-primary text-primary-content":{},"&:focus-visible":{"@apply outline-primary":{}},"&:checked":{"@apply bg-primary":{}}},".checkbox-secondary":{"@apply border-secondary text-secondary-content":{},"&:focus-visible":{"@apply outline-secondary":{}},"&:checked":{"@apply bg-secondary":{}}},".checkbox-accent":{"@apply border-accent text-accent-content":{},"&:focus-visible":{"@apply outline-accent":{}},"&:checked":{"@apply bg-accent":{}}},".checkbox-success":{"@apply border-success text-success-content":{},"&:focus-visible":{"@apply outline-success":{}},"&:checked":{"@apply bg-success":{}}},".checkbox-warning":{"@apply border-warning text-warning-content":{},"&:focus-visible":{"@apply outline-warning":{}},"&:checked":{"@apply bg-warning":{}}},".checkbox-info":{"@apply border-info text-info-content":{},"&:focus-visible":{"@apply outline-info":{}},"&:checked":{"@apply bg-info":{}}},".checkbox-error":{"@apply border-error text-error-content":{},"&:focus-visible":{"@apply outline-error":{}},"&:checked":{"@apply bg-error":{}}},".checkbox:disabled":{"@apply cursor-not-allowed opacity-20":{}},".checkbox-xs":{"@apply size-4 p-0.5":{}},".checkbox-sm":{"@apply size-5":{}},".checkbox-md":{"@apply size-6":{}},".checkbox-lg":{"@apply size-8":{}}};
|
package/components/checkbox.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .checkbox{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);cursor:pointer;appearance:none;border-radius:var(--radius-btn);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))20%,transparent);padding:var(--spacing-1,.25rem);vertical-align:middle;color:var(--color-base-content,var(--color-base-content));flex-shrink:0;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;--tw-content:"";content:var(--tw-content);clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:currentColor}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{--tw-translate-y:-35%;translate:var(--tw-translate-x)var(--tw-translate-y);opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);rotate:none}}}.checkbox-primary{border-color:var(--color-primary,var(--color-primary));color:var(--color-primary-content,var(--color-primary-content));&:focus-visible{outline-color:var(--color-primary,var(--color-primary))}&:checked{background-color:var(--color-primary,var(--color-primary))}}.checkbox-secondary{border-color:var(--color-secondary,var(--color-secondary));color:var(--color-secondary-content,var(--color-secondary-content));&:focus-visible{outline-color:var(--color-secondary,var(--color-secondary))}&:checked{background-color:var(--color-secondary,var(--color-secondary))}}.checkbox-accent{border-color:var(--color-accent,var(--color-accent));color:var(--color-accent-content,var(--color-accent-content));&:focus-visible{outline-color:var(--color-accent,var(--color-accent))}&:checked{background-color:var(--color-accent,var(--color-accent))}}.checkbox-success{border-color:var(--color-success,var(--color-success));color:var(--color-success-content,var(--color-success-content));&:focus-visible{outline-color:var(--color-success,var(--color-success))}&:checked{background-color:var(--color-success,var(--color-success))}}.checkbox-warning{border-color:var(--color-warning,var(--color-warning));color:var(--color-warning-content,var(--color-warning-content));&:focus-visible{outline-color:var(--color-warning,var(--color-warning))}&:checked{background-color:var(--color-warning,var(--color-warning))}}.checkbox-info{border-color:var(--color-info,var(--color-info));color:var(--color-info-content,var(--color-info-content));&:focus-visible{outline-color:var(--color-info,var(--color-info))}&:checked{background-color:var(--color-info,var(--color-info))}}.checkbox-error{border-color:var(--color-error,var(--color-error));color:var(--color-error-content,var(--color-error-content));&:focus-visible{outline-color:var(--color-error,var(--color-error))}&:checked{background-color:var(--color-error,var(--color-error))}}.checkbox:disabled{cursor:not-allowed;opacity:.2}.checkbox-xs{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);padding:var(--spacing-0_5,.125rem)}.checkbox-sm{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem)}.checkbox-md{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}.checkbox-lg{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}
|
|
1
|
+
/*! 🌼 daisyUI 5.0.0-alpha.23 – MIT License */ .checkbox{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);cursor:pointer;appearance:none;border-radius:var(--radius-btn, );border:1px solid;border-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);padding:var(--spacing-1,.25rem);vertical-align:middle;color:var(--color-base-content, );flex-shrink:0;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline:2ps solid currentColor;outline-offset:2px}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.checkbox-primary{border-color:var(--color-primary, );color:var(--color-primary-content, );&:focus-visible{outline-color:var(--color-primary, )}&:checked{background-color:var(--color-primary, )}}.checkbox-secondary{border-color:var(--color-secondary, );color:var(--color-secondary-content, );&:focus-visible{outline-color:var(--color-secondary, )}&:checked{background-color:var(--color-secondary, )}}.checkbox-accent{border-color:var(--color-accent, );color:var(--color-accent-content, );&:focus-visible{outline-color:var(--color-accent, )}&:checked{background-color:var(--color-accent, )}}.checkbox-success{border-color:var(--color-success, );color:var(--color-success-content, );&:focus-visible{outline-color:var(--color-success, )}&:checked{background-color:var(--color-success, )}}.checkbox-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );&:focus-visible{outline-color:var(--color-warning, )}&:checked{background-color:var(--color-warning, )}}.checkbox-info{border-color:var(--color-info, );color:var(--color-info-content, );&:focus-visible{outline-color:var(--color-info, )}&:checked{background-color:var(--color-info, )}}.checkbox-error{border-color:var(--color-error, );color:var(--color-error-content, );&:focus-visible{outline-color:var(--color-error, )}&:checked{background-color:var(--color-error, )}}.checkbox:disabled{cursor:not-allowed;opacity:.2}.checkbox-xs{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);padding:var(--spacing-0_5,.125rem)}.checkbox-sm{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem)}.checkbox-md{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}.checkbox-lg{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}@media (width>=640px){.sm\:checkbox{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);cursor:pointer;appearance:none;border-radius:var(--radius-btn, );border:1px solid;border-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);padding:var(--spacing-1,.25rem);vertical-align:middle;color:var(--color-base-content, );flex-shrink:0;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline:2ps solid currentColor;outline-offset:2px}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.sm\:checkbox-primary{border-color:var(--color-primary, );color:var(--color-primary-content, );&:focus-visible{outline-color:var(--color-primary, )}&:checked{background-color:var(--color-primary, )}}.sm\:checkbox-secondary{border-color:var(--color-secondary, );color:var(--color-secondary-content, );&:focus-visible{outline-color:var(--color-secondary, )}&:checked{background-color:var(--color-secondary, )}}.sm\:checkbox-accent{border-color:var(--color-accent, );color:var(--color-accent-content, );&:focus-visible{outline-color:var(--color-accent, )}&:checked{background-color:var(--color-accent, )}}.sm\:checkbox-success{border-color:var(--color-success, );color:var(--color-success-content, );&:focus-visible{outline-color:var(--color-success, )}&:checked{background-color:var(--color-success, )}}.sm\:checkbox-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );&:focus-visible{outline-color:var(--color-warning, )}&:checked{background-color:var(--color-warning, )}}.sm\:checkbox-info{border-color:var(--color-info, );color:var(--color-info-content, );&:focus-visible{outline-color:var(--color-info, )}&:checked{background-color:var(--color-info, )}}.sm\:checkbox-error{border-color:var(--color-error, );color:var(--color-error-content, );&:focus-visible{outline-color:var(--color-error, )}&:checked{background-color:var(--color-error, )}}.sm\:checkbox:disabled{cursor:not-allowed;opacity:.2}.sm\:checkbox-xs{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);padding:var(--spacing-0_5,.125rem)}.sm\:checkbox-sm{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem)}.sm\:checkbox-md{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}.sm\:checkbox-lg{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}}@media (width>=768px){.md\:checkbox{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);cursor:pointer;appearance:none;border-radius:var(--radius-btn, );border:1px solid;border-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);padding:var(--spacing-1,.25rem);vertical-align:middle;color:var(--color-base-content, );flex-shrink:0;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline:2ps solid currentColor;outline-offset:2px}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.md\:checkbox-primary{border-color:var(--color-primary, );color:var(--color-primary-content, );&:focus-visible{outline-color:var(--color-primary, )}&:checked{background-color:var(--color-primary, )}}.md\:checkbox-secondary{border-color:var(--color-secondary, );color:var(--color-secondary-content, );&:focus-visible{outline-color:var(--color-secondary, )}&:checked{background-color:var(--color-secondary, )}}.md\:checkbox-accent{border-color:var(--color-accent, );color:var(--color-accent-content, );&:focus-visible{outline-color:var(--color-accent, )}&:checked{background-color:var(--color-accent, )}}.md\:checkbox-success{border-color:var(--color-success, );color:var(--color-success-content, );&:focus-visible{outline-color:var(--color-success, )}&:checked{background-color:var(--color-success, )}}.md\:checkbox-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );&:focus-visible{outline-color:var(--color-warning, )}&:checked{background-color:var(--color-warning, )}}.md\:checkbox-info{border-color:var(--color-info, );color:var(--color-info-content, );&:focus-visible{outline-color:var(--color-info, )}&:checked{background-color:var(--color-info, )}}.md\:checkbox-error{border-color:var(--color-error, );color:var(--color-error-content, );&:focus-visible{outline-color:var(--color-error, )}&:checked{background-color:var(--color-error, )}}.md\:checkbox:disabled{cursor:not-allowed;opacity:.2}.md\:checkbox-xs{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);padding:var(--spacing-0_5,.125rem)}.md\:checkbox-sm{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem)}.md\:checkbox-md{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}.md\:checkbox-lg{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}}@media (width>=1024px){.lg\:checkbox{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);cursor:pointer;appearance:none;border-radius:var(--radius-btn, );border:1px solid;border-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);padding:var(--spacing-1,.25rem);vertical-align:middle;color:var(--color-base-content, );flex-shrink:0;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline:2ps solid currentColor;outline-offset:2px}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.lg\:checkbox-primary{border-color:var(--color-primary, );color:var(--color-primary-content, );&:focus-visible{outline-color:var(--color-primary, )}&:checked{background-color:var(--color-primary, )}}.lg\:checkbox-secondary{border-color:var(--color-secondary, );color:var(--color-secondary-content, );&:focus-visible{outline-color:var(--color-secondary, )}&:checked{background-color:var(--color-secondary, )}}.lg\:checkbox-accent{border-color:var(--color-accent, );color:var(--color-accent-content, );&:focus-visible{outline-color:var(--color-accent, )}&:checked{background-color:var(--color-accent, )}}.lg\:checkbox-success{border-color:var(--color-success, );color:var(--color-success-content, );&:focus-visible{outline-color:var(--color-success, )}&:checked{background-color:var(--color-success, )}}.lg\:checkbox-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );&:focus-visible{outline-color:var(--color-warning, )}&:checked{background-color:var(--color-warning, )}}.lg\:checkbox-info{border-color:var(--color-info, );color:var(--color-info-content, );&:focus-visible{outline-color:var(--color-info, )}&:checked{background-color:var(--color-info, )}}.lg\:checkbox-error{border-color:var(--color-error, );color:var(--color-error-content, );&:focus-visible{outline-color:var(--color-error, )}&:checked{background-color:var(--color-error, )}}.lg\:checkbox:disabled{cursor:not-allowed;opacity:.2}.lg\:checkbox-xs{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);padding:var(--spacing-0_5,.125rem)}.lg\:checkbox-sm{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem)}.lg\:checkbox-md{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}.lg\:checkbox-lg{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}}@media (width>=1280px){.xl\:checkbox{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);cursor:pointer;appearance:none;border-radius:var(--radius-btn, );border:1px solid;border-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);padding:var(--spacing-1,.25rem);vertical-align:middle;color:var(--color-base-content, );flex-shrink:0;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline:2ps solid currentColor;outline-offset:2px}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.xl\:checkbox-primary{border-color:var(--color-primary, );color:var(--color-primary-content, );&:focus-visible{outline-color:var(--color-primary, )}&:checked{background-color:var(--color-primary, )}}.xl\:checkbox-secondary{border-color:var(--color-secondary, );color:var(--color-secondary-content, );&:focus-visible{outline-color:var(--color-secondary, )}&:checked{background-color:var(--color-secondary, )}}.xl\:checkbox-accent{border-color:var(--color-accent, );color:var(--color-accent-content, );&:focus-visible{outline-color:var(--color-accent, )}&:checked{background-color:var(--color-accent, )}}.xl\:checkbox-success{border-color:var(--color-success, );color:var(--color-success-content, );&:focus-visible{outline-color:var(--color-success, )}&:checked{background-color:var(--color-success, )}}.xl\:checkbox-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );&:focus-visible{outline-color:var(--color-warning, )}&:checked{background-color:var(--color-warning, )}}.xl\:checkbox-info{border-color:var(--color-info, );color:var(--color-info-content, );&:focus-visible{outline-color:var(--color-info, )}&:checked{background-color:var(--color-info, )}}.xl\:checkbox-error{border-color:var(--color-error, );color:var(--color-error-content, );&:focus-visible{outline-color:var(--color-error, )}&:checked{background-color:var(--color-error, )}}.xl\:checkbox:disabled{cursor:not-allowed;opacity:.2}.xl\:checkbox-xs{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);padding:var(--spacing-0_5,.125rem)}.xl\:checkbox-sm{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem)}.xl\:checkbox-md{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}.xl\:checkbox-lg{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}}@media (width>=1536px){.\32 xl\:checkbox{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);cursor:pointer;appearance:none;border-radius:var(--radius-btn, );border:1px solid;border-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);padding:var(--spacing-1,.25rem);vertical-align:middle;color:var(--color-base-content, );flex-shrink:0;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline:2ps solid currentColor;outline-offset:2px}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.\32 xl\:checkbox-primary{border-color:var(--color-primary, );color:var(--color-primary-content, );&:focus-visible{outline-color:var(--color-primary, )}&:checked{background-color:var(--color-primary, )}}.\32 xl\:checkbox-secondary{border-color:var(--color-secondary, );color:var(--color-secondary-content, );&:focus-visible{outline-color:var(--color-secondary, )}&:checked{background-color:var(--color-secondary, )}}.\32 xl\:checkbox-accent{border-color:var(--color-accent, );color:var(--color-accent-content, );&:focus-visible{outline-color:var(--color-accent, )}&:checked{background-color:var(--color-accent, )}}.\32 xl\:checkbox-success{border-color:var(--color-success, );color:var(--color-success-content, );&:focus-visible{outline-color:var(--color-success, )}&:checked{background-color:var(--color-success, )}}.\32 xl\:checkbox-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );&:focus-visible{outline-color:var(--color-warning, )}&:checked{background-color:var(--color-warning, )}}.\32 xl\:checkbox-info{border-color:var(--color-info, );color:var(--color-info-content, );&:focus-visible{outline-color:var(--color-info, )}&:checked{background-color:var(--color-info, )}}.\32 xl\:checkbox-error{border-color:var(--color-error, );color:var(--color-error-content, );&:focus-visible{outline-color:var(--color-error, )}&:checked{background-color:var(--color-error, )}}.\32 xl\:checkbox:disabled{cursor:not-allowed;opacity:.2}.\32 xl\:checkbox-xs{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);padding:var(--spacing-0_5,.125rem)}.\32 xl\:checkbox-sm{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem)}.\32 xl\:checkbox-md{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}.\32 xl\:checkbox-lg{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}}
|
package/components/collapse.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .collapse:not(td):not(tr):not(colgroup){visibility:visible}.collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input[type=checkbox],&>input[type=radio]{appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&[open],&.collapse-open,&:focus:not(.collapse-close),&:not(.collapse-close):has(>input[type=checkbox]:checked),&:not(.collapse-close):has(>input[type=radio]:checked){grid-template-rows:auto 1fr}&[open]>.collapse-content,&.collapse-open>.collapse-content,&:focus:not(.collapse-close)>.collapse-content,&:not(.collapse-close)>input[type=checkbox]:checked~.collapse-content,&:not(.collapse-close)>input[type=radio]:checked~.collapse-content{visibility:visible;min-height:fit-content}&:focus-visible,&:has(.collapse-title:focus-visible),&:has(>input[type=checkbox]:focus-visible),&:has(>input[type=radio]:focus-visible){outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-width:2px;outline-style:solid}&:not(.collapse-open):not(.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open])>.collapse-title{cursor:unset}&[open]>:where(.collapse-content),&.collapse-open>:where(.collapse-content),&:focus:not(.collapse-close)>:where(.collapse-content),&:not(.collapse-close)>:where(input[type=checkbox]:checked~.collapse-content),&:not(.collapse-close)>:where(input[type=radio]:checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&[open]{&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-open{&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input[type=checkbox]:checked~.collapse-title:after,&>input[type=radio]:checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input[type=checkbox]:checked~.collapse-title:after,&>input[type=radio]:checked~.collapse-title:after{content:"−"}}&>input[type=checkbox],&>input[type=radio]{z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.collapse-title,.collapse-content{grid-row-start:1;grid-column-start:1}.collapse-content{visibility:hidden;cursor:unset;grid-row-start:2;grid-column-start:1;min-height:0;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.collapse:is(details) summary{outline:none}.collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}
|
|
1
|
+
/*! 🌼 daisyUI 5.0.0-alpha.23 – MIT License */ .collapse:not(td):not(tr):not(colgroup){visibility:visible}.collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input[type=checkbox],&>input[type=radio]{appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&[open],&.collapse-open,&:focus:not(.collapse-close),&:not(.collapse-close):has(>input[type=checkbox]:checked),&:not(.collapse-close):has(>input[type=radio]:checked){grid-template-rows:auto 1fr}&[open]>.collapse-content,&.collapse-open>.collapse-content,&:focus:not(.collapse-close)>.collapse-content,&:not(.collapse-close)>input[type=checkbox]:checked~.collapse-content,&:not(.collapse-close)>input[type=radio]:checked~.collapse-content{visibility:visible;min-height:fit-content}&:focus-visible,&:has(.collapse-title:focus-visible),&:has(>input[type=checkbox]:focus-visible),&:has(>input[type=radio]:focus-visible){outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-width:2px;outline-style:solid}&:not(.collapse-open):not(.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open])>.collapse-title{cursor:unset}&[open]>:where(.collapse-content),&.collapse-open>:where(.collapse-content),&:focus:not(.collapse-close)>:where(.collapse-content),&:not(.collapse-close)>:where(input[type=checkbox]:checked~.collapse-content),&:not(.collapse-close)>:where(input[type=radio]:checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&[open]{&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-open{&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input[type=checkbox]:checked~.collapse-title:after,&>input[type=radio]:checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input[type=checkbox]:checked~.collapse-title:after,&>input[type=radio]:checked~.collapse-title:after{content:"−"}}&>input[type=checkbox],&>input[type=radio]{z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.collapse-title,.collapse-content{grid-row-start:1;grid-column-start:1}.collapse-content{visibility:hidden;cursor:unset;grid-row-start:2;grid-column-start:1;min-height:0;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.collapse:is(details) summary{outline:none}.collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}@media (width>=640px){.sm\:collapse:not(td):not(tr):not(colgroup){visibility:visible}.sm\:collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input[type=checkbox],&>input[type=radio]{appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&[open],&.collapse-open,&:focus:not(.collapse-close),&:not(.collapse-close):has(>input[type=checkbox]:checked),&:not(.collapse-close):has(>input[type=radio]:checked){grid-template-rows:auto 1fr}&[open]>.collapse-content,&.collapse-open>.collapse-content,&:focus:not(.collapse-close)>.collapse-content,&:not(.collapse-close)>input[type=checkbox]:checked~.collapse-content,&:not(.collapse-close)>input[type=radio]:checked~.collapse-content{visibility:visible;min-height:fit-content}&:focus-visible,&:has(.collapse-title:focus-visible),&:has(>input[type=checkbox]:focus-visible),&:has(>input[type=radio]:focus-visible){outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-width:2px;outline-style:solid}&:not(.collapse-open):not(.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open])>.collapse-title{cursor:unset}&[open]>:where(.collapse-content),&.collapse-open>:where(.collapse-content),&:focus:not(.collapse-close)>:where(.collapse-content),&:not(.collapse-close)>:where(input[type=checkbox]:checked~.collapse-content),&:not(.collapse-close)>:where(input[type=radio]:checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&[open]{&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-open{&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input[type=checkbox]:checked~.collapse-title:after,&>input[type=radio]:checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input[type=checkbox]:checked~.collapse-title:after,&>input[type=radio]:checked~.collapse-title:after{content:"−"}}&>input[type=checkbox],&>input[type=radio]{z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.sm\:collapse-title,.sm\:collapse-content{grid-row-start:1;grid-column-start:1}.sm\:collapse-content{visibility:hidden;cursor:unset;grid-row-start:2;grid-column-start:1;min-height:0;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.sm\:collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.sm\:collapse:is(details) summary{outline:none}.sm\:collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.sm\:collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.sm\:collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}@media (width>=768px){.md\:collapse:not(td):not(tr):not(colgroup){visibility:visible}.md\:collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input[type=checkbox],&>input[type=radio]{appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&[open],&.collapse-open,&:focus:not(.collapse-close),&:not(.collapse-close):has(>input[type=checkbox]:checked),&:not(.collapse-close):has(>input[type=radio]:checked){grid-template-rows:auto 1fr}&[open]>.collapse-content,&.collapse-open>.collapse-content,&:focus:not(.collapse-close)>.collapse-content,&:not(.collapse-close)>input[type=checkbox]:checked~.collapse-content,&:not(.collapse-close)>input[type=radio]:checked~.collapse-content{visibility:visible;min-height:fit-content}&:focus-visible,&:has(.collapse-title:focus-visible),&:has(>input[type=checkbox]:focus-visible),&:has(>input[type=radio]:focus-visible){outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-width:2px;outline-style:solid}&:not(.collapse-open):not(.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open])>.collapse-title{cursor:unset}&[open]>:where(.collapse-content),&.collapse-open>:where(.collapse-content),&:focus:not(.collapse-close)>:where(.collapse-content),&:not(.collapse-close)>:where(input[type=checkbox]:checked~.collapse-content),&:not(.collapse-close)>:where(input[type=radio]:checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&[open]{&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-open{&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input[type=checkbox]:checked~.collapse-title:after,&>input[type=radio]:checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input[type=checkbox]:checked~.collapse-title:after,&>input[type=radio]:checked~.collapse-title:after{content:"−"}}&>input[type=checkbox],&>input[type=radio]{z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.md\:collapse-title,.md\:collapse-content{grid-row-start:1;grid-column-start:1}.md\:collapse-content{visibility:hidden;cursor:unset;grid-row-start:2;grid-column-start:1;min-height:0;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.md\:collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.md\:collapse:is(details) summary{outline:none}.md\:collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.md\:collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.md\:collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}@media (width>=1024px){.lg\:collapse:not(td):not(tr):not(colgroup){visibility:visible}.lg\:collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input[type=checkbox],&>input[type=radio]{appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&[open],&.collapse-open,&:focus:not(.collapse-close),&:not(.collapse-close):has(>input[type=checkbox]:checked),&:not(.collapse-close):has(>input[type=radio]:checked){grid-template-rows:auto 1fr}&[open]>.collapse-content,&.collapse-open>.collapse-content,&:focus:not(.collapse-close)>.collapse-content,&:not(.collapse-close)>input[type=checkbox]:checked~.collapse-content,&:not(.collapse-close)>input[type=radio]:checked~.collapse-content{visibility:visible;min-height:fit-content}&:focus-visible,&:has(.collapse-title:focus-visible),&:has(>input[type=checkbox]:focus-visible),&:has(>input[type=radio]:focus-visible){outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-width:2px;outline-style:solid}&:not(.collapse-open):not(.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open])>.collapse-title{cursor:unset}&[open]>:where(.collapse-content),&.collapse-open>:where(.collapse-content),&:focus:not(.collapse-close)>:where(.collapse-content),&:not(.collapse-close)>:where(input[type=checkbox]:checked~.collapse-content),&:not(.collapse-close)>:where(input[type=radio]:checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&[open]{&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-open{&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input[type=checkbox]:checked~.collapse-title:after,&>input[type=radio]:checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input[type=checkbox]:checked~.collapse-title:after,&>input[type=radio]:checked~.collapse-title:after{content:"−"}}&>input[type=checkbox],&>input[type=radio]{z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.lg\:collapse-title,.lg\:collapse-content{grid-row-start:1;grid-column-start:1}.lg\:collapse-content{visibility:hidden;cursor:unset;grid-row-start:2;grid-column-start:1;min-height:0;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.lg\:collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.lg\:collapse:is(details) summary{outline:none}.lg\:collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.lg\:collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.lg\:collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}@media (width>=1280px){.xl\:collapse:not(td):not(tr):not(colgroup){visibility:visible}.xl\:collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input[type=checkbox],&>input[type=radio]{appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&[open],&.collapse-open,&:focus:not(.collapse-close),&:not(.collapse-close):has(>input[type=checkbox]:checked),&:not(.collapse-close):has(>input[type=radio]:checked){grid-template-rows:auto 1fr}&[open]>.collapse-content,&.collapse-open>.collapse-content,&:focus:not(.collapse-close)>.collapse-content,&:not(.collapse-close)>input[type=checkbox]:checked~.collapse-content,&:not(.collapse-close)>input[type=radio]:checked~.collapse-content{visibility:visible;min-height:fit-content}&:focus-visible,&:has(.collapse-title:focus-visible),&:has(>input[type=checkbox]:focus-visible),&:has(>input[type=radio]:focus-visible){outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-width:2px;outline-style:solid}&:not(.collapse-open):not(.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open])>.collapse-title{cursor:unset}&[open]>:where(.collapse-content),&.collapse-open>:where(.collapse-content),&:focus:not(.collapse-close)>:where(.collapse-content),&:not(.collapse-close)>:where(input[type=checkbox]:checked~.collapse-content),&:not(.collapse-close)>:where(input[type=radio]:checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&[open]{&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-open{&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input[type=checkbox]:checked~.collapse-title:after,&>input[type=radio]:checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input[type=checkbox]:checked~.collapse-title:after,&>input[type=radio]:checked~.collapse-title:after{content:"−"}}&>input[type=checkbox],&>input[type=radio]{z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.xl\:collapse-title,.xl\:collapse-content{grid-row-start:1;grid-column-start:1}.xl\:collapse-content{visibility:hidden;cursor:unset;grid-row-start:2;grid-column-start:1;min-height:0;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.xl\:collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.xl\:collapse:is(details) summary{outline:none}.xl\:collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.xl\:collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.xl\:collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}@media (width>=1536px){.\32 xl\:collapse:not(td):not(tr):not(colgroup){visibility:visible}.\32 xl\:collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input[type=checkbox],&>input[type=radio]{appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&[open],&.collapse-open,&:focus:not(.collapse-close),&:not(.collapse-close):has(>input[type=checkbox]:checked),&:not(.collapse-close):has(>input[type=radio]:checked){grid-template-rows:auto 1fr}&[open]>.collapse-content,&.collapse-open>.collapse-content,&:focus:not(.collapse-close)>.collapse-content,&:not(.collapse-close)>input[type=checkbox]:checked~.collapse-content,&:not(.collapse-close)>input[type=radio]:checked~.collapse-content{visibility:visible;min-height:fit-content}&:focus-visible,&:has(.collapse-title:focus-visible),&:has(>input[type=checkbox]:focus-visible),&:has(>input[type=radio]:focus-visible){outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-width:2px;outline-style:solid}&:not(.collapse-open):not(.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open])>.collapse-title{cursor:unset}&[open]>:where(.collapse-content),&.collapse-open>:where(.collapse-content),&:focus:not(.collapse-close)>:where(.collapse-content),&:not(.collapse-close)>:where(input[type=checkbox]:checked~.collapse-content),&:not(.collapse-close)>:where(input[type=radio]:checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&[open]{&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-open{&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input[type=checkbox]:checked~.collapse-title:after,&>input[type=radio]:checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input[type=checkbox]:checked~.collapse-title:after,&>input[type=radio]:checked~.collapse-title:after{content:"−"}}&>input[type=checkbox],&>input[type=radio]{z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.\32 xl\:collapse-title,.\32 xl\:collapse-content{grid-row-start:1;grid-column-start:1}.\32 xl\:collapse-content{visibility:hidden;cursor:unset;grid-row-start:2;grid-column-start:1;min-height:0;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.\32 xl\:collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.\32 xl\:collapse:is(details) summary{outline:none}.\32 xl\:collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.\32 xl\:collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.\32 xl\:collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}
|
package/components/countdown.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.0.0-alpha.
|
|
1
|
+
/*! 🌼 daisyUI 5.0.0-alpha.23 – MIT License */ .countdown{line-height:1em;display:inline-flex;&>*{height:1em;display:inline-block;overflow-y:hidden;&:before{content:"00\a 01\a 02\a 03\a 04\a 05\a 06\a 07\a 08\a 09\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a 21\a 22\a 23\a 24\a 25\a 26\a 27\a 28\a 29\a 30\a 31\a 32\a 33\a 34\a 35\a 36\a 37\a 38\a 39\a 40\a 41\a 42\a 43\a 44\a 45\a 46\a 47\a 48\a 49\a 50\a 51\a 52\a 53\a 54\a 55\a 56\a 57\a 58\a 59\a 60\a 61\a 62\a 63\a 64\a 65\a 66\a 67\a 68\a 69\a 70\a 71\a 72\a 73\a 74\a 75\a 76\a 77\a 78\a 79\a 80\a 81\a 82\a 83\a 84\a 85\a 86\a 87\a 88\a 89\a 90\a 91\a 92\a 93\a 94\a 95\a 96\a 97\a 98\a 99\a ";white-space:pre;top:calc(var(--value)*-1em);text-align:center;transition:all 1s cubic-bezier(1,0,0,1);position:relative}}}@media (width>=640px){.sm\:countdown{line-height:1em;display:inline-flex;&>*{height:1em;display:inline-block;overflow-y:hidden;&:before{content:"00\a 01\a 02\a 03\a 04\a 05\a 06\a 07\a 08\a 09\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a 21\a 22\a 23\a 24\a 25\a 26\a 27\a 28\a 29\a 30\a 31\a 32\a 33\a 34\a 35\a 36\a 37\a 38\a 39\a 40\a 41\a 42\a 43\a 44\a 45\a 46\a 47\a 48\a 49\a 50\a 51\a 52\a 53\a 54\a 55\a 56\a 57\a 58\a 59\a 60\a 61\a 62\a 63\a 64\a 65\a 66\a 67\a 68\a 69\a 70\a 71\a 72\a 73\a 74\a 75\a 76\a 77\a 78\a 79\a 80\a 81\a 82\a 83\a 84\a 85\a 86\a 87\a 88\a 89\a 90\a 91\a 92\a 93\a 94\a 95\a 96\a 97\a 98\a 99\a ";white-space:pre;top:calc(var(--value)*-1em);text-align:center;transition:all 1s cubic-bezier(1,0,0,1);position:relative}}}}@media (width>=768px){.md\:countdown{line-height:1em;display:inline-flex;&>*{height:1em;display:inline-block;overflow-y:hidden;&:before{content:"00\a 01\a 02\a 03\a 04\a 05\a 06\a 07\a 08\a 09\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a 21\a 22\a 23\a 24\a 25\a 26\a 27\a 28\a 29\a 30\a 31\a 32\a 33\a 34\a 35\a 36\a 37\a 38\a 39\a 40\a 41\a 42\a 43\a 44\a 45\a 46\a 47\a 48\a 49\a 50\a 51\a 52\a 53\a 54\a 55\a 56\a 57\a 58\a 59\a 60\a 61\a 62\a 63\a 64\a 65\a 66\a 67\a 68\a 69\a 70\a 71\a 72\a 73\a 74\a 75\a 76\a 77\a 78\a 79\a 80\a 81\a 82\a 83\a 84\a 85\a 86\a 87\a 88\a 89\a 90\a 91\a 92\a 93\a 94\a 95\a 96\a 97\a 98\a 99\a ";white-space:pre;top:calc(var(--value)*-1em);text-align:center;transition:all 1s cubic-bezier(1,0,0,1);position:relative}}}}@media (width>=1024px){.lg\:countdown{line-height:1em;display:inline-flex;&>*{height:1em;display:inline-block;overflow-y:hidden;&:before{content:"00\a 01\a 02\a 03\a 04\a 05\a 06\a 07\a 08\a 09\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a 21\a 22\a 23\a 24\a 25\a 26\a 27\a 28\a 29\a 30\a 31\a 32\a 33\a 34\a 35\a 36\a 37\a 38\a 39\a 40\a 41\a 42\a 43\a 44\a 45\a 46\a 47\a 48\a 49\a 50\a 51\a 52\a 53\a 54\a 55\a 56\a 57\a 58\a 59\a 60\a 61\a 62\a 63\a 64\a 65\a 66\a 67\a 68\a 69\a 70\a 71\a 72\a 73\a 74\a 75\a 76\a 77\a 78\a 79\a 80\a 81\a 82\a 83\a 84\a 85\a 86\a 87\a 88\a 89\a 90\a 91\a 92\a 93\a 94\a 95\a 96\a 97\a 98\a 99\a ";white-space:pre;top:calc(var(--value)*-1em);text-align:center;transition:all 1s cubic-bezier(1,0,0,1);position:relative}}}}@media (width>=1280px){.xl\:countdown{line-height:1em;display:inline-flex;&>*{height:1em;display:inline-block;overflow-y:hidden;&:before{content:"00\a 01\a 02\a 03\a 04\a 05\a 06\a 07\a 08\a 09\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a 21\a 22\a 23\a 24\a 25\a 26\a 27\a 28\a 29\a 30\a 31\a 32\a 33\a 34\a 35\a 36\a 37\a 38\a 39\a 40\a 41\a 42\a 43\a 44\a 45\a 46\a 47\a 48\a 49\a 50\a 51\a 52\a 53\a 54\a 55\a 56\a 57\a 58\a 59\a 60\a 61\a 62\a 63\a 64\a 65\a 66\a 67\a 68\a 69\a 70\a 71\a 72\a 73\a 74\a 75\a 76\a 77\a 78\a 79\a 80\a 81\a 82\a 83\a 84\a 85\a 86\a 87\a 88\a 89\a 90\a 91\a 92\a 93\a 94\a 95\a 96\a 97\a 98\a 99\a ";white-space:pre;top:calc(var(--value)*-1em);text-align:center;transition:all 1s cubic-bezier(1,0,0,1);position:relative}}}}@media (width>=1536px){.\32 xl\:countdown{line-height:1em;display:inline-flex;&>*{height:1em;display:inline-block;overflow-y:hidden;&:before{content:"00\a 01\a 02\a 03\a 04\a 05\a 06\a 07\a 08\a 09\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a 21\a 22\a 23\a 24\a 25\a 26\a 27\a 28\a 29\a 30\a 31\a 32\a 33\a 34\a 35\a 36\a 37\a 38\a 39\a 40\a 41\a 42\a 43\a 44\a 45\a 46\a 47\a 48\a 49\a 50\a 51\a 52\a 53\a 54\a 55\a 56\a 57\a 58\a 59\a 60\a 61\a 62\a 63\a 64\a 65\a 66\a 67\a 68\a 69\a 70\a 71\a 72\a 73\a 74\a 75\a 76\a 77\a 78\a 79\a 80\a 81\a 82\a 83\a 84\a 85\a 86\a 87\a 88\a 89\a 90\a 91\a 92\a 93\a 94\a 95\a 96\a 97\a 98\a 99\a ";white-space:pre;top:calc(var(--value)*-1em);text-align:center;transition:all 1s cubic-bezier(1,0,0,1);position:relative}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".divider":{"@apply flex flex-row items-center self-stretch my-4 h-4 whitespace-nowrap":{},"&:before,\n &:after":{"@apply h-0.5 w-full grow
|
|
1
|
+
export default {".divider":{"@apply flex flex-row items-center self-stretch my-4 h-4 whitespace-nowrap":{},"&:before,\n &:after":{"content":"\"\"","@apply h-0.5 w-full grow bg-base-content/10":{}},"&:not(:empty)":{"@apply gap-4":{}}},".divider-horizontal":{"&.divider":{"@apply mx-4 my-0 h-auto w-4 flex-col":{},"&:before":{"@apply h-full w-0.5":{}},"&:after":{"@apply h-full w-0.5":{}}}},".divider-vertical":{"&.divider":{"@apply mx-0 my-4 h-4 w-auto flex-row":{},"&:before":{"@apply h-0.5 w-full":{}},"&:after":{"@apply h-0.5 w-full":{}}}},".divider-neutral":{"&:before,\n &:after":{"@apply bg-neutral":{}}},".divider-primary":{"&:before,\n &:after":{"@apply bg-primary":{}}},".divider-secondary":{"&:before,\n &:after":{"@apply bg-secondary":{}}},".divider-accent":{"&:before,\n &:after":{"@apply bg-accent":{}}},".divider-success":{"&:before,\n &:after":{"@apply bg-success":{}}},".divider-warning":{"&:before,\n &:after":{"@apply bg-warning":{}}},".divider-info":{"&:before,\n &:after":{"@apply bg-info":{}}},".divider-error":{"&:before,\n &:after":{"@apply bg-error":{}}},".divider-start:before":{"@apply hidden":{}},".divider-end:after":{"@apply hidden":{}}};
|
package/components/divider.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .divider{margin-top:var(--spacing-4,1rem);margin-bottom:var(--spacing-4,1rem);height:var(--spacing-4,1rem);white-space:nowrap;flex-direction:row;align-self:stretch;align-items:center;display:flex;&:before,&:after{height:var(--spacing-0_5,.125rem);background-color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))10%,transparent);--tw-content:"";content:var(--tw-content);flex-grow:1;width:100%}&:not(:empty){gap:var(--spacing-4,1rem)}}.divider-horizontal{&.divider{margin-left:var(--spacing-4,1rem);margin-right:var(--spacing-4,1rem);margin-top:var(--spacing-0,0px);margin-bottom:var(--spacing-0,0px);width:var(--spacing-4,1rem);flex-direction:column;height:auto;&:before,&:after{width:var(--spacing-0_5,.125rem);height:100%}}}.divider-vertical{&.divider{margin-left:var(--spacing-0,0px);margin-right:var(--spacing-0,0px);margin-top:var(--spacing-4,1rem);margin-bottom:var(--spacing-4,1rem);height:var(--spacing-4,1rem);flex-direction:row;width:auto;&:before,&:after{height:var(--spacing-0_5,.125rem);width:100%}}}.divider-neutral{&:before,&:after{background-color:var(--color-neutral,var(--color-neutral))}}.divider-primary{&:before,&:after{background-color:var(--color-primary,var(--color-primary))}}.divider-secondary{&:before,&:after{background-color:var(--color-secondary,var(--color-secondary))}}.divider-accent{&:before,&:after{background-color:var(--color-accent,var(--color-accent))}}.divider-success{&:before,&:after{background-color:var(--color-success,var(--color-success))}}.divider-warning{&:before,&:after{background-color:var(--color-warning,var(--color-warning))}}.divider-info{&:before,&:after{background-color:var(--color-info,var(--color-info))}}.divider-error{&:before,&:after{background-color:var(--color-error,var(--color-error))}}.divider-start:before,.divider-end:after{display:none}
|
|
1
|
+
/*! 🌼 daisyUI 5.0.0-alpha.23 – MIT License */ .divider{margin-top:var(--spacing-4,1rem);margin-bottom:var(--spacing-4,1rem);height:var(--spacing-4,1rem);white-space:nowrap;flex-direction:row;align-self:stretch;align-items:center;display:flex;&:before,&:after{content:"";height:var(--spacing-0_5,.125rem);background-color:color-mix(in srgb,var(--color-base-content, )10%,transparent);flex-grow:1;width:100%}&:not(:empty){gap:var(--spacing-4,1rem)}}.divider-horizontal{&.divider{margin-left:var(--spacing-4,1rem);margin-right:var(--spacing-4,1rem);margin-top:var(--spacing-0,0px);margin-bottom:var(--spacing-0,0px);width:var(--spacing-4,1rem);flex-direction:column;height:auto;&:before,&:after{width:var(--spacing-0_5,.125rem);height:100%}}}.divider-vertical{&.divider{margin-left:var(--spacing-0,0px);margin-right:var(--spacing-0,0px);margin-top:var(--spacing-4,1rem);margin-bottom:var(--spacing-4,1rem);height:var(--spacing-4,1rem);flex-direction:row;width:auto;&:before,&:after{height:var(--spacing-0_5,.125rem);width:100%}}}.divider-neutral{&:before,&:after{background-color:var(--color-neutral, )}}.divider-primary{&:before,&:after{background-color:var(--color-primary, )}}.divider-secondary{&:before,&:after{background-color:var(--color-secondary, )}}.divider-accent{&:before,&:after{background-color:var(--color-accent, )}}.divider-success{&:before,&:after{background-color:var(--color-success, )}}.divider-warning{&:before,&:after{background-color:var(--color-warning, )}}.divider-info{&:before,&:after{background-color:var(--color-info, )}}.divider-error{&:before,&:after{background-color:var(--color-error, )}}.divider-start:before,.divider-end:after{display:none}@media (width>=640px){.sm\:divider{margin-top:var(--spacing-4,1rem);margin-bottom:var(--spacing-4,1rem);height:var(--spacing-4,1rem);white-space:nowrap;flex-direction:row;align-self:stretch;align-items:center;display:flex;&:before,&:after{content:"";height:var(--spacing-0_5,.125rem);background-color:color-mix(in srgb,var(--color-base-content, )10%,transparent);flex-grow:1;width:100%}&:not(:empty){gap:var(--spacing-4,1rem)}}.sm\:divider-horizontal{&.divider{margin-left:var(--spacing-4,1rem);margin-right:var(--spacing-4,1rem);margin-top:var(--spacing-0,0px);margin-bottom:var(--spacing-0,0px);width:var(--spacing-4,1rem);flex-direction:column;height:auto;&:before,&:after{width:var(--spacing-0_5,.125rem);height:100%}}}.sm\:divider-vertical{&.divider{margin-left:var(--spacing-0,0px);margin-right:var(--spacing-0,0px);margin-top:var(--spacing-4,1rem);margin-bottom:var(--spacing-4,1rem);height:var(--spacing-4,1rem);flex-direction:row;width:auto;&:before,&:after{height:var(--spacing-0_5,.125rem);width:100%}}}.sm\:divider-neutral{&:before,&:after{background-color:var(--color-neutral, )}}.sm\:divider-primary{&:before,&:after{background-color:var(--color-primary, )}}.sm\:divider-secondary{&:before,&:after{background-color:var(--color-secondary, )}}.sm\:divider-accent{&:before,&:after{background-color:var(--color-accent, )}}.sm\:divider-success{&:before,&:after{background-color:var(--color-success, )}}.sm\:divider-warning{&:before,&:after{background-color:var(--color-warning, )}}.sm\:divider-info{&:before,&:after{background-color:var(--color-info, )}}.sm\:divider-error{&:before,&:after{background-color:var(--color-error, )}}.sm\:divider-start:before,.sm\:divider-end:after{display:none}}@media (width>=768px){.md\:divider{margin-top:var(--spacing-4,1rem);margin-bottom:var(--spacing-4,1rem);height:var(--spacing-4,1rem);white-space:nowrap;flex-direction:row;align-self:stretch;align-items:center;display:flex;&:before,&:after{content:"";height:var(--spacing-0_5,.125rem);background-color:color-mix(in srgb,var(--color-base-content, )10%,transparent);flex-grow:1;width:100%}&:not(:empty){gap:var(--spacing-4,1rem)}}.md\:divider-horizontal{&.divider{margin-left:var(--spacing-4,1rem);margin-right:var(--spacing-4,1rem);margin-top:var(--spacing-0,0px);margin-bottom:var(--spacing-0,0px);width:var(--spacing-4,1rem);flex-direction:column;height:auto;&:before,&:after{width:var(--spacing-0_5,.125rem);height:100%}}}.md\:divider-vertical{&.divider{margin-left:var(--spacing-0,0px);margin-right:var(--spacing-0,0px);margin-top:var(--spacing-4,1rem);margin-bottom:var(--spacing-4,1rem);height:var(--spacing-4,1rem);flex-direction:row;width:auto;&:before,&:after{height:var(--spacing-0_5,.125rem);width:100%}}}.md\:divider-neutral{&:before,&:after{background-color:var(--color-neutral, )}}.md\:divider-primary{&:before,&:after{background-color:var(--color-primary, )}}.md\:divider-secondary{&:before,&:after{background-color:var(--color-secondary, )}}.md\:divider-accent{&:before,&:after{background-color:var(--color-accent, )}}.md\:divider-success{&:before,&:after{background-color:var(--color-success, )}}.md\:divider-warning{&:before,&:after{background-color:var(--color-warning, )}}.md\:divider-info{&:before,&:after{background-color:var(--color-info, )}}.md\:divider-error{&:before,&:after{background-color:var(--color-error, )}}.md\:divider-start:before,.md\:divider-end:after{display:none}}@media (width>=1024px){.lg\:divider{margin-top:var(--spacing-4,1rem);margin-bottom:var(--spacing-4,1rem);height:var(--spacing-4,1rem);white-space:nowrap;flex-direction:row;align-self:stretch;align-items:center;display:flex;&:before,&:after{content:"";height:var(--spacing-0_5,.125rem);background-color:color-mix(in srgb,var(--color-base-content, )10%,transparent);flex-grow:1;width:100%}&:not(:empty){gap:var(--spacing-4,1rem)}}.lg\:divider-horizontal{&.divider{margin-left:var(--spacing-4,1rem);margin-right:var(--spacing-4,1rem);margin-top:var(--spacing-0,0px);margin-bottom:var(--spacing-0,0px);width:var(--spacing-4,1rem);flex-direction:column;height:auto;&:before,&:after{width:var(--spacing-0_5,.125rem);height:100%}}}.lg\:divider-vertical{&.divider{margin-left:var(--spacing-0,0px);margin-right:var(--spacing-0,0px);margin-top:var(--spacing-4,1rem);margin-bottom:var(--spacing-4,1rem);height:var(--spacing-4,1rem);flex-direction:row;width:auto;&:before,&:after{height:var(--spacing-0_5,.125rem);width:100%}}}.lg\:divider-neutral{&:before,&:after{background-color:var(--color-neutral, )}}.lg\:divider-primary{&:before,&:after{background-color:var(--color-primary, )}}.lg\:divider-secondary{&:before,&:after{background-color:var(--color-secondary, )}}.lg\:divider-accent{&:before,&:after{background-color:var(--color-accent, )}}.lg\:divider-success{&:before,&:after{background-color:var(--color-success, )}}.lg\:divider-warning{&:before,&:after{background-color:var(--color-warning, )}}.lg\:divider-info{&:before,&:after{background-color:var(--color-info, )}}.lg\:divider-error{&:before,&:after{background-color:var(--color-error, )}}.lg\:divider-start:before,.lg\:divider-end:after{display:none}}@media (width>=1280px){.xl\:divider{margin-top:var(--spacing-4,1rem);margin-bottom:var(--spacing-4,1rem);height:var(--spacing-4,1rem);white-space:nowrap;flex-direction:row;align-self:stretch;align-items:center;display:flex;&:before,&:after{content:"";height:var(--spacing-0_5,.125rem);background-color:color-mix(in srgb,var(--color-base-content, )10%,transparent);flex-grow:1;width:100%}&:not(:empty){gap:var(--spacing-4,1rem)}}.xl\:divider-horizontal{&.divider{margin-left:var(--spacing-4,1rem);margin-right:var(--spacing-4,1rem);margin-top:var(--spacing-0,0px);margin-bottom:var(--spacing-0,0px);width:var(--spacing-4,1rem);flex-direction:column;height:auto;&:before,&:after{width:var(--spacing-0_5,.125rem);height:100%}}}.xl\:divider-vertical{&.divider{margin-left:var(--spacing-0,0px);margin-right:var(--spacing-0,0px);margin-top:var(--spacing-4,1rem);margin-bottom:var(--spacing-4,1rem);height:var(--spacing-4,1rem);flex-direction:row;width:auto;&:before,&:after{height:var(--spacing-0_5,.125rem);width:100%}}}.xl\:divider-neutral{&:before,&:after{background-color:var(--color-neutral, )}}.xl\:divider-primary{&:before,&:after{background-color:var(--color-primary, )}}.xl\:divider-secondary{&:before,&:after{background-color:var(--color-secondary, )}}.xl\:divider-accent{&:before,&:after{background-color:var(--color-accent, )}}.xl\:divider-success{&:before,&:after{background-color:var(--color-success, )}}.xl\:divider-warning{&:before,&:after{background-color:var(--color-warning, )}}.xl\:divider-info{&:before,&:after{background-color:var(--color-info, )}}.xl\:divider-error{&:before,&:after{background-color:var(--color-error, )}}.xl\:divider-start:before,.xl\:divider-end:after{display:none}}@media (width>=1536px){.\32 xl\:divider{margin-top:var(--spacing-4,1rem);margin-bottom:var(--spacing-4,1rem);height:var(--spacing-4,1rem);white-space:nowrap;flex-direction:row;align-self:stretch;align-items:center;display:flex;&:before,&:after{content:"";height:var(--spacing-0_5,.125rem);background-color:color-mix(in srgb,var(--color-base-content, )10%,transparent);flex-grow:1;width:100%}&:not(:empty){gap:var(--spacing-4,1rem)}}.\32 xl\:divider-horizontal{&.divider{margin-left:var(--spacing-4,1rem);margin-right:var(--spacing-4,1rem);margin-top:var(--spacing-0,0px);margin-bottom:var(--spacing-0,0px);width:var(--spacing-4,1rem);flex-direction:column;height:auto;&:before,&:after{width:var(--spacing-0_5,.125rem);height:100%}}}.\32 xl\:divider-vertical{&.divider{margin-left:var(--spacing-0,0px);margin-right:var(--spacing-0,0px);margin-top:var(--spacing-4,1rem);margin-bottom:var(--spacing-4,1rem);height:var(--spacing-4,1rem);flex-direction:row;width:auto;&:before,&:after{height:var(--spacing-0_5,.125rem);width:100%}}}.\32 xl\:divider-neutral{&:before,&:after{background-color:var(--color-neutral, )}}.\32 xl\:divider-primary{&:before,&:after{background-color:var(--color-primary, )}}.\32 xl\:divider-secondary{&:before,&:after{background-color:var(--color-secondary, )}}.\32 xl\:divider-accent{&:before,&:after{background-color:var(--color-accent, )}}.\32 xl\:divider-success{&:before,&:after{background-color:var(--color-success, )}}.\32 xl\:divider-warning{&:before,&:after{background-color:var(--color-warning, )}}.\32 xl\:divider-info{&:before,&:after{background-color:var(--color-info, )}}.\32 xl\:divider-error{&:before,&:after{background-color:var(--color-error, )}}.\32 xl\:divider-start:before,.\32 xl\:divider-end:after{display:none}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".dropdown":{"@apply relative inline-block":{},"positionArea":"var(--anchor-v, bottom) var(--anchor-h, span-right)","&>*:not(summary):focus":{"@apply outline-none":{}},".dropdown-content":{"@apply absolute":{},"transitionProperty":"opacity, scale","transitionDuration":".2s","transitionTimingFunction":"cubic-bezier(.4, 0, .2, 1)"},"&:not(details)":{".dropdown-content":{"@apply invisible opacity-0 origin-top
|
|
1
|
+
export default {".dropdown":{"@apply relative inline-block":{},"positionArea":"var(--anchor-v, bottom) var(--anchor-h, span-right)","&>*:not(summary):focus":{"@apply outline-none":{}},".dropdown-content":{"@apply absolute":{},"transitionProperty":"opacity, scale","transitionDuration":".2s","transitionTimingFunction":"cubic-bezier(.4, 0, .2, 1)"},"&:not(details)":{".dropdown-content":{"@apply invisible opacity-0 origin-top":{},"scale":"95%"}},"&.dropdown-open,\n &:not(.dropdown-hover):focus,\n &:focus-within":{".dropdown-content":{"@apply visible opacity-100":{}}},"&.dropdown-hover:hover":{".dropdown-content":{"@apply visible opacity-100":{},"scale":"100%"}},"&:is(details)":{"summary":{"&::-webkit-details-marker":{"@apply hidden":{}}}},"&.dropdown-open,\n &:focus,\n &:focus-within":{".dropdown-content":{"scale":"100%"}},"&[popover]":{"@apply fixed text-inherit z-[1000]":{},"transitionProperty":"opacity, scale","transitionDuration":".2s","transitionTimingFunction":"cubic-bezier(0, 0, 0.2, 1)","@supports not (position-area: bottom)":{"@apply m-auto":{},"&.dropdown-open":{"@apply invisible opacity-0 origin-top":{},"scale":"95%","&:popover-open":{"@apply visible opacity-100":{},"scale":"100%"}},"&::backdrop":{"backgroundColor":"color-mix(in oklab, black 30%, transparent)"}},"&:not(.dropdown-open, :popover-open)":{"@apply invisible opacity-0 origin-top":{},"scale":"95%"}}},".dropdown-start":{"--anchor-h":"span-right",":where(.dropdown-content)":{"@apply end-auto":{}},"&.dropdown-left":{"--anchor-h":"left","--anchor-v":"span-bottom",".dropdown-content":{"@apply bottom-auto top-0":{}}},"&.dropdown-right":{"--anchor-h":"right","--anchor-v":"span-bottom",".dropdown-content":{"@apply bottom-auto top-0":{}}}},".dropdown-center":{"--anchor-h":"center",":where(.dropdown-content)":{"@apply end-1/2":{},"translate":"50% 0"},"&.dropdown-left":{"--anchor-h":"left","--anchor-v":"center",".dropdown-content":{"@apply bottom-1/2 top-auto":{},"translate":"0 50%"}},"&.dropdown-right":{"--anchor-h":"right","--anchor-v":"center",".dropdown-content":{"@apply bottom-1/2 top-auto":{},"translate":"0 50%"}}},".dropdown-end":{"--anchor-h":"span-left",":where(.dropdown-content)":{"@apply end-0":{}},"&.dropdown-left":{"--anchor-h":"left","--anchor-v":"span-top",".dropdown-content":{"@apply bottom-0 top-auto":{}}},"&.dropdown-right":{"--anchor-h":"right","--anchor-v":"span-top",".dropdown-content":{"@apply bottom-0 top-auto":{}}}},".dropdown-left":{"--anchor-h":"left","--anchor-v":"span-bottom",".dropdown-content":{"@apply bottom-auto end-full top-0 origin-right":{}}},".dropdown-right":{"--anchor-h":"right","--anchor-v":"span-bottom",".dropdown-content":{"@apply bottom-auto start-full top-0 origin-left":{}}},".dropdown-bottom":{"--anchor-v":"bottom",".dropdown-content":{"@apply bottom-auto top-full origin-top":{}}},".dropdown-top":{"--anchor-v":"top",".dropdown-content":{"@apply bottom-full top-auto origin-bottom":{}}}};
|
package/components/dropdown.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .dropdown{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative;&>:not(summary):focus{outline-offset:2px;outline:2px solid #0000}& .dropdown-content{transition-property:opacity,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:absolute}&:not(details){& .dropdown-content{visibility:hidden;transform-origin:top;--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:0}}&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{& .dropdown-content{visibility:visible;opacity:1}}&.dropdown-hover:hover{& .dropdown-content{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}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&.dropdown-open,&:focus,&:focus-within{& .dropdown-content{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}}&[popover]{z-index:1000;color:inherit;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:opacity,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-open{visibility:hidden;transform-origin:top;--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:0;&:popover-open{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}}&::backdrop{background-color:oklab(0% none none/.3)}}&:not(.dropdown-open,:popover-open){visibility:hidden;transform-origin:top;--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:0}}}.dropdown-start{--anchor-h:span-right;& :where(.dropdown-content){inset-inline-end:auto}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:var(--spacing-0,0px);bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:var(--spacing-0,0px);bottom:auto}}}.dropdown-center{--anchor-h:center;& :where(.dropdown-content){inset-inline-end:50%;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{--anchor-h:span-left;& :where(.dropdown-content){inset-inline-end:var(--spacing-0,0px)}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:var(--spacing-0,0px)}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:var(--spacing-0,0px)}}}.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{inset-inline-end:100%;top:var(--spacing-0,0px);transform-origin:100%;bottom:auto}}.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{inset-inline-start:100%;top:var(--spacing-0,0px);transform-origin:0;bottom:auto}}.dropdown-bottom{--anchor-v:bottom;& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}.dropdown-top{--anchor-v:top;& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}
|
|
1
|
+
/*! 🌼 daisyUI 5.0.0-alpha.23 – MIT License */ .dropdown{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative;&>:not(summary):focus{outline-offset:2px;outline:2px solid #0000}& .dropdown-content{transition-property:opacity,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:absolute}&:not(details){& .dropdown-content{visibility:hidden;transform-origin:top;opacity:0;scale:95%}}&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{& .dropdown-content{visibility:visible;opacity:1}}&.dropdown-hover:hover{& .dropdown-content{visibility:visible;opacity:1;scale:100%}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&.dropdown-open,&:focus,&:focus-within{& .dropdown-content{scale:100%}}&[popover]{z-index:1000;color:inherit;transition-property:opacity,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-open{visibility:hidden;transform-origin:top;opacity:0;scale:95%;&:popover-open{visibility:visible;opacity:1;scale:100%}}&::backdrop{background-color:oklab(0% none none/.3)}}&:not(.dropdown-open,:popover-open){visibility:hidden;transform-origin:top;opacity:0;scale:95%}}}.dropdown-start{--anchor-h:span-right;& :where(.dropdown-content){inset-inline-end:auto}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:var(--spacing-0,0px);bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:var(--spacing-0,0px);bottom:auto}}}.dropdown-center{--anchor-h:center;& :where(.dropdown-content){inset-inline-end:50%;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{--anchor-h:span-left;& :where(.dropdown-content){inset-inline-end:var(--spacing-0,0px)}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:var(--spacing-0,0px)}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:var(--spacing-0,0px)}}}.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{inset-inline-end:100%;top:var(--spacing-0,0px);transform-origin:100%;bottom:auto}}.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{inset-inline-start:100%;top:var(--spacing-0,0px);transform-origin:0;bottom:auto}}.dropdown-bottom{--anchor-v:bottom;& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}.dropdown-top{--anchor-v:top;& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}@media (width>=640px){.sm\:dropdown{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative;&>:not(summary):focus{outline-offset:2px;outline:2px solid #0000}& .dropdown-content{transition-property:opacity,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:absolute}&:not(details){& .dropdown-content{visibility:hidden;transform-origin:top;opacity:0;scale:95%}}&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{& .dropdown-content{visibility:visible;opacity:1}}&.dropdown-hover:hover{& .dropdown-content{visibility:visible;opacity:1;scale:100%}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&.dropdown-open,&:focus,&:focus-within{& .dropdown-content{scale:100%}}&[popover]{z-index:1000;color:inherit;transition-property:opacity,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-open{visibility:hidden;transform-origin:top;opacity:0;scale:95%;&:popover-open{visibility:visible;opacity:1;scale:100%}}&::backdrop{background-color:oklab(0% none none/.3)}}&:not(.dropdown-open,:popover-open){visibility:hidden;transform-origin:top;opacity:0;scale:95%}}}.sm\:dropdown-start{--anchor-h:span-right;& :where(.dropdown-content){inset-inline-end:auto}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:var(--spacing-0,0px);bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:var(--spacing-0,0px);bottom:auto}}}.sm\:dropdown-center{--anchor-h:center;& :where(.dropdown-content){inset-inline-end:50%;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{--anchor-h:span-left;& :where(.dropdown-content){inset-inline-end:var(--spacing-0,0px)}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:var(--spacing-0,0px)}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:var(--spacing-0,0px)}}}.sm\:dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{inset-inline-end:100%;top:var(--spacing-0,0px);transform-origin:100%;bottom:auto}}.sm\:dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{inset-inline-start:100%;top:var(--spacing-0,0px);transform-origin:0;bottom:auto}}.sm\:dropdown-bottom{--anchor-v:bottom;& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}.sm\:dropdown-top{--anchor-v:top;& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}@media (width>=768px){.md\:dropdown{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative;&>:not(summary):focus{outline-offset:2px;outline:2px solid #0000}& .dropdown-content{transition-property:opacity,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:absolute}&:not(details){& .dropdown-content{visibility:hidden;transform-origin:top;opacity:0;scale:95%}}&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{& .dropdown-content{visibility:visible;opacity:1}}&.dropdown-hover:hover{& .dropdown-content{visibility:visible;opacity:1;scale:100%}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&.dropdown-open,&:focus,&:focus-within{& .dropdown-content{scale:100%}}&[popover]{z-index:1000;color:inherit;transition-property:opacity,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-open{visibility:hidden;transform-origin:top;opacity:0;scale:95%;&:popover-open{visibility:visible;opacity:1;scale:100%}}&::backdrop{background-color:oklab(0% none none/.3)}}&:not(.dropdown-open,:popover-open){visibility:hidden;transform-origin:top;opacity:0;scale:95%}}}.md\:dropdown-start{--anchor-h:span-right;& :where(.dropdown-content){inset-inline-end:auto}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:var(--spacing-0,0px);bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:var(--spacing-0,0px);bottom:auto}}}.md\:dropdown-center{--anchor-h:center;& :where(.dropdown-content){inset-inline-end:50%;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{--anchor-h:span-left;& :where(.dropdown-content){inset-inline-end:var(--spacing-0,0px)}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:var(--spacing-0,0px)}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:var(--spacing-0,0px)}}}.md\:dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{inset-inline-end:100%;top:var(--spacing-0,0px);transform-origin:100%;bottom:auto}}.md\:dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{inset-inline-start:100%;top:var(--spacing-0,0px);transform-origin:0;bottom:auto}}.md\:dropdown-bottom{--anchor-v:bottom;& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}.md\:dropdown-top{--anchor-v:top;& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}@media (width>=1024px){.lg\:dropdown{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative;&>:not(summary):focus{outline-offset:2px;outline:2px solid #0000}& .dropdown-content{transition-property:opacity,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:absolute}&:not(details){& .dropdown-content{visibility:hidden;transform-origin:top;opacity:0;scale:95%}}&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{& .dropdown-content{visibility:visible;opacity:1}}&.dropdown-hover:hover{& .dropdown-content{visibility:visible;opacity:1;scale:100%}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&.dropdown-open,&:focus,&:focus-within{& .dropdown-content{scale:100%}}&[popover]{z-index:1000;color:inherit;transition-property:opacity,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-open{visibility:hidden;transform-origin:top;opacity:0;scale:95%;&:popover-open{visibility:visible;opacity:1;scale:100%}}&::backdrop{background-color:oklab(0% none none/.3)}}&:not(.dropdown-open,:popover-open){visibility:hidden;transform-origin:top;opacity:0;scale:95%}}}.lg\:dropdown-start{--anchor-h:span-right;& :where(.dropdown-content){inset-inline-end:auto}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:var(--spacing-0,0px);bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:var(--spacing-0,0px);bottom:auto}}}.lg\:dropdown-center{--anchor-h:center;& :where(.dropdown-content){inset-inline-end:50%;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{--anchor-h:span-left;& :where(.dropdown-content){inset-inline-end:var(--spacing-0,0px)}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:var(--spacing-0,0px)}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:var(--spacing-0,0px)}}}.lg\:dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{inset-inline-end:100%;top:var(--spacing-0,0px);transform-origin:100%;bottom:auto}}.lg\:dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{inset-inline-start:100%;top:var(--spacing-0,0px);transform-origin:0;bottom:auto}}.lg\:dropdown-bottom{--anchor-v:bottom;& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}.lg\:dropdown-top{--anchor-v:top;& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}@media (width>=1280px){.xl\:dropdown{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative;&>:not(summary):focus{outline-offset:2px;outline:2px solid #0000}& .dropdown-content{transition-property:opacity,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:absolute}&:not(details){& .dropdown-content{visibility:hidden;transform-origin:top;opacity:0;scale:95%}}&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{& .dropdown-content{visibility:visible;opacity:1}}&.dropdown-hover:hover{& .dropdown-content{visibility:visible;opacity:1;scale:100%}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&.dropdown-open,&:focus,&:focus-within{& .dropdown-content{scale:100%}}&[popover]{z-index:1000;color:inherit;transition-property:opacity,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-open{visibility:hidden;transform-origin:top;opacity:0;scale:95%;&:popover-open{visibility:visible;opacity:1;scale:100%}}&::backdrop{background-color:oklab(0% none none/.3)}}&:not(.dropdown-open,:popover-open){visibility:hidden;transform-origin:top;opacity:0;scale:95%}}}.xl\:dropdown-start{--anchor-h:span-right;& :where(.dropdown-content){inset-inline-end:auto}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:var(--spacing-0,0px);bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:var(--spacing-0,0px);bottom:auto}}}.xl\:dropdown-center{--anchor-h:center;& :where(.dropdown-content){inset-inline-end:50%;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{--anchor-h:span-left;& :where(.dropdown-content){inset-inline-end:var(--spacing-0,0px)}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:var(--spacing-0,0px)}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:var(--spacing-0,0px)}}}.xl\:dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{inset-inline-end:100%;top:var(--spacing-0,0px);transform-origin:100%;bottom:auto}}.xl\:dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{inset-inline-start:100%;top:var(--spacing-0,0px);transform-origin:0;bottom:auto}}.xl\:dropdown-bottom{--anchor-v:bottom;& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}.xl\:dropdown-top{--anchor-v:top;& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}@media (width>=1536px){.\32 xl\:dropdown{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative;&>:not(summary):focus{outline-offset:2px;outline:2px solid #0000}& .dropdown-content{transition-property:opacity,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:absolute}&:not(details){& .dropdown-content{visibility:hidden;transform-origin:top;opacity:0;scale:95%}}&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{& .dropdown-content{visibility:visible;opacity:1}}&.dropdown-hover:hover{& .dropdown-content{visibility:visible;opacity:1;scale:100%}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&.dropdown-open,&:focus,&:focus-within{& .dropdown-content{scale:100%}}&[popover]{z-index:1000;color:inherit;transition-property:opacity,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-open{visibility:hidden;transform-origin:top;opacity:0;scale:95%;&:popover-open{visibility:visible;opacity:1;scale:100%}}&::backdrop{background-color:oklab(0% none none/.3)}}&:not(.dropdown-open,:popover-open){visibility:hidden;transform-origin:top;opacity:0;scale:95%}}}.\32 xl\:dropdown-start{--anchor-h:span-right;& :where(.dropdown-content){inset-inline-end:auto}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:var(--spacing-0,0px);bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:var(--spacing-0,0px);bottom:auto}}}.\32 xl\:dropdown-center{--anchor-h:center;& :where(.dropdown-content){inset-inline-end:50%;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{--anchor-h:span-left;& :where(.dropdown-content){inset-inline-end:var(--spacing-0,0px)}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:var(--spacing-0,0px)}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:var(--spacing-0,0px)}}}.\32 xl\:dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{inset-inline-end:100%;top:var(--spacing-0,0px);transform-origin:100%;bottom:auto}}.\32 xl\:dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{inset-inline-start:100%;top:var(--spacing-0,0px);transform-origin:0;bottom:auto}}.\32 xl\:dropdown-bottom{--anchor-v:bottom;& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}.\32 xl\:dropdown-top{--anchor-v:top;& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".footer":{"@apply grid w-full grid-flow-row place-items-start gap-x-4 gap-y-10
|
|
1
|
+
export default {".footer":{"@apply grid w-full grid-flow-row place-items-start gap-x-4 gap-y-10":{},"fontSize":"0.875rem","lineHeight":"1.25rem","&>*":{"@apply grid place-items-start gap-2":{}},"&.footer-center":{"@apply place-items-center text-center grid-flow-col-dense":{},"&>*":{"@apply place-items-center":{}}}},".footer-title":{"@apply mb-2 uppercase opacity-60":{},"fontWeight":700},".footer-horizontal":{"@apply grid-flow-col":{},"&.footer-center":{"@apply grid-flow-row-dense":{}}},".footer-vertical":{"@apply grid-flow-row":{},"&.footer-center":{"@apply grid-flow-col-dense":{}}}};
|
package/components/footer.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.0.0-alpha.
|
|
1
|
+
/*! 🌼 daisyUI 5.0.0-alpha.23 – MIT License */ .footer{place-items:start;column-gap:var(--spacing-4,1rem);row-gap:var(--spacing-10,2.5rem);grid-auto-flow:row;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:var(--spacing-2,.5rem);display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.footer-title{margin-bottom:var(--spacing-2,.5rem);text-transform:uppercase;opacity:.6;font-weight:700}.footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}@media (width>=640px){.sm\:footer{place-items:start;column-gap:var(--spacing-4,1rem);row-gap:var(--spacing-10,2.5rem);grid-auto-flow:row;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:var(--spacing-2,.5rem);display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.sm\:footer-title{margin-bottom:var(--spacing-2,.5rem);text-transform:uppercase;opacity:.6;font-weight:700}.sm\:footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.sm\:footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}@media (width>=768px){.md\:footer{place-items:start;column-gap:var(--spacing-4,1rem);row-gap:var(--spacing-10,2.5rem);grid-auto-flow:row;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:var(--spacing-2,.5rem);display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.md\:footer-title{margin-bottom:var(--spacing-2,.5rem);text-transform:uppercase;opacity:.6;font-weight:700}.md\:footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.md\:footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}@media (width>=1024px){.lg\:footer{place-items:start;column-gap:var(--spacing-4,1rem);row-gap:var(--spacing-10,2.5rem);grid-auto-flow:row;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:var(--spacing-2,.5rem);display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.lg\:footer-title{margin-bottom:var(--spacing-2,.5rem);text-transform:uppercase;opacity:.6;font-weight:700}.lg\:footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.lg\:footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}@media (width>=1280px){.xl\:footer{place-items:start;column-gap:var(--spacing-4,1rem);row-gap:var(--spacing-10,2.5rem);grid-auto-flow:row;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:var(--spacing-2,.5rem);display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.xl\:footer-title{margin-bottom:var(--spacing-2,.5rem);text-transform:uppercase;opacity:.6;font-weight:700}.xl\:footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.xl\:footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}@media (width>=1536px){.\32 xl\:footer{place-items:start;column-gap:var(--spacing-4,1rem);row-gap:var(--spacing-10,2.5rem);grid-auto-flow:row;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:var(--spacing-2,.5rem);display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.\32 xl\:footer-title{margin-bottom:var(--spacing-2,.5rem);text-transform:uppercase;opacity:.6;font-weight:700}.\32 xl\:footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.\32 xl\:footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}
|
package/components/hero.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.0.0-alpha.
|
|
1
|
+
/*! 🌼 daisyUI 5.0.0-alpha.23 – MIT License */ .hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.hero-overlay{background-color:color-mix(in srgb,var(--color-neutral, )50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.hero-content{z-index:0;max-width:var(--width-7xl,80rem);justify-content:center;align-items:center;gap:var(--spacing-4,1rem);padding:var(--spacing-4,1rem);display:flex}@media (width>=640px){.sm\:hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.sm\:hero-overlay{background-color:color-mix(in srgb,var(--color-neutral, )50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.sm\:hero-content{z-index:0;max-width:var(--width-7xl,80rem);justify-content:center;align-items:center;gap:var(--spacing-4,1rem);padding:var(--spacing-4,1rem);display:flex}}@media (width>=768px){.md\:hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.md\:hero-overlay{background-color:color-mix(in srgb,var(--color-neutral, )50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.md\:hero-content{z-index:0;max-width:var(--width-7xl,80rem);justify-content:center;align-items:center;gap:var(--spacing-4,1rem);padding:var(--spacing-4,1rem);display:flex}}@media (width>=1024px){.lg\:hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.lg\:hero-overlay{background-color:color-mix(in srgb,var(--color-neutral, )50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.lg\:hero-content{z-index:0;max-width:var(--width-7xl,80rem);justify-content:center;align-items:center;gap:var(--spacing-4,1rem);padding:var(--spacing-4,1rem);display:flex}}@media (width>=1280px){.xl\:hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.xl\:hero-overlay{background-color:color-mix(in srgb,var(--color-neutral, )50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.xl\:hero-content{z-index:0;max-width:var(--width-7xl,80rem);justify-content:center;align-items:center;gap:var(--spacing-4,1rem);padding:var(--spacing-4,1rem);display:flex}}@media (width>=1536px){.\32 xl\:hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.\32 xl\:hero-overlay{background-color:color-mix(in srgb,var(--color-neutral, )50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.\32 xl\:hero-content{z-index:0;max-width:var(--width-7xl,80rem);justify-content:center;align-items:center;gap:var(--spacing-4,1rem);padding:var(--spacing-4,1rem);display:flex}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".input":{"@apply bg-base-100 h-10 shrink appearance-none
|
|
1
|
+
export default {".input":{"border":"1px solid transparent","@apply bg-base-100 h-10 shrink appearance-none px-4 align-middle":{},"fontSize":"0.875rem","lineHeight":2,"borderStartStartRadius":"var(--radius-join-start-start, var(--radius-btn))","borderStartEndRadius":"var(--radius-join-start-end, var(--radius-btn))","borderEndStartRadius":"var(--radius-join-end-start, var(--radius-btn))","borderEndEndRadius":"var(--radius-join-end-end, var(--radius-btn))","input":{"@apply bg-transparent":{},"border":"none","&:focus":{"@apply outline-none":{}}},"&:focus,\n &:focus-within":{"borderColor":"color-mix(in srgb, var(--color-base-content, ) 20%, transparent)","outline":"2px solid color-mix(in srgb, var(--color-base-content, ) 20%, transparent)","outlineOffset":"2px"},"&:has(> input[disabled]),\n &:is(:disabled, [disabled])":{"@apply border-base-200 bg-base-200 placeholder-base-content text-base-content/40 placeholder-base-content/20 cursor-not-allowed":{},"boxShadow":"none"},"&:has(> input[disabled])>input[disabled]":{"@apply cursor-not-allowed":{}},"&::-webkit-date-and-time-value":{"textAlign":"inherit"},"&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"@apply -my-4 -me-4":{}}},"&[list]":{"&::-webkit-calendar-picker-indicator":{"lineHeight":"1em"}},"&.input-border":{"@apply border-base-content/10":{},"boxShadow":"0 1px oklch(0% 0 0 / 0.1) inset,\n 0 -1px oklch(100% 0 0 / 0.1) inset","&:focus":{"boxShadow":"0 1px oklch(0% 0 0 / 0.1)"}},"&.input-ghost":{"@apply bg-base-100/5":{},"boxShadow":"none","&:focus,\n &:focus-within":{"@apply text-base-content bg-base-100":{},"boxShadow":"none"}},"&.input-primary":{"@apply border-primary":{},"backgroundColor":"color-mix(in oklab, var(--color-primary) 2%, transparent)","&:focus,\n &:focus-within":{"@apply outline-primary border-primary":{}}},"&.input-secondary":{"@apply border-secondary":{},"backgroundColor":"color-mix(in oklab, var(--color-secondary) 2%, transparent)","&:focus,\n &:focus-within":{"@apply outline-secondary border-secondary":{}}},"&.input-accent":{"@apply border-accent":{},"backgroundColor":"color-mix(in oklab, var(--color-accent) 2%, transparent)","&:focus,\n &:focus-within":{"@apply outline-accent border-accent":{}}},"&.input-info":{"@apply border-info":{},"backgroundColor":"color-mix(in oklab, var(--color-info) 2%, transparent)","&:focus,\n &:focus-within":{"@apply outline-info border-info":{}}},"&.input-success":{"@apply border-success":{},"backgroundColor":"color-mix(in oklab, var(--color-success) 2%, transparent)","&:focus,\n &:focus-within":{"@apply outline-success border-success":{}}},"&.input-warning":{"@apply border-warning":{},"backgroundColor":"color-mix(in oklab, var(--color-warning) 2%, transparent)","&:focus,\n &:focus-within":{"@apply outline-warning border-warning":{}}},"&.input-error":{"@apply border-error":{},"backgroundColor":"color-mix(in oklab, var(--color-error) 2%, transparent)","&:focus,\n &:focus-within":{"@apply outline-error border-error":{}}},"&.input-xs":{"@apply h-6 px-2":{},"fontSize":"0.75rem","lineHeight":1.625,"&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"@apply -my-1 -me-0":{}}}},"&.input-sm":{"@apply h-8 px-3":{},"fontSize":"0.875rem","lineHeight":"2rem","&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"@apply my-0 -me-0":{}}}},"&.input-md":{"@apply h-10 px-4":{},"fontSize":"0.875rem","lineHeight":2,"&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"@apply -my-4 -me-4":{}}}},"&.input-lg":{"@apply h-14 px-6":{},"fontSize":"1.125rem","lineHeight":"2rem","&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"@apply -my-6 -me-6":{}}}}}};
|
package/components/input.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .input{height:var(--spacing-10,2.5rem);appearance:none;border-style:var(--tw-border-style);background-color:var(--color-base-100,var(--color-base-100));padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);vertical-align:middle;font-size:var(--font-size-base,1rem);line-height:var(--tw-leading,var(--font-size-base--line-height,1.5rem));font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);border-width:1px;border-color:#0000;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-shrink:1;& input{--tw-border-style:none;background-color:#0000;border-style:none;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))20%,transparent);outline-style:var(--tw-outline-style);outline-width:1px;outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))20%,transparent)}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200,var(--color-base-200));background-color:var(--color-base-200,var(--color-base-200));color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))40%,transparent);&::placeholder{color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-4,1rem)*-1);margin-bottom:calc(var(--spacing-4,1rem)*-1);margin-inline-end:calc(var(--spacing-4,1rem)*-1)}}&[list]{&::-webkit-calendar-picker-indicator{line-height:1em}}&.input-bordered{border-color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))20%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1);&:focus{box-shadow:0 1px oklch(0% 0 0/.1)}}&.input-ghost{background-color:color-mix(in srgb,var(--color-base-100,var(--color-base-100))5%,transparent);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);&:focus,&:focus-within{background-color:var(--color-base-100,var(--color-base-100));color:var(--color-base-content,var(--color-base-content));box-shadow:none}}&.input-primary{border-color:var(--color-primary,var(--color-primary));background-color:color-mix(in oklab,var(--color-primary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-primary,var(--color-primary));outline-color:var(--color-primary,var(--color-primary))}}&.input-secondary{border-color:var(--color-secondary,var(--color-secondary));background-color:color-mix(in oklab,var(--color-secondary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-secondary,var(--color-secondary));outline-color:var(--color-secondary,var(--color-secondary))}}&.input-accent{border-color:var(--color-accent,var(--color-accent));background-color:color-mix(in oklab,var(--color-accent)2%,transparent);&:focus,&:focus-within{border-color:var(--color-accent,var(--color-accent));outline-color:var(--color-accent,var(--color-accent))}}&.input-info{border-color:var(--color-info,var(--color-info));background-color:color-mix(in oklab,var(--color-info)2%,transparent);&:focus,&:focus-within{border-color:var(--color-info,var(--color-info));outline-color:var(--color-info,var(--color-info))}}&.input-success{border-color:var(--color-success,var(--color-success));background-color:color-mix(in oklab,var(--color-success)2%,transparent);&:focus,&:focus-within{border-color:var(--color-success,var(--color-success));outline-color:var(--color-success,var(--color-success))}}&.input-warning{border-color:var(--color-warning,var(--color-warning));background-color:color-mix(in oklab,var(--color-warning)2%,transparent);&:focus,&:focus-within{border-color:var(--color-warning,var(--color-warning));outline-color:var(--color-warning,var(--color-warning))}}&.input-error{border-color:var(--color-error,var(--color-error));background-color:color-mix(in oklab,var(--color-error)2%,transparent);&:focus,&:focus-within{border-color:var(--color-error,var(--color-error));outline-color:var(--color-error,var(--color-error))}}&.input-xs{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));--tw-leading:var(--line-height-relaxed,1.625);line-height:var(--line-height-relaxed,1.625);&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-1,.25rem)*-1);margin-bottom:calc(var(--spacing-1,.25rem)*-1);margin-inline-end:calc(var(--spacing-0,0px)*-1)}}}&.input-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-8,2rem);line-height:var(--line-height-8,2rem);&[type=number]{&::-webkit-inner-spin-button{margin-top:var(--spacing-0,0px);margin-bottom:var(--spacing-0,0px);margin-inline-end:calc(var(--spacing-0,0px)*-1)}}}&.input-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-4,1rem)*-1);margin-bottom:calc(var(--spacing-4,1rem)*-1);margin-inline-end:calc(var(--spacing-4,1rem)*-1)}}}&.input-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:var(--font-size-lg,1.125rem);line-height:var(--tw-leading,var(--font-size-lg--line-height,1.75rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-6,1.5rem)*-1);margin-bottom:calc(var(--spacing-6,1.5rem)*-1);margin-inline-end:calc(var(--spacing-6,1.5rem)*-1)}}}}
|
|
1
|
+
/*! 🌼 daisyUI 5.0.0-alpha.23 – MIT License */ .input{height:var(--spacing-10,2.5rem);appearance:none;background-color:var(--color-base-100, );padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);vertical-align:middle;border:1px solid #0000;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-shrink:1;font-size:.875rem;line-height:2;& input{background-color:#0000;border:none;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);outline:2px solid color-mix(in srgb,var(--color-base-content, )20%,transparent);outline-offset:2px}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200, );background-color:var(--color-base-200, );color:color-mix(in srgb,var(--color-base-content, )40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in srgb,var(--color-base-content, )20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-4,1rem)*-1);margin-bottom:calc(var(--spacing-4,1rem)*-1);margin-inline-end:calc(var(--spacing-4,1rem)*-1)}}&[list]{&::-webkit-calendar-picker-indicator{line-height:1em}}&.input-border{border-color:color-mix(in srgb,var(--color-base-content, )10%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1);&:focus{box-shadow:0 1px oklch(0% 0 0/.1)}}&.input-ghost{background-color:color-mix(in srgb,var(--color-base-100, )5%,transparent);box-shadow:none;&:focus,&:focus-within{background-color:var(--color-base-100, );color:var(--color-base-content, );box-shadow:none}}&.input-primary{border-color:var(--color-primary, );background-color:color-mix(in oklab,var(--color-primary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-primary, );outline-color:var(--color-primary, )}}&.input-secondary{border-color:var(--color-secondary, );background-color:color-mix(in oklab,var(--color-secondary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-secondary, );outline-color:var(--color-secondary, )}}&.input-accent{border-color:var(--color-accent, );background-color:color-mix(in oklab,var(--color-accent)2%,transparent);&:focus,&:focus-within{border-color:var(--color-accent, );outline-color:var(--color-accent, )}}&.input-info{border-color:var(--color-info, );background-color:color-mix(in oklab,var(--color-info)2%,transparent);&:focus,&:focus-within{border-color:var(--color-info, );outline-color:var(--color-info, )}}&.input-success{border-color:var(--color-success, );background-color:color-mix(in oklab,var(--color-success)2%,transparent);&:focus,&:focus-within{border-color:var(--color-success, );outline-color:var(--color-success, )}}&.input-warning{border-color:var(--color-warning, );background-color:color-mix(in oklab,var(--color-warning)2%,transparent);&:focus,&:focus-within{border-color:var(--color-warning, );outline-color:var(--color-warning, )}}&.input-error{border-color:var(--color-error, );background-color:color-mix(in oklab,var(--color-error)2%,transparent);&:focus,&:focus-within{border-color:var(--color-error, );outline-color:var(--color-error, )}}&.input-xs{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:.75rem;line-height:1.625;&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-1,.25rem)*-1);margin-bottom:calc(var(--spacing-1,.25rem)*-1);margin-inline-end:calc(var(--spacing-0,0px)*-1)}}}&.input-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:.875rem;line-height:2rem;&[type=number]{&::-webkit-inner-spin-button{margin-top:var(--spacing-0,0px);margin-bottom:var(--spacing-0,0px);margin-inline-end:calc(var(--spacing-0,0px)*-1)}}}&.input-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:.875rem;line-height:2;&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-4,1rem)*-1);margin-bottom:calc(var(--spacing-4,1rem)*-1);margin-inline-end:calc(var(--spacing-4,1rem)*-1)}}}&.input-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:1.125rem;line-height:2rem;&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-6,1.5rem)*-1);margin-bottom:calc(var(--spacing-6,1.5rem)*-1);margin-inline-end:calc(var(--spacing-6,1.5rem)*-1)}}}}@media (width>=640px){.sm\:input{height:var(--spacing-10,2.5rem);appearance:none;background-color:var(--color-base-100, );padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);vertical-align:middle;border:1px solid #0000;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-shrink:1;font-size:.875rem;line-height:2;& input{background-color:#0000;border:none;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);outline:2px solid color-mix(in srgb,var(--color-base-content, )20%,transparent);outline-offset:2px}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200, );background-color:var(--color-base-200, );color:color-mix(in srgb,var(--color-base-content, )40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in srgb,var(--color-base-content, )20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-4,1rem)*-1);margin-bottom:calc(var(--spacing-4,1rem)*-1);margin-inline-end:calc(var(--spacing-4,1rem)*-1)}}&[list]{&::-webkit-calendar-picker-indicator{line-height:1em}}&.input-border{border-color:color-mix(in srgb,var(--color-base-content, )10%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1);&:focus{box-shadow:0 1px oklch(0% 0 0/.1)}}&.input-ghost{background-color:color-mix(in srgb,var(--color-base-100, )5%,transparent);box-shadow:none;&:focus,&:focus-within{background-color:var(--color-base-100, );color:var(--color-base-content, );box-shadow:none}}&.input-primary{border-color:var(--color-primary, );background-color:color-mix(in oklab,var(--color-primary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-primary, );outline-color:var(--color-primary, )}}&.input-secondary{border-color:var(--color-secondary, );background-color:color-mix(in oklab,var(--color-secondary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-secondary, );outline-color:var(--color-secondary, )}}&.input-accent{border-color:var(--color-accent, );background-color:color-mix(in oklab,var(--color-accent)2%,transparent);&:focus,&:focus-within{border-color:var(--color-accent, );outline-color:var(--color-accent, )}}&.input-info{border-color:var(--color-info, );background-color:color-mix(in oklab,var(--color-info)2%,transparent);&:focus,&:focus-within{border-color:var(--color-info, );outline-color:var(--color-info, )}}&.input-success{border-color:var(--color-success, );background-color:color-mix(in oklab,var(--color-success)2%,transparent);&:focus,&:focus-within{border-color:var(--color-success, );outline-color:var(--color-success, )}}&.input-warning{border-color:var(--color-warning, );background-color:color-mix(in oklab,var(--color-warning)2%,transparent);&:focus,&:focus-within{border-color:var(--color-warning, );outline-color:var(--color-warning, )}}&.input-error{border-color:var(--color-error, );background-color:color-mix(in oklab,var(--color-error)2%,transparent);&:focus,&:focus-within{border-color:var(--color-error, );outline-color:var(--color-error, )}}&.input-xs{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:.75rem;line-height:1.625;&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-1,.25rem)*-1);margin-bottom:calc(var(--spacing-1,.25rem)*-1);margin-inline-end:calc(var(--spacing-0,0px)*-1)}}}&.input-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:.875rem;line-height:2rem;&[type=number]{&::-webkit-inner-spin-button{margin-top:var(--spacing-0,0px);margin-bottom:var(--spacing-0,0px);margin-inline-end:calc(var(--spacing-0,0px)*-1)}}}&.input-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:.875rem;line-height:2;&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-4,1rem)*-1);margin-bottom:calc(var(--spacing-4,1rem)*-1);margin-inline-end:calc(var(--spacing-4,1rem)*-1)}}}&.input-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:1.125rem;line-height:2rem;&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-6,1.5rem)*-1);margin-bottom:calc(var(--spacing-6,1.5rem)*-1);margin-inline-end:calc(var(--spacing-6,1.5rem)*-1)}}}}}@media (width>=768px){.md\:input{height:var(--spacing-10,2.5rem);appearance:none;background-color:var(--color-base-100, );padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);vertical-align:middle;border:1px solid #0000;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-shrink:1;font-size:.875rem;line-height:2;& input{background-color:#0000;border:none;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);outline:2px solid color-mix(in srgb,var(--color-base-content, )20%,transparent);outline-offset:2px}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200, );background-color:var(--color-base-200, );color:color-mix(in srgb,var(--color-base-content, )40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in srgb,var(--color-base-content, )20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-4,1rem)*-1);margin-bottom:calc(var(--spacing-4,1rem)*-1);margin-inline-end:calc(var(--spacing-4,1rem)*-1)}}&[list]{&::-webkit-calendar-picker-indicator{line-height:1em}}&.input-border{border-color:color-mix(in srgb,var(--color-base-content, )10%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1);&:focus{box-shadow:0 1px oklch(0% 0 0/.1)}}&.input-ghost{background-color:color-mix(in srgb,var(--color-base-100, )5%,transparent);box-shadow:none;&:focus,&:focus-within{background-color:var(--color-base-100, );color:var(--color-base-content, );box-shadow:none}}&.input-primary{border-color:var(--color-primary, );background-color:color-mix(in oklab,var(--color-primary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-primary, );outline-color:var(--color-primary, )}}&.input-secondary{border-color:var(--color-secondary, );background-color:color-mix(in oklab,var(--color-secondary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-secondary, );outline-color:var(--color-secondary, )}}&.input-accent{border-color:var(--color-accent, );background-color:color-mix(in oklab,var(--color-accent)2%,transparent);&:focus,&:focus-within{border-color:var(--color-accent, );outline-color:var(--color-accent, )}}&.input-info{border-color:var(--color-info, );background-color:color-mix(in oklab,var(--color-info)2%,transparent);&:focus,&:focus-within{border-color:var(--color-info, );outline-color:var(--color-info, )}}&.input-success{border-color:var(--color-success, );background-color:color-mix(in oklab,var(--color-success)2%,transparent);&:focus,&:focus-within{border-color:var(--color-success, );outline-color:var(--color-success, )}}&.input-warning{border-color:var(--color-warning, );background-color:color-mix(in oklab,var(--color-warning)2%,transparent);&:focus,&:focus-within{border-color:var(--color-warning, );outline-color:var(--color-warning, )}}&.input-error{border-color:var(--color-error, );background-color:color-mix(in oklab,var(--color-error)2%,transparent);&:focus,&:focus-within{border-color:var(--color-error, );outline-color:var(--color-error, )}}&.input-xs{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:.75rem;line-height:1.625;&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-1,.25rem)*-1);margin-bottom:calc(var(--spacing-1,.25rem)*-1);margin-inline-end:calc(var(--spacing-0,0px)*-1)}}}&.input-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:.875rem;line-height:2rem;&[type=number]{&::-webkit-inner-spin-button{margin-top:var(--spacing-0,0px);margin-bottom:var(--spacing-0,0px);margin-inline-end:calc(var(--spacing-0,0px)*-1)}}}&.input-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:.875rem;line-height:2;&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-4,1rem)*-1);margin-bottom:calc(var(--spacing-4,1rem)*-1);margin-inline-end:calc(var(--spacing-4,1rem)*-1)}}}&.input-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:1.125rem;line-height:2rem;&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-6,1.5rem)*-1);margin-bottom:calc(var(--spacing-6,1.5rem)*-1);margin-inline-end:calc(var(--spacing-6,1.5rem)*-1)}}}}}@media (width>=1024px){.lg\:input{height:var(--spacing-10,2.5rem);appearance:none;background-color:var(--color-base-100, );padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);vertical-align:middle;border:1px solid #0000;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-shrink:1;font-size:.875rem;line-height:2;& input{background-color:#0000;border:none;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);outline:2px solid color-mix(in srgb,var(--color-base-content, )20%,transparent);outline-offset:2px}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200, );background-color:var(--color-base-200, );color:color-mix(in srgb,var(--color-base-content, )40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in srgb,var(--color-base-content, )20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-4,1rem)*-1);margin-bottom:calc(var(--spacing-4,1rem)*-1);margin-inline-end:calc(var(--spacing-4,1rem)*-1)}}&[list]{&::-webkit-calendar-picker-indicator{line-height:1em}}&.input-border{border-color:color-mix(in srgb,var(--color-base-content, )10%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1);&:focus{box-shadow:0 1px oklch(0% 0 0/.1)}}&.input-ghost{background-color:color-mix(in srgb,var(--color-base-100, )5%,transparent);box-shadow:none;&:focus,&:focus-within{background-color:var(--color-base-100, );color:var(--color-base-content, );box-shadow:none}}&.input-primary{border-color:var(--color-primary, );background-color:color-mix(in oklab,var(--color-primary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-primary, );outline-color:var(--color-primary, )}}&.input-secondary{border-color:var(--color-secondary, );background-color:color-mix(in oklab,var(--color-secondary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-secondary, );outline-color:var(--color-secondary, )}}&.input-accent{border-color:var(--color-accent, );background-color:color-mix(in oklab,var(--color-accent)2%,transparent);&:focus,&:focus-within{border-color:var(--color-accent, );outline-color:var(--color-accent, )}}&.input-info{border-color:var(--color-info, );background-color:color-mix(in oklab,var(--color-info)2%,transparent);&:focus,&:focus-within{border-color:var(--color-info, );outline-color:var(--color-info, )}}&.input-success{border-color:var(--color-success, );background-color:color-mix(in oklab,var(--color-success)2%,transparent);&:focus,&:focus-within{border-color:var(--color-success, );outline-color:var(--color-success, )}}&.input-warning{border-color:var(--color-warning, );background-color:color-mix(in oklab,var(--color-warning)2%,transparent);&:focus,&:focus-within{border-color:var(--color-warning, );outline-color:var(--color-warning, )}}&.input-error{border-color:var(--color-error, );background-color:color-mix(in oklab,var(--color-error)2%,transparent);&:focus,&:focus-within{border-color:var(--color-error, );outline-color:var(--color-error, )}}&.input-xs{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:.75rem;line-height:1.625;&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-1,.25rem)*-1);margin-bottom:calc(var(--spacing-1,.25rem)*-1);margin-inline-end:calc(var(--spacing-0,0px)*-1)}}}&.input-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:.875rem;line-height:2rem;&[type=number]{&::-webkit-inner-spin-button{margin-top:var(--spacing-0,0px);margin-bottom:var(--spacing-0,0px);margin-inline-end:calc(var(--spacing-0,0px)*-1)}}}&.input-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:.875rem;line-height:2;&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-4,1rem)*-1);margin-bottom:calc(var(--spacing-4,1rem)*-1);margin-inline-end:calc(var(--spacing-4,1rem)*-1)}}}&.input-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:1.125rem;line-height:2rem;&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-6,1.5rem)*-1);margin-bottom:calc(var(--spacing-6,1.5rem)*-1);margin-inline-end:calc(var(--spacing-6,1.5rem)*-1)}}}}}@media (width>=1280px){.xl\:input{height:var(--spacing-10,2.5rem);appearance:none;background-color:var(--color-base-100, );padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);vertical-align:middle;border:1px solid #0000;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-shrink:1;font-size:.875rem;line-height:2;& input{background-color:#0000;border:none;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);outline:2px solid color-mix(in srgb,var(--color-base-content, )20%,transparent);outline-offset:2px}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200, );background-color:var(--color-base-200, );color:color-mix(in srgb,var(--color-base-content, )40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in srgb,var(--color-base-content, )20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-4,1rem)*-1);margin-bottom:calc(var(--spacing-4,1rem)*-1);margin-inline-end:calc(var(--spacing-4,1rem)*-1)}}&[list]{&::-webkit-calendar-picker-indicator{line-height:1em}}&.input-border{border-color:color-mix(in srgb,var(--color-base-content, )10%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1);&:focus{box-shadow:0 1px oklch(0% 0 0/.1)}}&.input-ghost{background-color:color-mix(in srgb,var(--color-base-100, )5%,transparent);box-shadow:none;&:focus,&:focus-within{background-color:var(--color-base-100, );color:var(--color-base-content, );box-shadow:none}}&.input-primary{border-color:var(--color-primary, );background-color:color-mix(in oklab,var(--color-primary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-primary, );outline-color:var(--color-primary, )}}&.input-secondary{border-color:var(--color-secondary, );background-color:color-mix(in oklab,var(--color-secondary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-secondary, );outline-color:var(--color-secondary, )}}&.input-accent{border-color:var(--color-accent, );background-color:color-mix(in oklab,var(--color-accent)2%,transparent);&:focus,&:focus-within{border-color:var(--color-accent, );outline-color:var(--color-accent, )}}&.input-info{border-color:var(--color-info, );background-color:color-mix(in oklab,var(--color-info)2%,transparent);&:focus,&:focus-within{border-color:var(--color-info, );outline-color:var(--color-info, )}}&.input-success{border-color:var(--color-success, );background-color:color-mix(in oklab,var(--color-success)2%,transparent);&:focus,&:focus-within{border-color:var(--color-success, );outline-color:var(--color-success, )}}&.input-warning{border-color:var(--color-warning, );background-color:color-mix(in oklab,var(--color-warning)2%,transparent);&:focus,&:focus-within{border-color:var(--color-warning, );outline-color:var(--color-warning, )}}&.input-error{border-color:var(--color-error, );background-color:color-mix(in oklab,var(--color-error)2%,transparent);&:focus,&:focus-within{border-color:var(--color-error, );outline-color:var(--color-error, )}}&.input-xs{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:.75rem;line-height:1.625;&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-1,.25rem)*-1);margin-bottom:calc(var(--spacing-1,.25rem)*-1);margin-inline-end:calc(var(--spacing-0,0px)*-1)}}}&.input-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:.875rem;line-height:2rem;&[type=number]{&::-webkit-inner-spin-button{margin-top:var(--spacing-0,0px);margin-bottom:var(--spacing-0,0px);margin-inline-end:calc(var(--spacing-0,0px)*-1)}}}&.input-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:.875rem;line-height:2;&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-4,1rem)*-1);margin-bottom:calc(var(--spacing-4,1rem)*-1);margin-inline-end:calc(var(--spacing-4,1rem)*-1)}}}&.input-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:1.125rem;line-height:2rem;&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-6,1.5rem)*-1);margin-bottom:calc(var(--spacing-6,1.5rem)*-1);margin-inline-end:calc(var(--spacing-6,1.5rem)*-1)}}}}}@media (width>=1536px){.\32 xl\:input{height:var(--spacing-10,2.5rem);appearance:none;background-color:var(--color-base-100, );padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);vertical-align:middle;border:1px solid #0000;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-shrink:1;font-size:.875rem;line-height:2;& input{background-color:#0000;border:none;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);outline:2px solid color-mix(in srgb,var(--color-base-content, )20%,transparent);outline-offset:2px}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200, );background-color:var(--color-base-200, );color:color-mix(in srgb,var(--color-base-content, )40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in srgb,var(--color-base-content, )20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-4,1rem)*-1);margin-bottom:calc(var(--spacing-4,1rem)*-1);margin-inline-end:calc(var(--spacing-4,1rem)*-1)}}&[list]{&::-webkit-calendar-picker-indicator{line-height:1em}}&.input-border{border-color:color-mix(in srgb,var(--color-base-content, )10%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1);&:focus{box-shadow:0 1px oklch(0% 0 0/.1)}}&.input-ghost{background-color:color-mix(in srgb,var(--color-base-100, )5%,transparent);box-shadow:none;&:focus,&:focus-within{background-color:var(--color-base-100, );color:var(--color-base-content, );box-shadow:none}}&.input-primary{border-color:var(--color-primary, );background-color:color-mix(in oklab,var(--color-primary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-primary, );outline-color:var(--color-primary, )}}&.input-secondary{border-color:var(--color-secondary, );background-color:color-mix(in oklab,var(--color-secondary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-secondary, );outline-color:var(--color-secondary, )}}&.input-accent{border-color:var(--color-accent, );background-color:color-mix(in oklab,var(--color-accent)2%,transparent);&:focus,&:focus-within{border-color:var(--color-accent, );outline-color:var(--color-accent, )}}&.input-info{border-color:var(--color-info, );background-color:color-mix(in oklab,var(--color-info)2%,transparent);&:focus,&:focus-within{border-color:var(--color-info, );outline-color:var(--color-info, )}}&.input-success{border-color:var(--color-success, );background-color:color-mix(in oklab,var(--color-success)2%,transparent);&:focus,&:focus-within{border-color:var(--color-success, );outline-color:var(--color-success, )}}&.input-warning{border-color:var(--color-warning, );background-color:color-mix(in oklab,var(--color-warning)2%,transparent);&:focus,&:focus-within{border-color:var(--color-warning, );outline-color:var(--color-warning, )}}&.input-error{border-color:var(--color-error, );background-color:color-mix(in oklab,var(--color-error)2%,transparent);&:focus,&:focus-within{border-color:var(--color-error, );outline-color:var(--color-error, )}}&.input-xs{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:.75rem;line-height:1.625;&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-1,.25rem)*-1);margin-bottom:calc(var(--spacing-1,.25rem)*-1);margin-inline-end:calc(var(--spacing-0,0px)*-1)}}}&.input-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:.875rem;line-height:2rem;&[type=number]{&::-webkit-inner-spin-button{margin-top:var(--spacing-0,0px);margin-bottom:var(--spacing-0,0px);margin-inline-end:calc(var(--spacing-0,0px)*-1)}}}&.input-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:.875rem;line-height:2;&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-4,1rem)*-1);margin-bottom:calc(var(--spacing-4,1rem)*-1);margin-inline-end:calc(var(--spacing-4,1rem)*-1)}}}&.input-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:1.125rem;line-height:2rem;&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-6,1.5rem)*-1);margin-bottom:calc(var(--spacing-6,1.5rem)*-1);margin-inline-end:calc(var(--spacing-6,1.5rem)*-1)}}}}}
|
package/components/kbd/object.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".kbd":{"@apply inline-flex items-center justify-center
|
|
1
|
+
export default {".kbd":{"@apply inline-flex items-center justify-center bg-base-200 rounded-btn px-2 align-middle":{},"border":"1px solid color-mix(in srgb, var(--color-base-content) 20%, transparent)","borderBottom":"2px solid color-mix(in srgb, var(--color-base-content) 20%, transparent)","minHeight":"2.2em","minWidth":"2.2em"},".kbd-xs":{"@apply px-1":{},"fontSize":"0.75rem","lineHeight":"1rem","minHeight":"1.2em","minWidth":"1.2em"},".kbd-sm":{"@apply px-1":{},"fontSize":"0.875rem","lineHeight":"1.25rem","minHeight":"1.6em","minWidth":"1.6em"},".kbd-md":{"@apply px-2":{},"fontSize":"1rem","lineHeight":"1.5rem","minHeight":"2.2em","minWidth":"2.2em"},".kbd-lg":{"@apply px-4":{},"fontSize":"1.125rem","lineHeight":"1.75rem","minHeight":"2.5em","minWidth":"2.5em"}};
|