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,gBAgBJ,CAfI,gEACI,UAAW,CACX,YAAa,CACb,iBAAkB,CAClB,eAAgB,CAChB,aAAsB,CACtB,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,aAMJ,CALI,iCACI,eAAgB,CAChB,cAAe,CACf,eACJ,CAKJ,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-now {\r\n    border-top: 1px solid $newGreyColor1;\r\n    text-align: right;\r\n    clear: both;\r\n    background-color: $newGreyColor3;\r\n    height: 42px;\r\n    line-height: 41px;\r\n    font-size: 13px;\r\n    padding: 0 20px;\r\n    text-align: center;\r\n    a {\r\n        color: $newMainColor;\r\n        text-decoration: none;\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: $newMainColor3;\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: $newBlackColor3;\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        .bk-time-picker-cells-cell-selected {\r\n            font-weight: 700;\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    .now-time {\r\n        font-weight: 400;\r\n        cursor: pointer;\r\n        margin-left: 3px;\r\n    }\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"]}