@opentiny/vue-theme/time-range/index.css

An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.

.tiny-time-range-picker{--tv-TimeRange-font-size:var(--tv-font-size-default, 14px);--tv-TimeRange-border-radius:var(--tv-border-radius-md, 6px);--tv-TimeRange-border-color-divider:var(--tv-color-border-divider, #f0f0f0);--tv-TimeRange-cell-content-padding-bottom:var(--tv-space-xl, 16px);--tv-TimeRange-header-height:var(--tv-size-height-xl, 48px);--tv-TimeRange-header-line-height:var(--tv-TimeRange-header-height, 48px);--tv-TimeRange-header-text-color:var(--tv-color-text-weaken, #808080);--tv-TimeRange-header-padding:0 var(--tv-space-xl, 16px);--tv-TimeRange-title-padding:var(--tv-space-lg, 12px) var(--tv-space-md, 8px) var(--tv-space-md, 8px) var(--tv-space-md, 8px);--tv-TimeRange-footer-padding:var(--tv-space-xl, 16px);--tv-TimeRange-btn-padding:0 var(--tv-space-sm, 4px);--tv-TimeRange-btn-height:var(--tv-size-height-sm, 28px);--tv-TimeRange-btn-text-color:var(--tv-color-text-secondary, #595959);--tv-TimeRange-btn-confirm-text-color:var(--tv-color-text-link, #1476ff);width:470px;overflow:visible}.tiny-time-range-picker__content{position:relative;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.tiny-time-range-picker__content-date{border-right:1px solid var(--tv-TimeRange-border-color-divider)}.tiny-time-range-picker__header-title{font-size:var(--tv-TimeRange-font-size);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;color:var(--tv-TimeRange-header-text-color);padding:var(--tv-TimeRange-title-padding);-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-time-range-picker__cell{width:50%}.tiny-time-range-picker__cell .tiny-time-panel__content{padding-bottom:var(--tv-TimeRange-cell-content-padding-bottom)}.tiny-time-range-picker__header{height:var(--tv-TimeRange-header-height);color:var(--tv-TimeRange-header-text-color);line-height:var(--tv-TimeRange-header-line-height);padding:var(--tv-TimeRange-header-padding);text-align:left;font-size:var(--tv-TimeRange-font-size);border-bottom:1px solid var(--tv-TimeRange-border-color-divider)}.tiny-time-range-picker__body{border-radius:var(--tv-TimeRange-border-radius)}.tiny-time-range-picker__footer{border-top:1px solid var(--tv-TimeRange-border-color-divider);padding:var(--tv-TimeRange-footer-padding);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-time-range-picker__btn.tiny-button{min-width:inherit;border:none;line-height:var(--tv-TimeRange-btn-height);padding:var(--tv-TimeRange-btn-padding);margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:var(--tv-TimeRange-btn-text-color);border-radius:var(--tv-TimeRange-border-radius);-webkit-transition:background-color .3s cubic-bezier(.645,.045,.355,1);transition:background-color .3s cubic-bezier(.645,.045,.355,1)}.tiny-time-range-picker__btn.tiny-button.cancel{display:inline-block}.tiny-time-range-picker__btn.tiny-button.confirm{color:var(--tv-TimeRange-btn-confirm-text-color)}.tiny-time-range-picker__btn.tiny-button.confirm:hover{background-color:transparent}