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.36 kB
JavaScript
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{padding-inline: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{padding-inline-end:.75rem}: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{padding-inline-end:1.375rem}:host(igc-calendar[header-orientation=vertical]) [part~=header]{width:10.5rem}[part=header]{color:var(--header-foreground);background:var(--header-background)}[part=navigation]{--ig-icon-size: 1.5rem;height:3.5rem;color:var(--picker-foreground);background:var(--picker-background)}[part~=navigation-buttons]{gap:.5rem}[part~=navigation-button][part~=vertical]{transform:none}[part=months-navigation],[part=years-navigation],[part=years-range]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}[part=header-title]{font-family:var(--ig-overline-font-family, var(--ig-font-family));font-size:var(--ig-overline-font-size);font-weight:var(--ig-overline-font-weight);font-style:var(--ig-overline-font-style);line-height:var(--ig-overline-line-height);letter-spacing:var(--ig-overline-letter-spacing);text-transform:var(--ig-overline-text-transform);margin-top:var(--ig-overline-margin-top);margin-bottom:var(--ig-overline-margin-bottom)}[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~=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]{color:var(--navigation-color)}[part~=navigation-button]:hover{color:var(--navigation-hover-color)}[part~=navigation-button]:focus{color:var(--navigation-focus-color)}`;
//# sourceMappingURL=calendar.fluent.css.js.map