fine-true/lib/calendar/index.css

A small and beautiful Vue3 version of the UI Library

.fine-calendar{box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d}.fine-calendar .fine-select{width:80px}.fine-picker-header{display:flex;justify-content:flex-end;align-items:flex-start;padding:12px 8px}.fine-picker-header>*{margin-right:5px}.fine-picker-panel{display:inline-flex;flex-direction:column;text-align:center;background:#fff;border:1px solid #f0f0f0;border-radius:2px;outline:0}.fine-picker-body{padding:8px 0}.fine-picker-content{width:100%;height:256px;table-layout:fixed;border-collapse:collapse}.fine-picker-content td,.fine-picker-content th{position:relative;font-weight:400}.fine-picker-cell{padding:3px 0;color:#00000040;cursor:pointer}.fine-picker-cell-inner{position:relative;z-index:2;display:inline-block;min-width:30px;height:24px;line-height:24px;border-radius:2px;transition:background .3s,border .3s}.fine-picker-cell-inner:hover{background-color:#eee}.fine-picker-cell-in-view{color:#000000d9}.fine-picker-cell-selected .fine-picker-cell-inner,.fine-picker-cell-selected .fine-picker-cell-inner:hover{background-color:#1890ff;color:#fff}.fine-picker-calendar-date-today::before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:1px solid var(--fine-blue);border-radius:2px;content:''}