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 • 7.44 kB
JavaScript
import { css } from 'lit';
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host(igc-calendar){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:var(--ig-font-family);min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;overflow:hidden;font-size:max(var(--is-large, 1)*max(var(--ig-body-1-font-size), -1 * var(--ig-body-1-font-size)),var(--is-medium, 1)*max(var(--ig-body-2-font-size), -1 * var(--ig-body-2-font-size)),var(--is-small, 1)*max(var(--ig-body-2-font-size), -1 * var(--ig-body-2-font-size)));font-weight:max(var(--is-large, 1)*max(var(--ig-body-1-font-weight), -1 * var(--ig-body-1-font-weight)),var(--is-medium, 1)*max(var(--ig-body-2-font-weight), -1 * var(--ig-body-2-font-weight)),var(--is-small, 1)*max(var(--ig-body-2-font-weight), -1 * var(--ig-body-2-font-weight)));font-style:max(var(--is-large, 1)*max(var(--ig-body-1-font-style), -1 * var(--ig-body-1-font-style)),var(--is-medium, 1)*max(var(--ig-body-2-font-style), -1 * var(--ig-body-2-font-style)),var(--is-small, 1)*max(var(--ig-body-2-font-style), -1 * var(--ig-body-2-font-style)));line-height:max(var(--is-large, 1)*max(var(--ig-body-1-line-height), -1 * var(--ig-body-1-line-height)),var(--is-medium, 1)*max(var(--ig-body-2-line-height), -1 * var(--ig-body-2-line-height)),var(--is-small, 1)*max(var(--ig-body-2-line-height), -1 * var(--ig-body-2-line-height)));letter-spacing:max(var(--is-large, 1)*max(var(--ig-body-1-letter-spacing), -1 * var(--ig-body-1-letter-spacing)),var(--is-medium, 1)*max(var(--ig-body-2-letter-spacing), -1 * var(--ig-body-2-letter-spacing)),var(--is-small, 1)*max(var(--ig-body-2-letter-spacing), -1 * var(--ig-body-2-letter-spacing)));text-transform:max(var(--is-large, 1)*max(var(--ig-body-1-text-transform), -1 * var(--ig-body-1-text-transform)),var(--is-medium, 1)*max(var(--ig-body-2-text-transform), -1 * var(--ig-body-2-text-transform)),var(--is-small, 1)*max(var(--ig-body-2-text-transform), -1 * var(--ig-body-2-text-transform)))}:host(igc-calendar) [part=days-view-container] [part=navigation],:host(igc-calendar) [part=days-view-container] igc-days-view{min-width:max(var(--is-large, 1)*max(22.5rem, -1 * 22.5rem),var(--is-medium, 1)*max(19.625rem, -1 * 19.625rem),var(--is-small, 1)*max(18.125rem, -1 * 18.125rem))}:host(igc-calendar) igc-days-view::part(date),:host(igc-calendar) igc-days-view::part(week-number),:host(igc-calendar) igc-days-view::part(label),:host(igc-calendar) igc-days-view::part(days-row){-webkit-box-sizing:border-box;box-sizing:border-box}:host(igc-calendar) igc-days-view::part(week-number-inner),:host(igc-calendar) igc-days-view::part(date-inner){-webkit-box-sizing:border-box;box-sizing:border-box}:host(igc-calendar) igc-years-view,:host(igc-calendar) igc-months-view{display:grid;row-gap:.25rem;width:100%;min-width:max(var(--is-large, 1)*max(22.5rem, -1 * 22.5rem),var(--is-medium, 1)*max(19.625rem, -1 * 19.625rem),var(--is-small, 1)*max(18.125rem, -1 * 18.125rem));grid-template-rows:repeat(3, minmax(-webkit-max-content, 1fr));grid-template-rows:repeat(3, minmax(max-content, 1fr))}:host(igc-calendar) igc-days-view,:host(igc-calendar) igc-months-view,:host(igc-calendar) igc-years-view{font-family:var(--ig-font-family);overflow:visible}[part=navigation]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0rem 16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[part=months-navigation],[part=years-navigation],[part~=navigation-button]{background:rgba(0,0,0,0);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:none;padding:0;-webkit-transition:color 150ms ease-in-out;transition:color 150ms ease-in-out}[part=months-navigation]:hover,[part=months-navigation]:focus,[part=years-navigation]:hover,[part=years-navigation]:focus,[part~=navigation-button]:hover,[part~=navigation-button]:focus{cursor:pointer}[part=months-navigation]:focus,[part=years-navigation]:focus,[part~=navigation-button]:focus{outline:none}[part~=navigation-button][part~=vertical]{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}[part=navigation-buttons]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host-context([dir=rtl]) [part~=navigation-button],:host([dir=rtl]) [part~=navigation-button]{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}:host-context([dir=rtl]) [part~=navigation-button][part~=vertical],:host([dir=rtl]) [part~=navigation-button][part~=vertical]{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}:host(igc-calendar[header-orientation=vertical]){-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}:host(igc-calendar[header-orientation=vertical]) [part=header]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;border-radius:inherit;border-start-end-radius:0;border-end-end-radius:0}:host(igc-calendar[header-orientation=vertical]) [part=header-date]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[part~=picker-dates]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.25rem}[part=days-view-container]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[part=header]{border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1rem}[part=content]{border-radius:inherit;border-top-left-radius:0;border-top-right-radius:0}[part=header-date],[part=header-title]{margin:0}[part=header-date]{display:-webkit-box;display:-ms-flexbox;display:flex;white-space:pre-wrap}.aria-off-screen{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}`;
//# sourceMappingURL=calendar.base.css.js.map