flyonui/components/status/object.js

The easiest, free and open-source Tailwind CSS component library with semantic classes.

export default {".status":{"display":"inline-block","aspect-ratio":"1 / 1","width":"calc(0.25rem * 2.5)","height":"calc(0.25rem * 2.5)","border-radius":"calc(infinity * 1px)","background-color":"var(--color-neutral)","background-position":"center","background-repeat":"no-repeat","vertical-align":"middle","color":"var(--color-neutral)","background-image":"radial-gradient(circle at 35% 30%, oklch(1 0 0 / calc(var(--depth) * 0.5)), #0000)","box-shadow":"0 2px 3px -1px color-mix(in oklab, currentColor calc(var(--depth) * 100%), #0000)"},".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-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":{"width":"calc(0.25rem * 1.5)","height":"calc(0.25rem * 1.5)"},".status-sm":{"width":"calc(0.25rem * 2)","height":"calc(0.25rem * 2)"},".status-md":{"width":"calc(0.25rem * 2.5)","height":"calc(0.25rem * 2.5)"},".status-lg":{"width":"calc(0.25rem * 3)","height":"calc(0.25rem * 3)"},".status-xl":{"width":"calc(0.25rem * 3.5)","height":"calc(0.25rem * 3.5)"}};