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

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

{"version":3,"sources":["time-picker.css"],"names":[],"mappings":"AA4BA,oBACI,4BAAoC,CACpC,gBAAiB,CACjB,UAAW,CACX,wBAAgC,CAChC,WAAY,CACZ,gBAAiB,CACjB,cAAe,CACf,cAAe,CACf,iBAKJ,CAJI,sBACI,aAAoB,CACpB,oBACJ,CAKA,4BACI,UAAW,CAEX,iBAAkB,CAClB,YAAa,CACb,WAAY,CACZ,SAAU,CACV,MAAO,CACP,OAAQ,CACR,6BAA8B,CAC9B,qBAAsB,CACtB,eAAgB,CAChB,eAAgB,CAGhB,wBAAgC,CAChC,uBAAwB,CACxB,aAAoB,CACpB,mBACJ,CAaJ,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,CAMR,2BAEI,YAAa,CACb,gBAAiB,CACjB,UAAW,CACX,eAAgB,CAEhB,iBA0EJ,CAzEI,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,eA8CJ,CA7CI,+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,qFACI,wBAGJ,CAEJ,wFACI,aAAoB,CACpB,kBAMJ,CALI,8FACI,aAAoB,CACpB,qBAAsB,CACtB,kBACJ,CAGJ,sLAGI,aACJ,CACA,wFACI,eACJ,CASR,uBACI,WAAY,CACZ,gBAAiB,CACjB,iBAAkB,CAClB,+BAAuC,CACvC,cAAe,CACf,eAAgB,CAChB,aACJ,CACA,UACI,eAAgB,CAChB,cAAe,CACf,eACJ,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';\n\n/* 生成 HH:mm:ss 中间的两个点 */\n@define-mixin dot $top: 55px, $left: 85px {\n    &:before {\n        content: '';\n        position: absolute;\n        width: 2px;\n        padding-top: 2px;\n        background-color: $newMainColor;\n        top: $top;\n        left: $left;\n        border-radius: 50%;\n        z-index: 1;\n    }\n    &:after {\n        content: '';\n        position: absolute;\n        width: 2px;\n        padding-top: 2px;\n        background-color: $newMainColor;\n        top: calc($top + 5px);\n        left: $left;\n        border-radius: 50%;\n        z-index: 1;\n    }\n}\n\n.bk-time-picker-now {\n    border-top: 1px solid $newGreyColor1;\n    text-align: right;\n    clear: both;\n    background-color: $newGreyColor3;\n    height: 42px;\n    line-height: 41px;\n    font-size: 13px;\n    padding: 0 20px;\n    text-align: center;\n    a {\n        color: $newMainColor;\n        text-decoration: none;\n    }\n}\n\n.bk-time-picker-cells {\n    /* min-width: 112px; */\n    &:after {\n        content: \"\";\n        /* top: 50%; */\n        position: absolute;\n        margin-top: 0;\n        height: 32px;\n        z-index: 1;\n        left: 0;\n        right: 0;\n        -webkit-box-sizing: border-box;\n        box-sizing: border-box;\n        padding-top: 6px;\n        text-align: left;\n        /* border-top: 1px solid #e4e7ed; */\n        /* border-bottom: 1px solid #e4e7ed; */\n        background-color: $newMainColor3;\n        mix-blend-mode: multiply;\n        color: $newMainColor;\n        pointer-events: none;\n    }\n}\n.bk-time-picker-cells-with-seconds {\n    /* min-width: 168px; */\n    /* .bk-time-picker-cells-title-wrapper {\n        .bk-time-picker-cells-title {\n            &:nth-of-type(1),\n            &:nth-of-type(2) {\n                @mixin dot 55px, 85px;\n            }\n        }\n    }*/\n}\n.bk-time-picker-cells-title-wrapper {\n    width: 100%;\n    height: 42px;\n    line-height: 42px;\n    .bk-time-picker-cells-title {\n        float: left;\n        width: 33.33%;\n        text-align: center;\n        list-style: none;\n        color: $newBlackColor3;\n        font-weight: 700;\n        font-size: 14px;\n        position: relative;\n        &.active {\n            color: $newMainColor;\n        }\n        /* &:nth-of-type(1) {\n            @mixin dot 55px, 133px;\n        } */\n    }\n}\n.bk-time-picker-cells-list {\n    /* width: 56px; */\n    width: 33.33%;\n    max-height: 192px;\n    float: left;\n    overflow: hidden;\n    /* border-left: 1px solid #e8eaec; */\n    position: relative;\n    &:hover {\n        overflow-y: auto;\n    }\n    &:first-child {\n        /* border-left: none; */\n        border-radius: 2px 0 0 2px;\n    }\n    &:last-child {\n        border-radius: 0 2px 2px 0;\n    }\n    &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n        background-color: color(transparent lightness(80%));\n    }\n    &::-webkit-scrollbar-thumb {\n        width: 0;\n        height: 0;\n        background-color: transparent;\n    }\n    .bk-time-picker-cells-ul {\n        width: 100%;\n        margin: 0;\n        /* padding: 0 0 120px 0; */\n        /* padding: 0 0 96px 0; */\n        padding: 0 0 160px 0;\n        list-style: none;\n        .bk-time-picker-cells-cell {\n            width: 100%;\n            height: 32px;\n            line-height: 32px;\n            margin: 0;\n            /* padding: 0 0 0 16px; */\n            padding: 0;\n            box-sizing: content-box;\n            /* text-align: left; */\n            text-align: center;\n            user-select: none;\n            cursor: pointer;\n            list-style: none;\n            transition: background 0.2s ease-in-out;\n            color: $newBlackColor2;\n            font-size: 12px;\n            position: relative;\n            &:hover {\n                background-color: $newGreyColor2;\n                /* color: $newMainColor; */\n                /* font-weight: 700; */\n            }\n        }\n        .bk-time-picker-cells-cell-disabled {\n            color: $newGreyColor;\n            cursor: not-allowed;\n            &:hover {\n                color: $newGreyColor;\n                background-color: #fff;\n                cursor: not-allowed;\n            }\n        }\n\n        .bk-time-picker-cells-cell-selected,\n        .bk-time-picker-cells-cell-selected:hover {\n            /* background-color: $newMainColor3; */\n            color: $newMainColor;\n        }\n        .bk-time-picker-cells-cell-selected {\n            font-weight: 700;\n        }\n\n        .bk-time-picker-cells-cell-focused {\n            /* background-color: #f3f3f3; */\n        }\n    }\n}\n\n\n.bk-time-picker-header {\n    height: 46px;\n    line-height: 46px;\n    text-align: center;\n    border-bottom: 1px solid $newGreyColor1;\n    font-size: 14px;\n    font-weight: 700;\n    color: $newBlackColor2;\n}\n.now-time {\n    font-weight: 400;\n    cursor: pointer;\n    margin-left: 3px;\n}\n.bk-time-picker-with-range .bk-picker-panel-body {\n    /* min-width: 228px; */\n}\n.bk-time-picker-with-range .bk-picker-panel-content {\n    float: left;\n    position: relative;\n}\n.bk-time-picker-with-range .bk-picker-panel-content:after {\n    content:'';\n    display: block;\n    /* width: 2px; */\n    width: 1px;\n    position: absolute;\n    top: 45px;\n    bottom: 0;\n    /* right: -2px; */\n    right: -1px;\n    background: #e8eaec;\n    z-index: 1;\n}\n.bk-time-picker-with-range .bk-picker-panel-content-right {\n    float: right;\n}\n.bk-time-picker-with-range .bk-picker-panel-content-right:after {\n    right: auto;\n    left: 0;\n}\n.bk-time-picker-with-range .bk-time-picker-cells-list:first-child {\n    border-radius: 0;\n}\n.bk-time-picker-with-range .bk-time-picker-cells-list:last-child {\n    border-radius: 0;\n}\n.bk-time-picker-with-range.bk-time-picker-with-seconds .bk-picker-panel-body {\n    /* min-width: 340px; */\n}\n.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells {\n    min-width: 216px;\n}\n.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds {\n    min-width: 216px;\n}\n.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds .bk-time-picker-cells-list {\n    width: 72px;\n}\n.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds .bk-time-picker-cells-list ul li {\n    /* padding: 0 0 0 28px; */\n    padding: 0;\n}\n.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list {\n    width: 108px;\n    /* max-height: 216px; */\n    max-height: 200px;\n}\n.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list:first-child {\n    border-radius: 0;\n}\n.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list:last-child {\n    border-radius: 0;\n}\n.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list ul {\n    padding: 0 0 168px 0;\n}\n"]}