comic-plus

Version:

1 lines • 2.28 kB

CSS

.cu-time-picker__content{display:flex;width:100%;height:100%;align-items:center;padding:0 8px}.cu-time-picker__content .cu-input__inner{cursor:inherit}.cu-time-picker__content .prefix-icon{min-width:22px;padding-right:8px;box-sizing:border-box;height:100%;cursor:inherit;transition:transform .2s;color:var(--cu-text-color-light6)}.cu-time-picker__content .suffix-icon{padding-left:8px;color:var(--cu-text-color-light6);min-width:22px;line-height:1;box-sizing:border-box}.cu-time-picker__content .clearable{display:none;cursor:pointer;color:var(--cu-text-color-light6)}.cu-time-picker:hover .clearable{display:initial}.cu-time-picker__content .clearable:hover{color:var(--cu-text-color-light3)}.cu-time-picker__popper{font-size:13px}.cu-time-picker__listbox{--time-height:30px;width:180px;display:flex;height:calc(var(--time-height) * 7);position:relative}.cu-time-picker__popper.range>div{display:flex;padding:10px}.cu-time-picker__popper.range>div .time-title{text-align:center;margin-bottom:10px}.cu-time-picker__popper.range .cu-time-picker__listbox{border:1px solid var(--cu-border-color)}.rangetime-box+.rangetime-box{margin-left:10px}.cu-time-picker__footer{border-top:1px solid var(--cu-border-color);padding:4px 8px;display:flex;justify-content:flex-end}.cu-time-picker__popper .cu-time-picker__list{padding:calc(var(--time-height) * 3) 0;margin:0;flex:1;overflow-y:auto;height:100%;scroll-snap-type:y mandatory;overscroll-behavior-y:none;scrollbar-width:none;list-style:none}.cu-time-picker__popper .cu-time-picker__list>li{font-size:12px;width:100%;height:var(--time-height);display:inline-block;line-height:var(--time-height);text-align:center;cursor:pointer;scroll-snap-align:center}.cu-time-picker__popper .cu-time-picker__list>li:hover{background-color:var(--cu-background-color)}.cu-time-picker__listbox::after,.cu-time-picker__listbox::before{content:'';display:block;height:1px;position:absolute;left:8px;right:8px;top:50%;opacity:.5;background-color:var(--cu-border-color)}.cu-time-picker__listbox::before{transform:translateY(-15px)}.cu-time-picker__listbox::after{transform:translateY(15px)}.cu-time-picker__listbox .cu-time-picker__list>li.active{color:var(--cu-color-primary);font-weight:700}.time-scroll{scroll-snap-type:y mandatory;overscroll-behavior-y:none}