daisyui/components/status.css

daisyUI 5 - The Tailwind CSS Component Library

/*! 🌼 daisyUI 5.7.43 - MIT License */ @layer utilities{@layer daisyui.l1.l2.l3{.status{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab, var(--color-base-content) 20%, transparent);vertical-align:middle;color:color-mix(in oklab, var(--color-black) 30%, transparent);--size:calc(var(--size-selector,.25rem) * 2);width:var(--size);height:var(--size);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}}@layer daisyui.l1.l2{.status-primary{background-color:var(--color-primary);color:var(--color-primary)}.status-secondary{background-color:var(--color-secondary);color:var(--color-secondary)}.status-accent{background-color:var(--color-accent);color:var(--color-accent)}.status-neutral{background-color:var(--color-neutral);color:var(--color-neutral)}.status-info{background-color:var(--color-info);color:var(--color-info)}.status-success{background-color:var(--color-success);color:var(--color-success)}.status-warning{background-color:var(--color-warning);color:var(--color-warning)}.status-error{background-color:var(--color-error);color:var(--color-error)}.status-xs{--size:calc(var(--size-selector,.25rem) * .5)}.status-sm{--size:calc(var(--size-selector,.25rem) * 1)}.status-md{--size:calc(var(--size-selector,.25rem) * 2)}.status-lg{--size:calc(var(--size-selector,.25rem) * 3)}.status-xl{--size:calc(var(--size-selector,.25rem) * 4)}}@media (width>=640px){@layer daisyui.l1.l2.l3{.sm\:status{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab, var(--color-base-content) 20%, transparent);vertical-align:middle;color:color-mix(in oklab, var(--color-black) 30%, transparent);--size:calc(var(--size-selector,.25rem) * 2);width:var(--size);height:var(--size);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}}@layer daisyui.l1.l2{.sm\:status-primary{background-color:var(--color-primary);color:var(--color-primary)}.sm\:status-secondary{background-color:var(--color-secondary);color:var(--color-secondary)}.sm\:status-accent{background-color:var(--color-accent);color:var(--color-accent)}.sm\:status-neutral{background-color:var(--color-neutral);color:var(--color-neutral)}.sm\:status-info{background-color:var(--color-info);color:var(--color-info)}.sm\:status-success{background-color:var(--color-success);color:var(--color-success)}.sm\:status-warning{background-color:var(--color-warning);color:var(--color-warning)}.sm\:status-error{background-color:var(--color-error);color:var(--color-error)}.sm\:status-xs{--size:calc(var(--size-selector,.25rem) * .5)}.sm\:status-sm{--size:calc(var(--size-selector,.25rem) * 1)}.sm\:status-md{--size:calc(var(--size-selector,.25rem) * 2)}.sm\:status-lg{--size:calc(var(--size-selector,.25rem) * 3)}.sm\:status-xl{--size:calc(var(--size-selector,.25rem) * 4)}}}@media (width>=768px){@layer daisyui.l1.l2.l3{.md\:status{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab, var(--color-base-content) 20%, transparent);vertical-align:middle;color:color-mix(in oklab, var(--color-black) 30%, transparent);--size:calc(var(--size-selector,.25rem) * 2);width:var(--size);height:var(--size);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}}@layer daisyui.l1.l2{.md\:status-primary{background-color:var(--color-primary);color:var(--color-primary)}.md\:status-secondary{background-color:var(--color-secondary);color:var(--color-secondary)}.md\:status-accent{background-color:var(--color-accent);color:var(--color-accent)}.md\:status-neutral{background-color:var(--color-neutral);color:var(--color-neutral)}.md\:status-info{background-color:var(--color-info);color:var(--color-info)}.md\:status-success{background-color:var(--color-success);color:var(--color-success)}.md\:status-warning{background-color:var(--color-warning);color:var(--color-warning)}.md\:status-error{background-color:var(--color-error);color:var(--color-error)}.md\:status-xs{--size:calc(var(--size-selector,.25rem) * .5)}.md\:status-sm{--size:calc(var(--size-selector,.25rem) * 1)}.md\:status-md{--size:calc(var(--size-selector,.25rem) * 2)}.md\:status-lg{--size:calc(var(--size-selector,.25rem) * 3)}.md\:status-xl{--size:calc(var(--size-selector,.25rem) * 4)}}}@media (width>=1024px){@layer daisyui.l1.l2.l3{.lg\:status{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab, var(--color-base-content) 20%, transparent);vertical-align:middle;color:color-mix(in oklab, var(--color-black) 30%, transparent);--size:calc(var(--size-selector,.25rem) * 2);width:var(--size);height:var(--size);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}}@layer daisyui.l1.l2{.lg\:status-primary{background-color:var(--color-primary);color:var(--color-primary)}.lg\:status-secondary{background-color:var(--color-secondary);color:var(--color-secondary)}.lg\:status-accent{background-color:var(--color-accent);color:var(--color-accent)}.lg\:status-neutral{background-color:var(--color-neutral);color:var(--color-neutral)}.lg\:status-info{background-color:var(--color-info);color:var(--color-info)}.lg\:status-success{background-color:var(--color-success);color:var(--color-success)}.lg\:status-warning{background-color:var(--color-warning);color:var(--color-warning)}.lg\:status-error{background-color:var(--color-error);color:var(--color-error)}.lg\:status-xs{--size:calc(var(--size-selector,.25rem) * .5)}.lg\:status-sm{--size:calc(var(--size-selector,.25rem) * 1)}.lg\:status-md{--size:calc(var(--size-selector,.25rem) * 2)}.lg\:status-lg{--size:calc(var(--size-selector,.25rem) * 3)}.lg\:status-xl{--size:calc(var(--size-selector,.25rem) * 4)}}}@media (width>=1280px){@layer daisyui.l1.l2.l3{.xl\:status{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab, var(--color-base-content) 20%, transparent);vertical-align:middle;color:color-mix(in oklab, var(--color-black) 30%, transparent);--size:calc(var(--size-selector,.25rem) * 2);width:var(--size);height:var(--size);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}}@layer daisyui.l1.l2{.xl\:status-primary{background-color:var(--color-primary);color:var(--color-primary)}.xl\:status-secondary{background-color:var(--color-secondary);color:var(--color-secondary)}.xl\:status-accent{background-color:var(--color-accent);color:var(--color-accent)}.xl\:status-neutral{background-color:var(--color-neutral);color:var(--color-neutral)}.xl\:status-info{background-color:var(--color-info);color:var(--color-info)}.xl\:status-success{background-color:var(--color-success);color:var(--color-success)}.xl\:status-warning{background-color:var(--color-warning);color:var(--color-warning)}.xl\:status-error{background-color:var(--color-error);color:var(--color-error)}.xl\:status-xs{--size:calc(var(--size-selector,.25rem) * .5)}.xl\:status-sm{--size:calc(var(--size-selector,.25rem) * 1)}.xl\:status-md{--size:calc(var(--size-selector,.25rem) * 2)}.xl\:status-lg{--size:calc(var(--size-selector,.25rem) * 3)}.xl\:status-xl{--size:calc(var(--size-selector,.25rem) * 4)}}}@media (width>=1536px){@layer daisyui.l1.l2.l3{.\32 xl\:status{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab, var(--color-base-content) 20%, transparent);vertical-align:middle;color:color-mix(in oklab, var(--color-black) 30%, transparent);--size:calc(var(--size-selector,.25rem) * 2);width:var(--size);height:var(--size);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}}@layer daisyui.l1.l2{.\32 xl\:status-primary{background-color:var(--color-primary);color:var(--color-primary)}.\32 xl\:status-secondary{background-color:var(--color-secondary);color:var(--color-secondary)}.\32 xl\:status-accent{background-color:var(--color-accent);color:var(--color-accent)}.\32 xl\:status-neutral{background-color:var(--color-neutral);color:var(--color-neutral)}.\32 xl\:status-info{background-color:var(--color-info);color:var(--color-info)}.\32 xl\:status-success{background-color:var(--color-success);color:var(--color-success)}.\32 xl\:status-warning{background-color:var(--color-warning);color:var(--color-warning)}.\32 xl\:status-error{background-color:var(--color-error);color:var(--color-error)}.\32 xl\:status-xs{--size:calc(var(--size-selector,.25rem) * .5)}.\32 xl\:status-sm{--size:calc(var(--size-selector,.25rem) * 1)}.\32 xl\:status-md{--size:calc(var(--size-selector,.25rem) * 2)}.\32 xl\:status-lg{--size:calc(var(--size-selector,.25rem) * 3)}.\32 xl\:status-xl{--size:calc(var(--size-selector,.25rem) * 4)}}}}