igniteui-webcomponents
Version:
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.
3 lines • 1.94 kB
JavaScript
import { css } from 'lit';
export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}:host button:focus{outline:.125rem solid var(--focus-outline-color)}:host([variant=primary]) button,:host([variant=primary]) button:focus,:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]){color:color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent)}:host([variant=primary]) button:focus{outline:.125rem solid hsla(var(--ig-primary-200), var(--ig-primary-a))}:host([variant=info]) button,:host([variant=info]) button:focus,:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]){color:color-mix(in oklch, var(--ig-info-700-contrast) 100%, transparent)}:host([variant=info]) button:focus{outline:.125rem solid hsla(var(--ig-info-200), var(--ig-info-a))}:host([variant=success]) button,:host([variant=success]) button:focus,:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]){color:color-mix(in oklch, var(--ig-success-700-contrast) 100%, transparent)}:host([variant=success]) button:focus{outline:.125rem solid hsla(var(--ig-success-200), var(--ig-success-a))}:host([variant=warning]) button,:host([variant=warning]) button:focus,:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]){color:color-mix(in oklch, var(--ig-warn-700-contrast) 100%, transparent)}:host([variant=warning]) button:focus{outline:.125rem solid hsla(var(--ig-warn-200), var(--ig-warn-a))}:host([variant=danger]) button,:host([variant=danger]) button:focus,:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]){color:color-mix(in oklch, var(--ig-error-700-contrast) 100%, transparent)}:host([variant=danger]) button:focus{outline:.125rem solid hsla(var(--ig-error-200), var(--ig-error-a))}`;
//# sourceMappingURL=chip.bootstrap.css.js.map