@cw-devops/bk-magic-vue/lib/ui/time-picker.min.css

基于蓝鲸 Magicbox 和 Vue 的前端组件库

.bk-time-picker-now{border-top:1px solid #dcdee5;text-align:right;clear:both;background-color:#fafbfd;height:42px;line-height:41px;font-size:13px;padding:0 20px;text-align:center}.bk-time-picker-now a{color:#3a84ff;text-decoration:none}.bk-time-picker-cells:after{content:"";position:absolute;margin-top:0;height:32px;z-index:1;left:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;text-align:left;background-color:#e1ecff;mix-blend-mode:multiply;color:#3a84ff;pointer-events:none}.bk-time-picker-cells-title-wrapper{width:100%;height:42px;line-height:42px}.bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title{float:left;width:33.33%;text-align:center;list-style:none;color:#979ba5;font-weight:700;font-size:14px;position:relative}.bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title.active{color:#3a84ff}.bk-time-picker-cells-list{width:33.33%;max-height:192px;float:left;overflow:hidden;position:relative}.bk-time-picker-cells-list:hover{overflow-y:auto}.bk-time-picker-cells-list:first-child{border-radius:2px 0 0 2px}.bk-time-picker-cells-list:last-child{border-radius:0 2px 2px 0}.bk-time-picker-cells-list::-webkit-scrollbar{width:0;height:0;background-color:hsla(0,0%,80%,0)}.bk-time-picker-cells-list::-webkit-scrollbar-thumb{width:0;height:0;background-color:transparent}.bk-time-picker-cells-list .bk-time-picker-cells-ul{width:100%;margin:0;padding:0 0 160px;list-style:none}.bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell{width:100%;height:32px;line-height:32px;margin:0;padding:0;-webkit-box-sizing:content-box;box-sizing:content-box;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;list-style:none;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out;color:#63656e;font-size:12px;position:relative}.bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell:hover{background-color:#f0f1f5}.bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-disabled{color:#c4c6cc;cursor:not-allowed}.bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-disabled:hover{color:#c4c6cc;background-color:#fff;cursor:not-allowed}.bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-selected,.bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-selected:hover{color:#3a84ff}.bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-selected{font-weight:700}.bk-time-picker-header{height:46px;line-height:46px;text-align:center;border-bottom:1px solid #dcdee5;font-size:14px;font-weight:700;color:#63656e}.now-time{font-weight:400;cursor:pointer;margin-left:3px}.bk-time-picker-with-range .bk-picker-panel-content{float:left;position:relative}.bk-time-picker-with-range .bk-picker-panel-content:after{content:"";display:block;width:1px;position:absolute;top:45px;bottom:0;right:-1px;background:#e8eaec;z-index:1}.bk-time-picker-with-range .bk-picker-panel-content-right{float:right}.bk-time-picker-with-range .bk-picker-panel-content-right:after{right:auto;left:0}.bk-time-picker-with-range .bk-time-picker-cells-list:first-child{border-radius:0}.bk-time-picker-with-range .bk-time-picker-cells-list:last-child{border-radius:0}.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells,.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds{min-width:216px}.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds .bk-time-picker-cells-list{width:72px}.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds .bk-time-picker-cells-list ul li{padding:0}.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list{width:108px;max-height:200px}.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list:first-child{border-radius:0}.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list:last-child{border-radius:0}.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list ul{padding:0 0 168px}
/*# sourceMappingURL=time-picker.min.css.map */