igniteui-webcomponents/components/calendar/themes/calendar.base.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{--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;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host(igc-calendar){display:flex;flex-direction:column;font-family:var(--ig-font-family);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){box-sizing:border-box}:host(igc-calendar) igc-days-view::part(week-number-inner),:host(igc-calendar) igc-days-view::part(date-inner){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(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:flex;justify-content:space-between;align-items:center;padding:0rem 16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part=months-navigation],[part=years-navigation],[part~=navigation-button]{background:rgba(0,0,0,0);display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:none;padding:0;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]{transform:rotate(90deg)}[part=navigation-buttons]{display:flex;align-items:center}:host-context([dir=rtl]) [part~=navigation-button],:host([dir=rtl]) [part~=navigation-button]{transform:rotate(180deg)}:host-context([dir=rtl]) [part~=navigation-button][part~=vertical],:host([dir=rtl]) [part~=navigation-button][part~=vertical]{transform:rotate(90deg)}:host(igc-calendar[header-orientation=vertical]){flex-direction:row}:host(igc-calendar[header-orientation=vertical]) [part=header]{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]{flex-direction:column}[part~=picker-dates]{display:flex;align-items:center;gap:.25rem}[part=days-view-container]{flex-grow:1}[part=header]{border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;display:flex;flex-direction:column;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: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