maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
2 lines (1 loc) • 1.86 kB
CSS
.m-badge[data-v-bfd87348]{border-width:var(--maz-border-width);vertical-align:top;background-color:hsl(var(--m-badge-bg));color:hsl(var(--m-badge-fg));border-color:#0000;border-color:hsl(var(--m-badge-bg));justify-content:center;align-items:center;padding:.25em .5em;font-weight:600;line-height:1.4em;display:inline-flex}.m-badge.--nowrap[data-v-bfd87348]{white-space:nowrap}.m-badge.--rounded-sm[data-v-bfd87348]{border-radius:calc(var(--maz-radius) - 8px)}.m-badge.--rounded-md[data-v-bfd87348]{border-radius:calc(var(--maz-radius) - 4px)}.m-badge.--rounded-lg[data-v-bfd87348]{border-radius:var(--maz-radius)}.m-badge.--rounded-xl[data-v-bfd87348]{border-radius:calc(var(--maz-radius) + 8px)}.m-badge.--rounded-full[data-v-bfd87348]{border-radius:9999px}.m-badge.--outlined[data-v-bfd87348]{color:hsl(var(--m-badge-bg));border-color:hsl(var(--m-badge-bg));background-color:#0000}.m-badge.--pastel[data-v-bfd87348]{background-color:hsl(var(--m-badge-pastel-bg));color:hsl(var(--m-badge-pastel-fg));border-color:hsl(var(--m-badge-pastel-bg))}.m-badge.--surface[data-v-bfd87348]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-background) / var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background) / var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground) / var(--maz-tw-text-opacity,1))}.m-badge.--surface.--outlined[data-v-bfd87348]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border) / var(--maz-tw-border-opacity,1));background-color:#0000}.m-badge.--surface.--pastel[data-v-bfd87348]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-background-600) / var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600) / var(--maz-tw-bg-opacity,1))}.m-badge.--transparent[data-v-bfd87348]{background-color:#0000;border-color:#0000}