igniteui-webcomponents/components/checkbox/themes/shared/checkbox/checkbox.indigo.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{font-weight:600}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin-block-start:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));grid-auto-rows:minmax(1.125rem, auto)}[part~=control]{--size: 1rem;border-radius:var(--border-radius-ripple)}[part~=control]::after{border-radius:var(--border-radius);border:.125rem solid var(--empty-color)}[part="control checked"]::after{border-color:var(--fill-color);background:var(--fill-color)}[part~=indicator]{--indicator-size: 0.8125rem;stroke:unset;stroke-linecap:unset;stroke-width:unset;stroke-dasharray:unset;stroke-dashoffset:unset;fill:var(--tick-color);transition:none}[part~=indicator] rect{fill:none}[part="indicator checked"]{transition-duration:.15s}:host(:hover) [part=control]::after{border-color:var(--empty-color-hover)}:host(:hover) [part="control checked"]::after{border-color:var(--fill-color-hover)}:host(:focus-visible) [part~=control],[part="base focused"] [part~=control]{box-shadow:0 0 0 .1875rem var(--focus-outline-color)}:host(:focus-visible) [part="control checked"],[part="base checked focused"] [part="control checked"]{box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}:host([indeterminate]) [part~=indicator]{fill:none;stroke-dashoffset:unset;transform:scale(0.8)}:host([indeterminate]) [part~=indicator] rect{fill:var(--tick-color);opacity:1}:host([indeterminate]) [part~=control]::after{background:var(--fill-color);border-color:var(--fill-color)}:host([indeterminate]:hover) [part~=control]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host([indeterminate]:focus-visible) [part~=control],:host([indeterminate]) [part="base focused"] [part~=control]{box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}:host(:not([disabled]):state(ig-invalid)) [part~=label],:host(:not(:disabled):state(ig-invalid)) [part~=label]{color:var(--label-color)}:host(:not([disabled]):state(ig-invalid)) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part="control checked"],:host(:not(:disabled):state(ig-invalid)) [part="control checked"]{border-color:var(--error-color);background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part="control checked"]::after,:host(:not(:disabled):state(ig-invalid)) [part="control checked"]::after{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part="base focused"] [part~=control],:host(:not([disabled]):state(ig-invalid)) [part="base focused"] [part="control checked"],:host(:not([disabled]):state(ig-invalid)):focus-visible [part~=control],:host(:not([disabled]):state(ig-invalid)):focus-visible [part="control checked"],:host(:not([disabled]):state(ig-invalid)) [part="base checked focused"] [part~=control],:host(:not([disabled]):state(ig-invalid)) [part="base checked focused"] [part="control checked"],:host(:not(:disabled):state(ig-invalid)) [part="base focused"] [part~=control],:host(:not(:disabled):state(ig-invalid)) [part="base focused"] [part="control checked"],:host(:not(:disabled):state(ig-invalid)):focus-visible [part~=control],:host(:not(:disabled):state(ig-invalid)):focus-visible [part="control checked"],:host(:not(:disabled):state(ig-invalid)) [part="base checked focused"] [part~=control],:host(:not(:disabled):state(ig-invalid)) [part="base checked focused"] [part="control checked"]{box-shadow:0 0 0 .1875rem var(--focus-outline-color-error)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control],:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]{border-color:var(--error-color)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part="base focused"] [part~=control],:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part="base focused"] [part~=control]{box-shadow:0 0 0 .1875rem var(--focus-outline-color-error)}:host(:hover:not([disabled]):state(ig-invalid)) [part~=label],:host(:hover:not(:disabled):state(ig-invalid)) [part~=label],:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part~=label],:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part~=label]{color:var(--label-color-hover)}:host(:hover:not([disabled]):state(ig-invalid)) [part~=control]::after,:host(:hover:not([disabled]):state(ig-invalid)) [part="control checked"]::after,:host(:hover:not(:disabled):state(ig-invalid)) [part~=control]::after,:host(:hover:not(:disabled):state(ig-invalid)) [part="control checked"]::after,:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part="control checked"]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part="control checked"]::after{border-color:var(--error-color-hover)}:host(:hover:not([disabled]):state(ig-invalid)) [part="control checked"]::after,:host(:hover:not(:disabled):state(ig-invalid)) [part="control checked"]::after,:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part="control checked"]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part="control checked"]::after{background:var(--error-color-hover)}:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{background:var(--error-color-hover)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{border-color:var(--disabled-color)}:host([disabled]) [part="control checked"]::after,:host(:disabled) [part="control checked"]::after{border-color:rgba(0,0,0,0)}:host([disabled]) [part~=indicator],:host(:disabled) [part~=indicator]{stroke:unset;fill:var(--disabled-tick-color)}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{border-color:rgba(0,0,0,0)}:host([disabled][indeterminate]) [part~=indicator],:host(:disabled[indeterminate]) [part~=indicator]{fill:none}:host([disabled][indeterminate]) [part~=indicator] rect,:host(:disabled[indeterminate]) [part~=indicator] rect{fill:var(--disabled-tick-color)}`;
//# sourceMappingURL=checkbox.indigo.css.js.map