bk-vue-cec/lib/ui/time-picker.min.css.map

一个为运维业务场景而生，好看易用的Vue2原创组件库，由T-inside Design进行托管社区化运作

{"version":3,"sources":["time-picker.css"],"names":[],"mappings":"AA8BI,4BACI,UAAW,CAEX,iBAAkB,CAClB,YAAa,CACb,WAAY,CACZ,SAAU,CACV,MAAO,CACP,OAAQ,CACR,6BAA8B,CAC9B,qBAAsB,CACtB,eAAgB,CAChB,eAAgB,CAGhB,qCAAsC,CACtC,uBAAwB,CACxB,aAAoB,CACpB,mBACJ,CA7CA,iPACI,UAAW,CACX,iBAAkB,CAClB,SAAU,CACV,eAAgB,CAChB,wBAA+B,CAC/B,QAAS,CACT,SAAW,CACX,iBAAkB,CAClB,SACJ,CACA,+OACI,UAAW,CACX,iBAAkB,CAClB,SAAU,CACV,eAAgB,CAChB,wBAA+B,CAC/B,QAAqB,CACrB,SAAW,CACX,iBAAkB,CAClB,SACJ,CAqCJ,oCACI,UAAW,CACX,WAAY,CACZ,gBAiBJ,CAhBI,gEACI,UAAW,CACX,YAAa,CACb,iBAAkB,CAClB,eAAgB,CAChB,aAAsB,CACtB,eAAgB,CAChB,cAAe,CACf,iBAOJ,CANI,uEACI,aACJ,CAzEJ,qFACI,UAAW,CACX,iBAAkB,CAClB,SAAU,CACV,eAAgB,CAChB,wBAA+B,CAC/B,QAAS,CACT,UAAW,CACX,iBAAkB,CAClB,SACJ,CACA,oFACI,UAAW,CACX,iBAAkB,CAClB,SAAU,CACV,eAAgB,CAChB,wBAA+B,CAC/B,QAAqB,CACrB,UAAW,CACX,iBAAkB,CAClB,SACJ,CA0DJ,2BAEI,YAAa,CACb,gBAAiB,CACjB,UAAW,CACX,eAAgB,CAEhB,iBAuEJ,CAtEI,iCACI,eACJ,CACA,uCAEI,yBACJ,CACA,sCACI,yBACJ,CACA,8CACI,OAAQ,CACR,QAAS,CACT,iCACJ,CACA,oDACI,OAAQ,CACR,QAAS,CACT,4BACJ,CACA,oDACI,UAAW,CACX,QAAS,CAGT,iBAAoB,CACpB,eA2CJ,CA1CI,+EACI,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,QAAS,CAET,SAAU,CACV,8BAAuB,CAAvB,sBAAuB,CAEvB,iBAAkB,CAClB,wBAAiB,CAAjB,qBAAiB,CAAjB,oBAAiB,CAAjB,gBAAiB,CACjB,cAAe,CACf,eAAgB,CAChB,6CAAuC,CAAvC,qCAAuC,CACvC,aAAsB,CACtB,cAAe,CACf,iBAMJ,CALI,qFAEI,aAEJ,CAEJ,wFACI,aAAoB,CACpB,kBAMJ,CALI,8FACI,aAAoB,CACpB,qBAAsB,CACtB,kBACJ,CAGJ,sLAGI,aACJ,CASR,uBACI,WAAY,CACZ,gBAAiB,CACjB,iBAAkB,CAClB,+BAAuC,CACvC,cAAe,CACf,eAAgB,CAChB,aACJ,CAIA,oDACI,UAAW,CACX,iBACJ,CACA,0DACI,UAAU,CACV,aAAc,CAEd,SAAU,CACV,iBAAkB,CAClB,QAAS,CACT,QAAS,CAET,UAAW,CACX,kBAAmB,CACnB,SACJ,CACA,0DACI,WACJ,CACA,gEACI,UAAW,CACX,MACJ,CACA,kEACI,eACJ,CACA,iEACI,eACJ,CAOA,6JACI,eACJ,CACA,gHACI,UACJ,CACA,sHAEI,SACJ,CACA,6EACI,WAAY,CAEZ,gBACJ,CACA,yFACI,eACJ,CACA,wFACI,eACJ,CACA,gFACI,iBACJ","file":"time-picker.min.css","sourcesContent":["@import './variable.css';\r\n\r\n/* 生成 HH:mm:ss 中间的两个点 */\r\n@define-mixin dot $top: 55px, $left: 85px {\r\n    &:before {\r\n        content: '';\r\n        position: absolute;\r\n        width: 2px;\r\n        padding-top: 2px;\r\n        background-color: $newMainColor;\r\n        top: $top;\r\n        left: $left;\r\n        border-radius: 50%;\r\n        z-index: 1;\r\n    }\r\n    &:after {\r\n        content: '';\r\n        position: absolute;\r\n        width: 2px;\r\n        padding-top: 2px;\r\n        background-color: $newMainColor;\r\n        top: calc($top + 5px);\r\n        left: $left;\r\n        border-radius: 50%;\r\n        z-index: 1;\r\n    }\r\n}\r\n\r\n.bk-time-picker-cells {\r\n    /* min-width: 112px; */\r\n    &:after {\r\n        content: \"\";\r\n        /* top: 50%; */\r\n        position: absolute;\r\n        margin-top: 0;\r\n        height: 32px;\r\n        z-index: 1;\r\n        left: 0;\r\n        right: 0;\r\n        -webkit-box-sizing: border-box;\r\n        box-sizing: border-box;\r\n        padding-top: 6px;\r\n        text-align: left;\r\n        /* border-top: 1px solid #e4e7ed; */\r\n        /* border-bottom: 1px solid #e4e7ed; */\r\n        background-color: rgba(58,132,255,.16);\r\n        mix-blend-mode: multiply;\r\n        color: $newMainColor;\r\n        pointer-events: none;\r\n    }\r\n}\r\n.bk-time-picker-cells-with-seconds {\r\n    /* min-width: 168px; */\r\n    .bk-time-picker-cells-title-wrapper {\r\n        .bk-time-picker-cells-title {\r\n            &:nth-of-type(1),\r\n            &:nth-of-type(2) {\r\n                @mixin dot 55px, 85px;\r\n            }\r\n        }\r\n    }\r\n}\r\n.bk-time-picker-cells-title-wrapper {\r\n    width: 100%;\r\n    height: 42px;\r\n    line-height: 42px;\r\n    .bk-time-picker-cells-title {\r\n        float: left;\r\n        width: 33.33%;\r\n        text-align: center;\r\n        list-style: none;\r\n        color: $newBlackColor2;\r\n        font-weight: 700;\r\n        font-size: 14px;\r\n        position: relative;\r\n        &.active {\r\n            color: $newMainColor;\r\n        }\r\n        &:nth-of-type(1) {\r\n            @mixin dot 55px, 133px;\r\n        }\r\n    }\r\n}\r\n.bk-time-picker-cells-list {\r\n    /* width: 56px; */\r\n    width: 33.33%;\r\n    max-height: 192px;\r\n    float: left;\r\n    overflow: hidden;\r\n    /* border-left: 1px solid #e8eaec; */\r\n    position: relative;\r\n    &:hover {\r\n        overflow-y: auto;\r\n    }\r\n    &:first-child {\r\n        /* border-left: none; */\r\n        border-radius: 2px 0 0 2px;\r\n    }\r\n    &:last-child {\r\n        border-radius: 0 2px 2px 0;\r\n    }\r\n    &::-webkit-scrollbar {\r\n        width: 0;\r\n        height: 0;\r\n        background-color: color(transparent lightness(80%));\r\n    }\r\n    &::-webkit-scrollbar-thumb {\r\n        width: 0;\r\n        height: 0;\r\n        background-color: transparent;\r\n    }\r\n    .bk-time-picker-cells-ul {\r\n        width: 100%;\r\n        margin: 0;\r\n        /* padding: 0 0 120px 0; */\r\n        /* padding: 0 0 96px 0; */\r\n        padding: 0 0 160px 0;\r\n        list-style: none;\r\n        .bk-time-picker-cells-cell {\r\n            width: 100%;\r\n            height: 32px;\r\n            line-height: 32px;\r\n            margin: 0;\r\n            /* padding: 0 0 0 16px; */\r\n            padding: 0;\r\n            box-sizing: content-box;\r\n            /* text-align: left; */\r\n            text-align: center;\r\n            user-select: none;\r\n            cursor: pointer;\r\n            list-style: none;\r\n            transition: background 0.2s ease-in-out;\r\n            color: $newBlackColor2;\r\n            font-size: 12px;\r\n            position: relative;\r\n            &:hover {\r\n                /* background-color: $newGreyColor2; */\r\n                color: $newMainColor;\r\n                /* font-weight: 700; */\r\n            }\r\n        }\r\n        .bk-time-picker-cells-cell-disabled {\r\n            color: $newGreyColor;\r\n            cursor: not-allowed;\r\n            &:hover {\r\n                color: $newGreyColor;\r\n                background-color: #fff;\r\n                cursor: not-allowed;\r\n            }\r\n        }\r\n\r\n        .bk-time-picker-cells-cell-selected,\r\n        .bk-time-picker-cells-cell-selected:hover {\r\n            /* background-color: $newMainColor3; */\r\n            color: $newMainColor;\r\n        }\r\n\r\n        .bk-time-picker-cells-cell-focused {\r\n            /* background-color: #f3f3f3; */\r\n        }\r\n    }\r\n}\r\n\r\n\r\n.bk-time-picker-header {\r\n    height: 46px;\r\n    line-height: 46px;\r\n    text-align: center;\r\n    border-bottom: 1px solid $newGreyColor1;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: $newBlackColor2;\r\n}\r\n.bk-time-picker-with-range .bk-picker-panel-body {\r\n    /* min-width: 228px; */\r\n}\r\n.bk-time-picker-with-range .bk-picker-panel-content {\r\n    float: left;\r\n    position: relative;\r\n}\r\n.bk-time-picker-with-range .bk-picker-panel-content:after {\r\n    content:'';\r\n    display: block;\r\n    /* width: 2px; */\r\n    width: 1px;\r\n    position: absolute;\r\n    top: 45px;\r\n    bottom: 0;\r\n    /* right: -2px; */\r\n    right: -1px;\r\n    background: #e8eaec;\r\n    z-index: 1;\r\n}\r\n.bk-time-picker-with-range .bk-picker-panel-content-right {\r\n    float: right;\r\n}\r\n.bk-time-picker-with-range .bk-picker-panel-content-right:after {\r\n    right: auto;\r\n    left: 0;\r\n}\r\n.bk-time-picker-with-range .bk-time-picker-cells-list:first-child {\r\n    border-radius: 0;\r\n}\r\n.bk-time-picker-with-range .bk-time-picker-cells-list:last-child {\r\n    border-radius: 0;\r\n}\r\n.bk-time-picker-with-range.bk-time-picker-with-seconds .bk-picker-panel-body {\r\n    /* min-width: 340px; */\r\n}\r\n.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells {\r\n    min-width: 216px;\r\n}\r\n.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds {\r\n    min-width: 216px;\r\n}\r\n.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds .bk-time-picker-cells-list {\r\n    width: 72px;\r\n}\r\n.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds .bk-time-picker-cells-list ul li {\r\n    /* padding: 0 0 0 28px; */\r\n    padding: 0;\r\n}\r\n.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list {\r\n    width: 108px;\r\n    /* max-height: 216px; */\r\n    max-height: 200px;\r\n}\r\n.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list:first-child {\r\n    border-radius: 0;\r\n}\r\n.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list:last-child {\r\n    border-radius: 0;\r\n}\r\n.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list ul {\r\n    padding: 0 0 168px 0;\r\n}\r\n"]}