igniteui-webcomponents/components/badge/themes/shared/badge.common.css.js

Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.

import { css } from 'lit';
export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--badge-size: var(--component-size);--_badge-size: var(--size)}:host igc-icon,:host ::slotted(igc-icon){--size: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.875rem, -1 * 0.875rem), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem));--component-size: var(--badge-size)}[part~=base]{box-shadow:var(--elevation);color:var(--text-color)}::slotted(igc-icon){color:var(--icon-color)}:host([variant=primary]) [part~=base]{background:var(--background-color)}:host([shape=square]:not([dot])) [part~=base]{border-radius:var(--border-radius)}:host([outlined]) [part~=base]{box-shadow:0 0 0 .125rem var(--border-color)}:host([dot]) [part~=base]{--_dot-size: var(--dot-size);min-width:var(--_dot-size);min-height:var(--_dot-size)}:host([dot]) [part~=base] igc-icon,:host([dot]) [part~=base]>*{display:none}`;
//# sourceMappingURL=badge.common.css.js.map