ivue-material-plus
Version:
A high quality UI components Library with Vue.js
1 lines • 1.98 kB
CSS
:root{--ivue-date-picker-date-height:248px;--ivue-date-picker-date-padding:0 12px;--ivue-date-picker-date-font-size:14px;--ivue-date-picker-date-table-th-padding:8px 0;--ivue-date-picker-date-table-td-width:45px;--ivue-date-picker-date-table-td-button-size:33px;--ivue-date-picker-date-note-size:8px;--ivue-date-picker-date-note-left:50%;--ivue-date-picker-date-note-bottom:2px;--ivue-date-picker-date-note-transform:translateX(-4px);--ivue-date-picker-date-button-color:rgba(0, 0, 0, 0.87);--ivue-date-picker-date-table-th-color:rgba(0, 0, 0, 0.38)}.ivue-date-picker-date{position:relative;text-align:center;padding:var(--ivue-date-picker-date-padding);height:var(--ivue-date-picker-date-height);font-size:var(--ivue-date-picker-date-font-size)}.ivue-date-picker-date table{table-layout:fixed;width:100%;-webkit-transition:.3s cubic-bezier(.4,0,.2,1);transition:.3s cubic-bezier(.4,0,.2,1)}.ivue-date-picker-date--table th{font-weight:600;padding:var(--ivue-date-picker-date-table-th-padding);color:var(--ivue-date-picker-date-table-th-color)}.ivue-date-picker-date--table td{position:relative;text-align:center;width:var(--ivue-date-picker-date-table-td-width)}.ivue-date-picker-date--table td button{text-align:center;height:var(--ivue-date-picker-date-table-td-button-size);width:var(--ivue-date-picker-date-table-td-button-size);min-width:var(--ivue-date-picker-date-table-td-button-size);font-size:var(--ivue-font-base-size);margin:0;color:var(--ivue-date-picker-date-button-color);border:1px solid;border-color:transparent}.ivue-date-picker-date--note{position:absolute;left:var(--ivue-date-picker-date-note-left);bottom:var(--ivue-date-picker-date-note-bottom);-webkit-transform:var(--ivue-date-picker-date-note-transform);-ms-transform:var(--ivue-date-picker-date-note-transform);transform:var(--ivue-date-picker-date-note-transform);border-radius:50%;width:var(--ivue-date-picker-date-note-size);height:var(--ivue-date-picker-date-note-size);background:currentColor}