UNPKG

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.7 kB
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:not([disabled]),:host([variant=primary]) button:focus,:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]){color:var(--ig-primary-700-contrast)}:host([variant=primary]) button:focus{outline:.125rem solid var(--ig-primary-200)}:host([variant=info]) button:not([disabled]),:host([variant=info]) button:focus,:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]){color:var(--ig-info-700-contrast)}:host([variant=info]) button:focus{outline:.125rem solid var(--ig-info-200)}:host([variant=success]) button:not([disabled]),:host([variant=success]) button:focus,:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]){color:var(--ig-success-700-contrast)}:host([variant=success]) button:focus{outline:.125rem solid var(--ig-success-200)}:host([variant=warning]) button:not([disabled]),:host([variant=warning]) button:focus,:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]){color:var(--ig-warn-700-contrast)}:host([variant=warning]) button:focus{outline:.125rem solid var(--ig-warn-200)}:host([variant=danger]) button:not([disabled]),:host([variant=danger]) button:focus,:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]){color:var(--ig-error-700-contrast)}:host([variant=danger]) button:focus{outline:.125rem solid var(--ig-error-200)}`; //# sourceMappingURL=chip.bootstrap.css.js.map