igniteui-webcomponents/components/calendar/themes/shared/fluent/days-view.fluent.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{--date-size: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.875rem, -1 * 0.875rem), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem))}[part~=date]{height:var(--size);border-top:.0625rem solid rgba(0,0,0,0);border-bottom:.0625rem solid rgba(0,0,0,0)}[part~=date],[part~=date-inner]{border-radius:var(--date-border-radius)}[part~=date-inner],[part~=week-number-inner]{border:.0625rem solid rgba(0,0,0,0)}[part~=week-number]{width:var(--size);height:var(--size)}[part~=week-number-inner]{width:var(--size);height:var(--size);color:var(--week-number-foreground);background:var(--week-number-background);border-inline-end-color:var(--date-border-color);border-radius:var(--week-number-border-radius)}[part~=week-number-inner]::after{width:var(--size);background:var(--week-number-background);border-inline-start:.0625rem solid var(--week-number-background);border-inline-end:.0625rem solid var(--week-number-background);border-inline-end-color:var(--date-border-color)}[part~=week-number-inner][part~=first],[part~=week-number-inner][part~=last]{border-radius:0}[part~=label]{height:var(--size);color:var(--weekday-color)}[part~=weekend]{color:var(--weekend-color)}[part~=inactive]:not([part~=range]){color:var(--inactive-color) !important;border-color:rgba(0,0,0,0) !important}[part~=inactive]:not([part~=range]):hover{color:var(--inactive-color)}[part~=inactive]:not([part~=preview]){color:var(--inactive-color)}[part~=inactive]:not([part~=preview]):hover{color:var(--inactive-color)}[part~=date-inner]{width:var(--size);height:var(--size)}[part~=date-inner]::after{content:"";position:absolute;z-index:0;border:.0625rem solid rgba(0,0,0,0);border-radius:50%;width:var(--inner-size);height:var(--inner-size)}[part~=date-inner]:hover{color:var(--date-hover-foreground);background:var(--date-hover-background);border-color:var(--date-hover-border-color)}[part~=date-inner]:focus{color:var(--date-focus-foreground);background:var(--date-focus-background);border-color:var(--date-focus-border-color)}[part~=date-inner][part~=selected][part~=first][part~=last]{background:rgba(0,0,0,0);border-color:var(--date-range-preview-border-color)}[part~=date-inner][part~=disabled]{color:var(--date-disabled-foreground)}[part~=date-inner][part~=disabled][part~=range]{color:var(--date-disabled-range-foreground)}[part~=date-inner][part~=range]{height:100%}[part~=date-inner][part~=range][part~=selected][part~=first][part~=last]{color:var(--date-selected-foreground) !important;background:var(--date-selected-background) !important}[part~=date-inner][part~=range][part~=selected][part~=first][part~=last]:hover{color:var(--date-selected-hover-foreground);background:var(--date-selected-hover-background)}[part~=date-inner][part~=range][part~=selected][part~=first][part~=last]:focus{color:var(--date-selected-hover-foreground);background:var(--date-selected-hover-background)}[part~=date-inner][part~=range][part~=selected][part~=first],[part~=date-inner][part~=range][part~=selected][part~=last]{border-top-color:var(--date-range-border-color);border-bottom-color:var(--date-range-border-color)}[part~=date-inner][part~=range][part~=selected][part~=first]{color:var(--date-selected-foreground);background:var(--date-selected-background);border-color:rgba(0,0,0,0)}[part~=date-inner][part~=range][part~=selected][part~=first]:hover{color:var(--date-selected-hover-foreground);background:var(--date-selected-hover-background)}[part~=date-inner][part~=range][part~=selected][part~=first]:focus{color:var(--date-selected-focus-foreground);background:var(--date-selected-focus-background)}[part~=date-inner][part~=range][part~=selected][part~=first]:hover,[part~=date-inner][part~=range][part~=selected][part~=first]:focus{border-inline-start-color:rgba(0,0,0,0)}[part~=date-inner][part~=range][part~=selected][part~=last]{color:var(--date-selected-foreground);background:var(--date-selected-background);border-color:rgba(0,0,0,0)}[part~=date-inner][part~=range][part~=selected][part~=last]:hover{color:var(--date-selected-hover-foreground);background:var(--date-selected-hover-background)}[part~=date-inner][part~=range][part~=selected][part~=last]:focus{color:var(--date-selected-hover-foreground);background:var(--date-selected-hover-background)}[part~=date-inner][part~=range][part~=selected][part~=last]:hover,[part~=date-inner][part~=range][part~=selected][part~=last]:focus{border-inline-start-color:rgba(0,0,0,0)}[part~=date-inner][part~=range][part~=selected]{color:var(--date-selected-range-foreground)}[part~=date-inner][part~=range][part~=selected]:hover{color:var(--date-selected-range-hover-foreground);background:var(--date-selected-range-hover-background)}[part~=date-inner][part~=range][part~=selected]:focus{color:var(--date-selected-range-focus-foreground);background:var(--date-selected-range-focus-background)}[part~=date-inner][part~=range][part~=selected][part~=current]:not([part~=inactive]){color:var(--date-selected-current-foreground)}[part~=date-inner][part~=range][part~=selected][part~=current]:not([part~=inactive]):focus{color:var(--date-selected-current-focus-foreground)}[part~=date-inner][part~=range][part~=selected][part~=current]:not([part~=inactive]):hover{color:var(--date-selected-current-hover-foreground)}[part~=date-inner][part~=range][part~=selected][part~=current]{color:var(--date-selected-foreground)}[part~=date-inner][part~=range][part~=preview]{background:rgba(0,0,0,0) !important}[part~=date-inner][part~=range][part~=preview]::after{background:rgba(0,0,0,0)}[part~=date-inner][part~=current]{position:relative;overflow:hidden;color:var(--date-current-foreground)}[part~=date-inner][part~=current]::before{content:"";position:absolute;z-index:-1;width:var(--inner-size);height:var(--inner-size);border-radius:50%;background:var(--date-current-background);border-color:var(--date-current-border-color)}[part~=date-inner][part~=current]:hover{color:var(--date-current-hover-foreground)}[part~=date-inner][part~=current]:hover::before{background:var(--date-current-background);border-color:var(--date-current-hover-border-color)}[part~=date-inner][part~=current]:focus{color:var(--date-current-focus-foreground)}[part~=date-inner][part~=current]:focus::before{background:var(--date-current-background);border-color:var(--date-current-focus-border-color)}[part~=date-inner][part~=special]{color:var(--date-special-foreground);background:var(--date-special-background)}[part~=date-inner][part~=special]::after{border-color:var(--date-special-border-color)}[part~=date-inner][part~=special]:hover{color:var(--date-hover-foreground);background:var(--date-hover-background)}[part~=date-inner][part~=special]:hover::after{border-color:var(--date-special-hover-border-color)}[part~=date-inner][part~=special]:focus{color:var(--date-focus-foreground);background:var(--date-focus-background)}[part~=date-inner][part~=special]:focus::after{border-color:var(--date-special-hover-border-color)}[part~=date-inner][part~=selected][part~=special]::after{border-color:var(--date-selected-special-border-color)}[part~=date-inner][part~=selected][part~=special]:hover::after{border-color:var(--date-selected-special-hover-border-color)}[part~=date-inner][part~=selected][part~=special]:focus::after{border-color:var(--date-selected-special-focus-border-color)}[part~=date-inner][part~=current][part~=special]{color:var(--date-current-foreground)}[part~=date-inner][part~=current][part~=special]::after{border-color:var(--date-current-foreground);width:max(var(--is-large, 1)*max(1.75rem, -1 * 1.75rem),var(--is-medium, 1)*max(1.5rem, -1 * 1.5rem),var(--is-small, 1)*max(1.375rem, -1 * 1.375rem));height:max(var(--is-large, 1)*max(1.75rem, -1 * 1.75rem),var(--is-medium, 1)*max(1.5rem, -1 * 1.5rem),var(--is-small, 1)*max(1.375rem, -1 * 1.375rem))}[part~=date-inner][part~=special][part~=inactive]:not([part~=range]),[part~=date-inner][part~=current][part~=inactive]:not([part~=range]){color:var(--inactive-color)}[part~=date-inner][part~=special][part~=inactive]::before,[part~=date-inner][part~=current][part~=inactive]::before{background:rgba(0,0,0,0)}[part~=date-inner][part~=special][part~=inactive]::after,[part~=date-inner][part~=current][part~=inactive]::after{border-color:rgba(0,0,0,0)}[part~=date-inner][part~=inactive][part~=selected]:not([part~=range]){background:rgba(0,0,0,0)}[part~=date-inner][part~=single][part~=weekend]:not([part~=inactive]):hover{color:var(--date-hover-foreground)}[part~=date-inner][part~=single][part~=weekend]:not([part~=inactive]):focus{color:var(--date-focus-foreground)}[part~=date-inner][part~=single][part~=selected]{color:var(--date-selected-foreground);background:var(--date-selected-background);border-color:var(--date-selected-border-color);border-radius:0}[part~=date-inner][part~=single][part~=selected]:focus{color:var(--date-selected-focus-foreground);background:var(--date-selected-focus-background);border-color:var(--date-selected-focus-border-color)}[part~=date-inner][part~=single][part~=selected]:hover{color:var(--date-selected-hover-foreground);background:var(--date-selected-hover-background);border-color:var(--date-selected-hover-border-color)}[part~=date-inner][part~=single][part~=selected][part~=first][part~=last]{border-color:var(--date-selected-border-color)}[part~=date-inner][part~=single][part~=selected][part~=current]{color:var(--date-selected-current-foreground)}[part~=date-inner][part~=single][part~=selected][part~=current]:focus{color:var(--date-selected-current-focus-foreground)}[part~=date-inner][part~=single][part~=selected][part~=current]:hover{color:var(--date-selected-current-hover-foreground)}[part~=date][part~=range]{background:var(--date-selected-range-background);border-block-color:var(--date-range-border-color)}[part~=date][part~=range][part~=first],[part~=date][part~=range][part~=last]{background:rgba(0,0,0,0)}[part~=date][part~=range][part~=first]::before,[part~=date][part~=range][part~=first]::after,[part~=date][part~=range][part~=last]::before,[part~=date][part~=range][part~=last]::after{height:var(--size)}[part~=date][part~=range][part~=first]::after,[part~=date][part~=range][part~=last]::after{background:var(--date-selected-range-background);border-block:.0625rem solid var(--date-selected-range-background)}[part~=date][part~=range][part~=first]::before,[part~=date][part~=range][part~=last]::before{content:"";position:absolute;width:calc(var(--size)/2 + 0.0625rem);border-block:.0625rem solid var(--date-range-border-color);z-index:3;pointer-events:none}[part~=date][part~=range][part~=first]::before{inset-inline-end:calc(50% - 0.0625rem);border-inline:.0625rem solid;border-inline-start-color:var(--date-range-border-color);border-inline-end-color:rgba(0,0,0,0)}[part~=date][part~=range][part~=last]::before{inset-inline-start:calc(50% - 0.0625rem);border-inline:.0625rem solid;border-inline-start-color:rgba(0,0,0,0);border-inline-end-color:var(--date-range-border-color)}[part~=date][part~=range][part~=preview][part~=first],[part~=date][part~=range][part~=preview][part~=last]{border-block-color:rgba(0,0,0,0)}[part~=date][part~=range][part~=preview][part~=first]::after,[part~=date][part~=range][part~=preview][part~=last]::after{background:rgba(0,0,0,0) !important;border-block-color:var(--date-range-border-color)}[part~=date][part~=range][part~=selected]{background:var(--date-selected-range-background)}[part~=date][part~=range][part~=selected][part~=first],[part~=date][part~=range][part~=selected][part~=last]{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}[part~=date][part~=range][part~=selected][part~=first]::after,[part~=date][part~=range][part~=selected][part~=last]::after{background:var(--date-selected-range-background);border-block-color:var(--date-range-border-color)}[part~=date][part~=range][part~=preview]{background:rgba(0,0,0,0);border-block-color:var(--date-range-border-color)}[part~=date][part~=range][part~=first][part~=disabled]::before,[part~=date][part~=range][part~=last][part~=disabled]::before{z-index:-1;background:var(--date-selected-range-background)}`;
//# sourceMappingURL=days-view.fluent.css.js.map