flyonui/components/badge/object.js

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

export default {".badge":{"display":"inline-flex","align-items":"center","justify-content":"center","gap":"calc(0.25rem * 1.5)","border-radius":"var(--radius-selector)","text-align":"center","vertical-align":"middle","font-size":"var(--text-sm)","line-height":"var(--tw-leading, var(--text-sm--line-height))","border":"var(--border) solid var(--badge-border)","padding-inline":"calc(0.25rem * 3)","width":"fit-content","color":"var(--badge-fg)","background-size":"auto, calc(var(--noise) * 100%)","background-image":"none, var(--fx-noise)","background-color":"var(--badge-bg)","--badge-border":"var(--badge-color, var(--color-neutral))","--badge-bg":"var(--badge-color, var(--color-neutral))","--badge-fg":"var(--color-neutral-content)","--size":"calc(var(--size-selector, 0.25rem) * 6)","height":"var(--size)","&.badge-outline":{"--badge-fg":"var(--badge-color, var(--color-neutral))","--badge-bg":"transparent","background-image":"none"},"&.badge-soft":{"--badge-border":"none","--badge-fg":"var(--badge-color, var(--color-neutral))","--badge-bg":"color-mix(in oklab, var(--badge-color, var(--color-neutral)) 10%, var(--color-base-100))","background-image":"none"}},".badge-primary":{"--badge-color":"var(--color-primary)","--badge-fg":"var(--color-primary-content)"},".badge-secondary":{"--badge-color":"var(--color-secondary)","--badge-fg":"var(--color-secondary-content)"},".badge-accent":{"--badge-color":"var(--color-accent)","--badge-fg":"var(--color-accent-content)"},".badge-info":{"--badge-color":"var(--color-info)","--badge-fg":"var(--color-info-content)"},".badge-success":{"--badge-color":"var(--color-success)","--badge-fg":"var(--color-success-content)"},".badge-warning":{"--badge-color":"var(--color-warning)","--badge-fg":"var(--color-warning-content)"},".badge-error":{"--badge-color":"var(--color-error)","--badge-fg":"var(--color-error-content)"},".badge-xs":{"--size":"calc(var(--size-selector, 0.25rem) * 4)","font-size":"0.625rem","padding-inline":"calc(0.25rem * 1.5)"},".badge-sm":{"font-size":"var(--text-xs)","line-height":"var(--tw-leading, var(--text-xs--line-height))","--size":"calc(var(--size-selector, 0.25rem) * 5)","padding-inline":"calc(0.25rem * 2)"},".badge-md":{"font-size":"var(--text-sm)","line-height":"var(--tw-leading, var(--text-sm--line-height))","--size":"calc(var(--size-selector, 0.25rem) * 6)","padding-inline":"calc(0.25rem * 3)"},".badge-lg":{"font-size":"var(--text-base)","line-height":"var(--tw-leading, var(--text-base--line-height))","--size":"calc(var(--size-selector, 0.25rem) * 7)","padding-inline":"calc(0.25rem * 3.5)"},".badge-xl":{"font-size":"var(--text-lg)","line-height":"var(--tw-leading, var(--text-lg--line-height))","--size":"calc(var(--size-selector, 0.25rem) * 8)","padding-inline":"calc(0.25rem * 4)"}};