daisyui/components/status.css

daisyUI 5 - The Tailwind CSS Component Library

/*! 🌼 daisyUI 5.6.3 - MIT License */ @layer utilities{.status{@layer daisyui.l1.l2.l3{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab, var(--color-base-content) 20%, transparent);vertical-align:middle;width:.5rem;height:.5rem;color:color-mix(in oklab, var(--color-black) 30%, transparent);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%, oklch(1 0 0 / calc(var(--depth) * .5)), #0000);box-shadow:0 2px 3px -1px color-mix(in oklab, currentColor calc(var(--depth) * 100%), #0000);display:inline-block}}.status-primary{@layer daisyui.l1.l2{background-color:var(--color-primary);color:var(--color-primary)}}.status-secondary{@layer daisyui.l1.l2{background-color:var(--color-secondary);color:var(--color-secondary)}}.status-accent{@layer daisyui.l1.l2{background-color:var(--color-accent);color:var(--color-accent)}}.status-neutral{@layer daisyui.l1.l2{background-color:var(--color-neutral);color:var(--color-neutral)}}.status-info{@layer daisyui.l1.l2{background-color:var(--color-info);color:var(--color-info)}}.status-success{@layer daisyui.l1.l2{background-color:var(--color-success);color:var(--color-success)}}.status-warning{@layer daisyui.l1.l2{background-color:var(--color-warning);color:var(--color-warning)}}.status-error{@layer daisyui.l1.l2{background-color:var(--color-error);color:var(--color-error)}}.status-xs{@layer daisyui.l1.l2{width:.125rem;height:.125rem}}.status-sm{@layer daisyui.l1.l2{width:.25rem;height:.25rem}}.status-md{@layer daisyui.l1.l2{width:.5rem;height:.5rem}}.status-lg{@layer daisyui.l1.l2{width:.75rem;height:.75rem}}.status-xl{@layer daisyui.l1.l2{width:1rem;height:1rem}}@media (width>=640px){.sm\:status{@layer daisyui.l1.l2.l3{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab, var(--color-base-content) 20%, transparent);vertical-align:middle;width:.5rem;height:.5rem;color:color-mix(in oklab, var(--color-black) 30%, transparent);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%, oklch(1 0 0 / calc(var(--depth) * .5)), #0000);box-shadow:0 2px 3px -1px color-mix(in oklab, currentColor calc(var(--depth) * 100%), #0000);display:inline-block}}.sm\:status-primary{@layer daisyui.l1.l2{background-color:var(--color-primary);color:var(--color-primary)}}.sm\:status-secondary{@layer daisyui.l1.l2{background-color:var(--color-secondary);color:var(--color-secondary)}}.sm\:status-accent{@layer daisyui.l1.l2{background-color:var(--color-accent);color:var(--color-accent)}}.sm\:status-neutral{@layer daisyui.l1.l2{background-color:var(--color-neutral);color:var(--color-neutral)}}.sm\:status-info{@layer daisyui.l1.l2{background-color:var(--color-info);color:var(--color-info)}}.sm\:status-success{@layer daisyui.l1.l2{background-color:var(--color-success);color:var(--color-success)}}.sm\:status-warning{@layer daisyui.l1.l2{background-color:var(--color-warning);color:var(--color-warning)}}.sm\:status-error{@layer daisyui.l1.l2{background-color:var(--color-error);color:var(--color-error)}}.sm\:status-xs{@layer daisyui.l1.l2{width:.125rem;height:.125rem}}.sm\:status-sm{@layer daisyui.l1.l2{width:.25rem;height:.25rem}}.sm\:status-md{@layer daisyui.l1.l2{width:.5rem;height:.5rem}}.sm\:status-lg{@layer daisyui.l1.l2{width:.75rem;height:.75rem}}.sm\:status-xl{@layer daisyui.l1.l2{width:1rem;height:1rem}}}@media (width>=768px){.md\:status{@layer daisyui.l1.l2.l3{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab, var(--color-base-content) 20%, transparent);vertical-align:middle;width:.5rem;height:.5rem;color:color-mix(in oklab, var(--color-black) 30%, transparent);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%, oklch(1 0 0 / calc(var(--depth) * .5)), #0000);box-shadow:0 2px 3px -1px color-mix(in oklab, currentColor calc(var(--depth) * 100%), #0000);display:inline-block}}.md\:status-primary{@layer daisyui.l1.l2{background-color:var(--color-primary);color:var(--color-primary)}}.md\:status-secondary{@layer daisyui.l1.l2{background-color:var(--color-secondary);color:var(--color-secondary)}}.md\:status-accent{@layer daisyui.l1.l2{background-color:var(--color-accent);color:var(--color-accent)}}.md\:status-neutral{@layer daisyui.l1.l2{background-color:var(--color-neutral);color:var(--color-neutral)}}.md\:status-info{@layer daisyui.l1.l2{background-color:var(--color-info);color:var(--color-info)}}.md\:status-success{@layer daisyui.l1.l2{background-color:var(--color-success);color:var(--color-success)}}.md\:status-warning{@layer daisyui.l1.l2{background-color:var(--color-warning);color:var(--color-warning)}}.md\:status-error{@layer daisyui.l1.l2{background-color:var(--color-error);color:var(--color-error)}}.md\:status-xs{@layer daisyui.l1.l2{width:.125rem;height:.125rem}}.md\:status-sm{@layer daisyui.l1.l2{width:.25rem;height:.25rem}}.md\:status-md{@layer daisyui.l1.l2{width:.5rem;height:.5rem}}.md\:status-lg{@layer daisyui.l1.l2{width:.75rem;height:.75rem}}.md\:status-xl{@layer daisyui.l1.l2{width:1rem;height:1rem}}}@media (width>=1024px){.lg\:status{@layer daisyui.l1.l2.l3{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab, var(--color-base-content) 20%, transparent);vertical-align:middle;width:.5rem;height:.5rem;color:color-mix(in oklab, var(--color-black) 30%, transparent);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%, oklch(1 0 0 / calc(var(--depth) * .5)), #0000);box-shadow:0 2px 3px -1px color-mix(in oklab, currentColor calc(var(--depth) * 100%), #0000);display:inline-block}}.lg\:status-primary{@layer daisyui.l1.l2{background-color:var(--color-primary);color:var(--color-primary)}}.lg\:status-secondary{@layer daisyui.l1.l2{background-color:var(--color-secondary);color:var(--color-secondary)}}.lg\:status-accent{@layer daisyui.l1.l2{background-color:var(--color-accent);color:var(--color-accent)}}.lg\:status-neutral{@layer daisyui.l1.l2{background-color:var(--color-neutral);color:var(--color-neutral)}}.lg\:status-info{@layer daisyui.l1.l2{background-color:var(--color-info);color:var(--color-info)}}.lg\:status-success{@layer daisyui.l1.l2{background-color:var(--color-success);color:var(--color-success)}}.lg\:status-warning{@layer daisyui.l1.l2{background-color:var(--color-warning);color:var(--color-warning)}}.lg\:status-error{@layer daisyui.l1.l2{background-color:var(--color-error);color:var(--color-error)}}.lg\:status-xs{@layer daisyui.l1.l2{width:.125rem;height:.125rem}}.lg\:status-sm{@layer daisyui.l1.l2{width:.25rem;height:.25rem}}.lg\:status-md{@layer daisyui.l1.l2{width:.5rem;height:.5rem}}.lg\:status-lg{@layer daisyui.l1.l2{width:.75rem;height:.75rem}}.lg\:status-xl{@layer daisyui.l1.l2{width:1rem;height:1rem}}}@media (width>=1280px){.xl\:status{@layer daisyui.l1.l2.l3{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab, var(--color-base-content) 20%, transparent);vertical-align:middle;width:.5rem;height:.5rem;color:color-mix(in oklab, var(--color-black) 30%, transparent);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%, oklch(1 0 0 / calc(var(--depth) * .5)), #0000);box-shadow:0 2px 3px -1px color-mix(in oklab, currentColor calc(var(--depth) * 100%), #0000);display:inline-block}}.xl\:status-primary{@layer daisyui.l1.l2{background-color:var(--color-primary);color:var(--color-primary)}}.xl\:status-secondary{@layer daisyui.l1.l2{background-color:var(--color-secondary);color:var(--color-secondary)}}.xl\:status-accent{@layer daisyui.l1.l2{background-color:var(--color-accent);color:var(--color-accent)}}.xl\:status-neutral{@layer daisyui.l1.l2{background-color:var(--color-neutral);color:var(--color-neutral)}}.xl\:status-info{@layer daisyui.l1.l2{background-color:var(--color-info);color:var(--color-info)}}.xl\:status-success{@layer daisyui.l1.l2{background-color:var(--color-success);color:var(--color-success)}}.xl\:status-warning{@layer daisyui.l1.l2{background-color:var(--color-warning);color:var(--color-warning)}}.xl\:status-error{@layer daisyui.l1.l2{background-color:var(--color-error);color:var(--color-error)}}.xl\:status-xs{@layer daisyui.l1.l2{width:.125rem;height:.125rem}}.xl\:status-sm{@layer daisyui.l1.l2{width:.25rem;height:.25rem}}.xl\:status-md{@layer daisyui.l1.l2{width:.5rem;height:.5rem}}.xl\:status-lg{@layer daisyui.l1.l2{width:.75rem;height:.75rem}}.xl\:status-xl{@layer daisyui.l1.l2{width:1rem;height:1rem}}}@media (width>=1536px){.\32 xl\:status{@layer daisyui.l1.l2.l3{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab, var(--color-base-content) 20%, transparent);vertical-align:middle;width:.5rem;height:.5rem;color:color-mix(in oklab, var(--color-black) 30%, transparent);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%, oklch(1 0 0 / calc(var(--depth) * .5)), #0000);box-shadow:0 2px 3px -1px color-mix(in oklab, currentColor calc(var(--depth) * 100%), #0000);display:inline-block}}.\32 xl\:status-primary{@layer daisyui.l1.l2{background-color:var(--color-primary);color:var(--color-primary)}}.\32 xl\:status-secondary{@layer daisyui.l1.l2{background-color:var(--color-secondary);color:var(--color-secondary)}}.\32 xl\:status-accent{@layer daisyui.l1.l2{background-color:var(--color-accent);color:var(--color-accent)}}.\32 xl\:status-neutral{@layer daisyui.l1.l2{background-color:var(--color-neutral);color:var(--color-neutral)}}.\32 xl\:status-info{@layer daisyui.l1.l2{background-color:var(--color-info);color:var(--color-info)}}.\32 xl\:status-success{@layer daisyui.l1.l2{background-color:var(--color-success);color:var(--color-success)}}.\32 xl\:status-warning{@layer daisyui.l1.l2{background-color:var(--color-warning);color:var(--color-warning)}}.\32 xl\:status-error{@layer daisyui.l1.l2{background-color:var(--color-error);color:var(--color-error)}}.\32 xl\:status-xs{@layer daisyui.l1.l2{width:.125rem;height:.125rem}}.\32 xl\:status-sm{@layer daisyui.l1.l2{width:.25rem;height:.25rem}}.\32 xl\:status-md{@layer daisyui.l1.l2{width:.5rem;height:.5rem}}.\32 xl\:status-lg{@layer daisyui.l1.l2{width:.75rem;height:.75rem}}.\32 xl\:status-xl{@layer daisyui.l1.l2{width:1rem;height:1rem}}}}