daisyui/components/button/object.js

daisyUI 5 - The Tailwind CSS Component Library

export default {":where(.btn)":{"@layer daisyui.l1.l2.l3":{"width":"unset"}},".prose :where(a.btn:not(.btn-link)):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *))":{"text-decoration-line":"none"},".btn":{"@layer daisyui.l1.l2.l3":{"--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)","&:is([type=\"checkbox\"], [type=\"radio\"])":{"appearance":"none","&[aria-label]::after":{"--tw-content":"attr(aria-label)","content":"var(--tw-content)"}}},"@layer daisyui.l1.l2":{"&:where(:checked:not(.filter [type=\"radio\"].btn))":{"--btn-color":"var(--color-primary)","--btn-fg":"var(--color-primary-content)","isolation":"isolate"},"@media (hover: hover)":{"&:hover":{"--btn-bg":"var(\n          --btn-hover-bg,\n          color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%)\n        )","color":"var(--btn-fg)","--btn-border":"var(\n          --btn-hover-border,\n          color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%))\n        )","--btn-border-style":"solid","--btn-inset":"var(\n          --btn-hover-inset,\n          0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%))\n        )","--btn-shadow":"var(\n          --btn-hover-shadow,\n          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)\n        )"}},"&:active:not(.btn-active)":{"translate":"0 var(--btn-active-translate, 0.5px)","--btn-bg":"var(\n        --btn-active-bg,\n        color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 5%)\n      )","color":"var(--btn-fg, var(--color-base-content))","--btn-border":"var(\n        --btn-active-border,\n        color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%)\n      )","--btn-border-style":"solid","--btn-inset":"var(--btn-active-inset, 0 0 0 0 oklch(0% 0 0/0))","--btn-shadow":"var(--btn-active-shadow, 0 0 0 0 oklch(0% 0 0/0))"},"&: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"},"&:focus-visible, &:has(:focus-visible)":{"outline-width":"2px","outline-style":"solid","isolation":"isolate"}}},".btn-active":{"@layer daisyui.l1.l2":{"--btn-bg":"color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%)","--btn-shadow":"0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0)","--btn-hover-bg":"color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%)","--btn-hover-border":"color-mix(\n      in oklab,\n      var(--btn-color, var(--color-base-200)),\n      #000 calc(var(--depth) * 5%)\n    )","--btn-hover-inset":"0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%))","--btn-hover-shadow":"0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0)","--btn-active-translate":"0","--btn-active-bg":"color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%)","--btn-active-border":"color-mix(\n      in oklab,\n      var(--btn-color, var(--color-base-200)),\n      #000 calc(var(--depth) * 5%)\n    )","--btn-active-inset":"0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%))","--btn-active-shadow":"0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0)","isolation":"isolate"}},".btn-outline, .btn-dash":{"@layer daisyui.l1.l2.l3":{"--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":{"@layer daisyui.l1.l2.l3":{"--btn-border-style":"dashed"}},".btn-ghost":{"@layer daisyui.l1.l2.l3":{"--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":{"@layer daisyui.l1.l2.l3":{"--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)"}},".btn-link":{"@layer daisyui.l1":{"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-primary":{"@layer daisyui.l1.l2":{"--btn-color":"var(--color-primary)","--btn-fg":"var(--color-primary-content)","--btn-soft-bg":"initial"}},".btn-secondary":{"@layer daisyui.l1.l2":{"--btn-color":"var(--color-secondary)","--btn-fg":"var(--color-secondary-content)","--btn-soft-bg":"initial"}},".btn-accent":{"@layer daisyui.l1.l2":{"--btn-color":"var(--color-accent)","--btn-fg":"var(--color-accent-content)","--btn-soft-bg":"initial"}},".btn-neutral":{"@layer daisyui.l1.l2":{"--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":{"@layer daisyui.l1.l2":{"--btn-color":"var(--color-info)","--btn-fg":"var(--color-info-content)","--btn-soft-bg":"initial"}},".btn-success":{"@layer daisyui.l1.l2":{"--btn-color":"var(--color-success)","--btn-fg":"var(--color-success-content)","--btn-soft-bg":"initial"}},".btn-warning":{"@layer daisyui.l1.l2":{"--btn-color":"var(--color-warning)","--btn-fg":"var(--color-warning-content)","--btn-soft-bg":"initial"}},".btn-error":{"@layer daisyui.l1.l2":{"--btn-color":"var(--color-error)","--btn-fg":"var(--color-error-content)","--btn-soft-bg":"initial"}},".btn-xs":{"@layer daisyui.l1.l2":{"--fontsize":"0.6875rem","--btn-p":"0.5rem","--size":"calc(var(--size-field, 0.25rem) * 6)"}},".btn-sm":{"@layer daisyui.l1.l2":{"--fontsize":"0.75rem","--btn-p":"0.75rem","--size":"calc(var(--size-field, 0.25rem) * 8)"}},".btn-md":{"@layer daisyui.l1.l2":{"--fontsize":"0.875rem","--btn-p":"1rem","--size":"calc(var(--size-field, 0.25rem) * 10)"}},".btn-lg":{"@layer daisyui.l1.l2":{"--fontsize":"1.125rem","--btn-p":"1.25rem","--size":"calc(var(--size-field, 0.25rem) * 12)"}},".btn-xl":{"@layer daisyui.l1.l2":{"--fontsize":"1.375rem","--btn-p":"1.5rem","--size":"calc(var(--size-field, 0.25rem) * 14)"}},".btn-wide":{"@layer daisyui.l1.l2":{"width":"100%","max-width":"calc(0.25rem * 64)"}},".btn-block":{"@layer daisyui.l1.l2":{"width":"100%"}},".btn-square":{"@layer daisyui.l1.l2":{"padding-inline":"0","width":"var(--size)","height":"var(--size)"}},".btn-circle":{"@layer daisyui.l1.l2":{"border-radius":"calc(infinity * 1px)","padding-inline":"0","width":"var(--size)","height":"var(--size)"}},".btn-disabled, .btn:is(:disabled, [disabled], [aria-disabled=\"true\"])":{"@layer daisyui":{"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)","&:not(.btn-link, .btn-ghost)":{"background-color":"color-mix(in oklab, var(--color-base-content) 10%, transparent)"}}}};