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.67 kB
import { css } from 'lit'; export const styles = css `[part=prefix]{color:var(--input-prefix-color);background:var(--input-prefix-background)}[part=suffix]{color:var(--input-suffix-color);background:var(--input-suffix-background)}[part~=filled] [part=prefix]{color:var(--input-prefix-color--filled);background:var(--input-prefix-background--filled)}[part~=filled] [part=suffix]{color:var(--input-suffix-color--filled);background:var(--input-suffix-background--filled)}[part~=input]::-moz-placeholder{color:var(--placeholder-color)}[part~=input]::placeholder{color:var(--placeholder-color)}:host(:focus-within) [part~=input]::-moz-placeholder, :host(:hover) [part~=input]::-moz-placeholder{color:var(--hover-placeholder-color)}:host(:focus-within) [part~=input]::placeholder,:host(:hover) [part~=input]::placeholder{color:var(--hover-placeholder-color)}:host(:focus-within) [part=prefix]{color:var(--input-prefix-color--focused);background:var(--input-prefix-background--focused)}:host(:focus-within) [part=suffix]{color:var(--input-suffix-color--focused);background:var(--input-suffix-background--focused)}:host([type=search]) input[type=search]::-webkit-search-cancel-button,:host([type=search]) input[type=search]::-webkit-search-decoration{-webkit-appearance:none}:host([invalid]) ::part(helper-text){color:var(--error-secondary-color)}:host(:disabled) [part~=input]::-moz-placeholder, :host([disabled]) [part~=input]::-moz-placeholder{color:var(--disabled-text-color)}:host(:disabled) [part~=input]::placeholder,:host([disabled]) [part~=input]::placeholder{color:var(--disabled-text-color)}::part(helper-text){display:grid}`; //# sourceMappingURL=input.common.css.js.map