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 2.5 kB
import { css } from 'lit'; export const styles = css `:host([part=days-view]){display:flex;flex-direction:column;outline:none;padding:1rem .75rem;overflow:hidden;box-sizing:border-box;gap:.25rem}[part~=days-row]{display:flex;align-items:center;justify-content:center}[part~=date-inner]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2}[part~=date-inner]::after{box-sizing:border-box}[part~=date]{margin:0 !important;z-index:0}[part~=date],[part~=week-number],[part~=label]{width:100%;position:relative;display:flex;justify-content:center;align-items:center;outline:none;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0}[part~=date]::before,[part~=date]::after,[part~=week-number]::before,[part~=week-number]::after,[part~=label]::before,[part~=label]::after{box-sizing:border-box}[part=label-inner]{text-overflow:ellipsis;overflow:hidden;text-align:center}[part~=date-inner],[part~=week-number-inner]{display:flex;align-items:center;justify-content:center}[part~=date-inner]:focus,[part~=week-number-inner]:focus{outline:none}[part~=date][part~=range][part~=first]::after,[part~=date][part~=range][part~=last]::after{content:"";position:absolute;width:50%;z-index:-1}[part~=date][part~=range][part~=first]::before,[part~=date][part~=range][part~=last]::before{content:"";position:absolute}[part~=date][part~=range][part~=first]::after{inset-inline-start:50%}[part~=date][part~=range][part~=last]::after{inset-inline-end:calc(50% - 0.0625rem)}[part~=date][part~=range]+[part~=date][part~=range][part~=last]::after{inset-inline-end:50%}[part~=week-number]{order:0;cursor:default;margin-inline-end:.25rem}[part="week-number-inner first"]::after{display:none}[part~=week-number-inner]{position:relative}[part~=week-number-inner]::after{content:"";position:absolute;height:.25rem;bottom:calc(100% + 0.0625rem);box-sizing:border-box}[part~=date-inner][part~=disabled]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:not-allowed}[part~=date-inner][part~=disabled][part~=special],[part~=date-inner][part~=disabled][part~=selected][part~=single],[part~=date-inner][part~=disabled][part~=selected][part~=first],[part~=date-inner][part~=disabled][part~=selected][part~=last],[part~=date-inner][part~=disabled][part~=current]{opacity:.38}[part~=date-inner][part~=inactive][part~=disabled]{opacity:1}[part~=hidden]{visibility:hidden}`; //# sourceMappingURL=days-view.base.css.js.map