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 3.6 kB
import { css } from 'lit'; export const styles = css `:host(igc-calendar){--component-size: var(--ig-size, var(--default-size)) !important;color:var(--content-foreground);background:var(--content-background);box-shadow:0 0 0 .0625rem var(--border-color);border-radius:var(--border-radius)}:host(igc-calendar:not([orientation=vertical])) [part=days-view-container]+[part=days-view-container] [part=navigation],:host(igc-calendar:not([orientation=vertical])) [part=days-view-container]+[part=days-view-container] igc-days-view::part(days-row){padding-inline:1.375rem}:host(igc-calendar:not([orientation=vertical])) [part=days-view-container]:first-of-type:not(:only-child) [part=navigation],:host(igc-calendar:not([orientation=vertical])) [part=days-view-container]:first-of-type:not(:only-child) igc-days-view::part(days-row){padding-inline-end:1.375rem}:host(igc-calendar:not([orientation=vertical])) [part=days-view-container]:last-of-type:not(:only-child) [part=navigation],:host(igc-calendar:not([orientation=vertical])) [part=days-view-container]:last-of-type:not(:only-child) igc-days-view::part(days-row){padding-inline-end:.75rem}[part=navigation]{--ig-icon-size: 1.5rem;height:3.5rem;color:var(--picker-foreground);background:var(--picker-background)}:host([hide-header]) [part~=navigation]{border-start-start-radius:var(--border-radius);border-start-end-radius:var(--border-radius)}:host(igc-calendar[header-orientation=vertical]) [part~=header]{width:10.5rem}[part~=header]{background:var(--header-background);color:var(--header-foreground)}[part=navigation-buttons]{gap:1.5rem}[part=months-navigation],[part=years-navigation],[part=years-range]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}[part=header-title]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);min-height:1.5rem}[part=header-date]{font-family:var(--ig-h4-font-family, var(--ig-font-family));font-size:var(--ig-h4-font-size);font-weight:var(--ig-h4-font-weight);font-style:var(--ig-h4-font-style);line-height:var(--ig-h4-line-height);letter-spacing:var(--ig-h4-letter-spacing);text-transform:var(--ig-h4-text-transform);margin-top:var(--ig-h4-margin-top);margin-bottom:var(--ig-h4-margin-bottom)}[part=years-range]{color:var(--picker-foreground)}[part~=navigation]{background:var(--picker-background);color:var(--picker-foreground)}[part~=months-navigation],[part~=years-navigation]{color:var(--picker-foreground)}[part~=months-navigation]:hover,[part~=years-navigation]:hover{color:var(--picker-hover-foreground)}[part~=months-navigation]:focus,[part~=years-navigation]:focus{color:var(--picker-focus-foreground)}[part~=navigation-button]{background:rgba(0,0,0,0);color:var(--navigation-color)}[part~=navigation-button]:hover{color:var(--navigation-hover-color)}[part~=navigation-button]:focus{color:var(--navigation-focus-color)}`; //# sourceMappingURL=calendar.bootstrap.css.js.map