daisyui/components/button/object.js

daisyUI 5 - The Tailwind CSS Component Library

export default {"@layer daisyui.l1.l2.l3":[{":where(.btn)":{"width":"unset"}},{".btn":{"--size":"calc(var(--size-field, 0.25rem) * 10)","--btn-p":"1rem","--btn-fg":"var(--color-base-content)","display":"inline-flex","flex-shrink":0,"cursor":"pointer","flex-wrap":"nowrap","align-items":"center","justify-content":"center","gap":"calc(0.25rem * 1.5)","text-align":"center","vertical-align":"middle","outline-offset":"2px","webkit-user-select":"none","user-select":"none","font-weight":600,"border-start-start-radius":"var(--join-ss, var(--radius-field))","border-start-end-radius":"var(--join-se, var(--radius-field))","border-end-start-radius":"var(--join-es, var(--radius-field))","border-end-end-radius":"var(--join-ee, var(--radius-field))","border-width":"var(--border)","touch-action":"manipulation","transition-property":"color, background-color, border-color, box-shadow, transform","transition-timing-function":"cubic-bezier(0, 0, 0.2, 1)","transition-duration":"0.2s","--btn-bg":"var(--btn-color, var(--color-base-200))","--btn-border":"color-mix(\n      in oklab,\n      var(--btn-color, var(--color-base-200)),\n      #000 calc(var(--depth) * 5%)\n    )","--btn-soft-bg":"initial","--btn-shadow":"0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000),\n      0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000)","--btn-inset":"0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%))","height":"var(--size)","padding-inline":"var(--btn-p)","font-size":"var(--fontsize, 0.875rem)","background-color":"var(--btn-bg)","color":"var(--btn-fg)","border-color":"var(--btn-border)","border-style":"var(--btn-border-style, solid)","outline-color":"var(--btn-color, var(--color-base-content))","--tw-prose-links":"var(--btn-fg)","background-image":"none, var(--fx-noise)","background-size":"auto, calc(var(--noise, 0) * 100%)","text-shadow":"0 0.5px oklch(100% 0 0 / calc(var(--depth) * 0.15))","box-shadow":"var(--btn-inset) inset, var(--btn-shadow)"},".btn:is([type=\"checkbox\"], [type=\"radio\"])":{"appearance":"none","&[aria-label]::after":{"--tw-content":"attr(aria-label)","content":"var(--tw-content)"}},".btn:where(:checked:not(.filter [type=\"radio\"].btn))":{"--btn-color":"var(--color-primary)","--btn-fg":"var(--color-primary-content)"}},{".btn-outline, .btn-dash":{"--btn-bg":"#0000","color":"var(--btn-rest-fg, var(--btn-color, var(--color-base-content)))","--btn-border":"var(--btn-color, var(--color-base-content))","--btn-border-style":"solid","background-image":"none","--btn-inset":"0 0 0 0 oklch(0% 0 0/0)","--btn-shadow":"0 0 0 0 oklch(0% 0 0/0)"},".btn-dash":{"--btn-border-style":"dashed"},".btn-ghost":{"--btn-bg":"#0000","color":"var(--btn-rest-fg, var(--btn-color, var(--color-base-content, currentColor)))","--btn-border":"#0000","background-image":"none","--btn-inset":"0 0 0 0 oklch(0% 0 0/0)","--btn-shadow":"0 0 0 0 oklch(0% 0 0/0)"},".btn-soft":{"--btn-bg":"color-mix(\n      in oklab,\n      var(--btn-color, var(--color-base-content)) 8%,\n      var(--btn-soft-bg, var(--color-base-100))\n    )","color":"var(--btn-rest-fg, var(--btn-color, var(--color-base-content)))","--btn-border":"color-mix(\n      in oklab,\n      var(--btn-color, var(--color-base-content)) 10%,\n      var(--btn-soft-bg, var(--color-base-100))\n    )","--btn-border-style":"solid","background-image":"none","--btn-inset":"0 0 0 0 oklch(0% 0 0/0)","--btn-shadow":"0 0 0 0 oklch(0% 0 0/0)"}}],".prose :where(a.btn:not(.btn-link)):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *))":{"text-decoration-line":"none"},"@layer daisyui.l1":{"@media (hover: hover)":{".btn:hover":{"--btn-bg":"color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%)","color":"var(--btn-fg)","--btn-border":"color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%))","--btn-border-style":"solid","--btn-inset":"0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%))","--btn-shadow":"0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000),\n          0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000)"}},".btn:active:not(.btn-active)":{"translate":"0 0.5px","--btn-bg":"color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 5%)","color":"var(--btn-fg, var(--color-base-content))","--btn-border":"color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%)","--btn-border-style":"solid","--btn-inset":"0 0 0 0 oklch(0% 0 0/0)","--btn-shadow":"0 0 0 0 oklch(0% 0 0/0)"},".btn:where(:checked:not(.filter [type=\"radio\"].btn), :not([type=\"radio\"], [type=\"checkbox\"]):focus-visible )":{"--btn-bg":"var(--btn-color, var(--color-base-200))","color":"var(--btn-fg, var(--color-base-content))","--btn-border":"color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%))","--btn-border-style":"solid","--btn-inset":"0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%))","--btn-shadow":"0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000),\n        0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000)","isolation":"isolate"},".btn:focus-visible, .btn:has(:focus-visible)":{"outline-width":"2px","outline-style":"solid","isolation":"isolate"}},"@layer daisyui.l1.l2":[{".btn-active":{"--btn-bg":"color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 5%)","color":"var(--btn-fg, var(--color-base-content))","--btn-border":"color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%)","--btn-border-style":"solid","--btn-inset":"0 0 0 0 oklch(0% 0 0/0)","--btn-shadow":"0 0 0 0 oklch(0% 0 0/0)","isolation":"isolate"}},{".btn-primary":{"--btn-color":"var(--color-primary)","--btn-fg":"var(--color-primary-content)","--btn-soft-bg":"initial"},".btn-secondary":{"--btn-color":"var(--color-secondary)","--btn-fg":"var(--color-secondary-content)","--btn-soft-bg":"initial"},".btn-accent":{"--btn-color":"var(--color-accent)","--btn-fg":"var(--color-accent-content)","--btn-soft-bg":"initial"},".btn-neutral":{"--btn-color":"var(--color-neutral)","--btn-fg":"var(--color-neutral-content)","--btn-soft-bg":"var(--color-neutral-content) 80%","--btn-rest-fg":"initial"},".btn-info":{"--btn-color":"var(--color-info)","--btn-fg":"var(--color-info-content)","--btn-soft-bg":"initial"},".btn-success":{"--btn-color":"var(--color-success)","--btn-fg":"var(--color-success-content)","--btn-soft-bg":"initial"},".btn-warning":{"--btn-color":"var(--color-warning)","--btn-fg":"var(--color-warning-content)","--btn-soft-bg":"initial"},".btn-error":{"--btn-color":"var(--color-error)","--btn-fg":"var(--color-error-content)","--btn-soft-bg":"initial"},".btn-xs":{"--fontsize":"0.6875rem","--btn-p":"0.5rem","--size":"calc(var(--size-field, 0.25rem) * 6)"},".btn-sm":{"--fontsize":"0.75rem","--btn-p":"0.75rem","--size":"calc(var(--size-field, 0.25rem) * 8)"},".btn-md":{"--fontsize":"0.875rem","--btn-p":"1rem","--size":"calc(var(--size-field, 0.25rem) * 10)"},".btn-lg":{"--fontsize":"1.125rem","--btn-p":"1.25rem","--size":"calc(var(--size-field, 0.25rem) * 12)"},".btn-xl":{"--fontsize":"1.375rem","--btn-p":"1.5rem","--size":"calc(var(--size-field, 0.25rem) * 14)"},".btn-wide":{"width":"100%","max-width":"calc(0.25rem * 64)"},".btn-block":{"width":"100%"},".btn-square":{"padding-inline":"0px","width":"var(--size)","height":"var(--size)"},".btn-circle":{"border-radius":"calc(infinity * 1px)","padding-inline":"0px","width":"var(--size)","height":"var(--size)"}}],"@layer daisyui":[{".btn-link":{"text-decoration-line":"underline","--btn-bg":"#0000","color":"var(--btn-color, var(--color-primary))","--btn-border":"#0000","background-image":"none","--btn-inset":"0 0 0 0 oklch(0% 0 0/0)","--btn-shadow":"0 0 0 0 oklch(0% 0 0/0)"}},{".btn-disabled, .btn:is(:disabled, [disabled], [aria-disabled=\"true\"])":{"pointer-events":"none","color":"color-mix(in oklch, var(--color-base-content) 20%, #0000)","--btn-bg":"#0000","--btn-border":"#0000","background-image":"none","--btn-inset":"0 0 0 0 oklch(0% 0 0/0)","--btn-shadow":"0 0 0 0 oklch(0% 0 0/0)"},":is(.btn-disabled, .btn:is(:disabled, [disabled], [aria-disabled=\"true\"])):not(.btn-link, .btn-ghost)":{"background-color":"color-mix(in oklab, var(--color-base-content) 10%, transparent)"}}]};