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 4.39 kB
import { css } from 'lit'; export const styles = css `:host(:not(:focus-within)[outlined][readonly]:hover) igc-input::part(start),:host(:not(:focus-within)[outlined][readonly]:hover) igc-input::part(end),:host(:not(:focus-within)[outlined][readonly]:hover) igc-input::part(filler),:host(:not(:focus-within)[outlined][readonly]:hover) igc-date-time-input::part(start),:host(:not(:focus-within)[outlined][readonly]:hover) igc-date-time-input::part(end),:host(:not(:focus-within)[outlined][readonly]:hover) igc-date-time-input::part(filler){border-color:var(--border-color)}:host(:not(:focus-within)[outlined][readonly]:hover) igc-input::part(notch),:host(:not(:focus-within)[outlined][readonly]:hover) igc-date-time-input::part(notch){border-bottom-color:var(--border-color)}:host(:not([outlined],[disabled])[readonly]) igc-input::part(container),:host(:not([outlined],[disabled])[readonly]) igc-date-time-input::part(container){background:var(--box-background-focus)}:host(:not([outlined])[readonly]:hover) igc-date-time-input::part(container),:host(:not([outlined])[readonly]:hover) igc-input::part(container){border-bottom-color:var(--idle-bottom-line-color)}:host(:not([outlined])[readonly]:hover) igc-date-time-input::part(container)::after,:host(:not([outlined])[readonly]:hover) igc-input::part(container)::after{background:var(--idle-bottom-line-color)}:host(:not(:state(ig-invalid),[outlined])[readonly]:focus-within) igc-input::part(container){border-bottom-color:var(--focused-bottom-line-color)}:host(:not(:state(ig-invalid),[outlined])[readonly]:focus-within) igc-input::part(container)::after{background:var(--focused-bottom-line-color)}:host(:not(:state(ig-invalid),[outlined])[readonly]) igc-date-time-input:hover::part(container){border-bottom-color:var(--idle-bottom-line-color)}:host(:not(:state(ig-invalid),[outlined])[readonly]) igc-date-time-input:hover::part(container)::after{background:var(--idle-bottom-line-color)}:host(:not(:state(ig-invalid),[outlined])[readonly]) igc-date-time-input:focus-within::part(container){border-bottom-color:var(--focused-bottom-line-color)}:host(:not(:state(ig-invalid),[outlined])[readonly]) igc-date-time-input:focus-within::part(container)::after{background:var(--focused-bottom-line-color)}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-input::part(label),:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(label){color:var(--error-secondary-color)}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-input::part(container),:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-input:focus-within::part(container),:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(container),:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-date-time-input:focus-within::part(container){border-color:var(--error-secondary-color)}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-input::part(container)::after,:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-input:focus-within::part(container)::after,:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(container)::after,:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-date-time-input:focus-within::part(container)::after{background:var(--error-secondary-color)}:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-input::part(label),:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-date-time-input::part(label){color:var(--error-secondary-color)}:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-input::part(start),:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-input::part(end),:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-input::part(filler),:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-date-time-input::part(start),:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-date-time-input::part(end),:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-date-time-input::part(filler){border-color:var(--error-secondary-color)}:host(:not([disabled],[readonly])[outlined]:state(ig-invalid))::part(notch){border-bottom-color:var(--error-secondary-color)}`; //# sourceMappingURL=date-range-picker.material.css.js.map