bk-vue-cec/lib/ui/transfer.min.css.map

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

{"version":3,"sources":["transfer.css"],"names":[],"mappings":"AAEA,aAEI,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,6BAAmB,CAAnB,4BAAmB,CAAnB,sBAAmB,CAAnB,kBAAmB,CACnB,uBAAuB,CAAvB,oBAAuB,CAAvB,sBAAuB,CACvB,iBAAkB,CAClB,cAsHJ,CArHI,uBACI,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,sCAAgC,CAAhC,8BAAgC,CAChC,OAAQ,CACR,QAAS,CACT,iDACJ,CACA,oDAEI,kBAAO,CAAP,UAAO,CAAP,MAAO,CACP,eAAgB,CAChB,YAAa,CACb,qBAAsB,CACtB,iBAAkB,CAClB,wBAAoC,CACpC,eAsFJ,CApFI,8EACI,WAAY,CACZ,gBAAiB,CACjB,wBAAgC,CAChC,+BAA2C,CAC3C,cAAe,CACf,iBAIJ,CAHI,0GACI,iBACJ,CAEJ,oEACI,WAAY,CACZ,gBAAiB,CACjB,wBAAgC,CAChC,+BAA2C,CAC3C,cAAe,CACf,iBAYJ,CAXI,8EACI,iBAAkB,CAClB,UAAW,CACX,cAAe,CACf,aAAoB,CACpB,cAKJ,CAJI,gGACI,aAAoB,CACpB,kBACJ,CAGR,kEACI,UAAW,CACX,iBAAkB,CAClB,OAAQ,CACR,iBAAkB,CAClB,aAAoB,CACpB,cACJ,CACA,sEACI,cAAe,CACf,eAAgB,CAChB,iBAAkB,CAClB,SAAU,CACV,YAwCJ,CAvCI,4EACI,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,WAAY,CACZ,gBAAiB,CACjB,cAAe,CACf,eAAgB,CAChB,cAAe,CACf,iBAkBJ,CAjBI,wFACI,wBAAyB,CACzB,aACJ,CACA,wGACI,kBAAO,CAAP,UAAO,CAAP,MAAO,CACP,eAAgB,CAChB,sBAAuB,CACvB,kBACJ,CACA,wGACI,qBAAc,CAAd,mBAAc,CAAd,aAAc,CACd,YAIJ,CAHI,oHACI,oBACJ,CAGR,4GACI,SAAU,CACV,iCACJ,CACA,wHACI,UAAW,CACX,iBAAkB,CAClB,wBACJ,CACA,wFACI,cACJ,CAGR,0BACI,gBACJ,CAEA,oCACI,+BAOJ,CALI,mDACI,WAAY,CACZ,gBAAiB,CACjB,WACJ","file":"transfer.min.css","sourcesContent":["@import \"./variable.css\";\r\n\r\n.bk-transfer {\r\n    display: -webkit-flex;\r\n    display: flex;\r\n    flex-direction: row;\r\n    justify-content: center;\r\n    position: relative;\r\n    font-size: 14px;\r\n    .transfer {\r\n        width: 30px;\r\n        height: 30px;\r\n        position: absolute;\r\n        transform: translate(-50%, -50%);\r\n        top: 50%;\r\n        left: 50%;\r\n        background: url(./images/transfer.png) no-repeat center center;\r\n    }\r\n    .source-list,\r\n    .target-list {\r\n        flex: 1;\r\n        min-width: 200px;\r\n        height: 400px;\r\n        background-color: #fff;\r\n        border-radius: 2px;\r\n        border: 1px solid $borderInlineColor;\r\n        overflow: hidden;\r\n\r\n        .slot-header {\r\n            height: 43px;\r\n            line-height: 43px;\r\n            background-color: $newGreyColor3;\r\n            border-bottom: 1px solid $borderInlineColor;\r\n            padding: 0 20px;\r\n            position: relative;\r\n            .slot-content {\r\n                position: relative;\r\n            }\r\n        }\r\n        .header {\r\n            height: 43px;\r\n            line-height: 43px;\r\n            background-color: $newGreyColor3;\r\n            border-bottom: 1px solid $borderInlineColor;\r\n            padding: 0 20px;\r\n            position: relative;\r\n            span {\r\n                position: absolute;\r\n                right: 10px;\r\n                font-size: 12px;\r\n                color: $newMainColor;\r\n                cursor: pointer;\r\n                &.disabled {\r\n                    color: $newGreyColor;\r\n                    cursor: not-allowed;\r\n                }\r\n            }\r\n        }\r\n        .empty {\r\n            width: 100%;\r\n            position: relative;\r\n            top: 40%;\r\n            text-align: center;\r\n            color: $newGreyColor;\r\n            cursor: default;\r\n        }\r\n        .content {\r\n            max-height: 82%;\r\n            overflow-y: auto;\r\n            position: relative;\r\n            padding: 0;\r\n            margin: 6px 0;\r\n            li {\r\n                display: flex;\r\n                align-items: center;\r\n                height: 40px;\r\n                line-height: 40px;\r\n                padding: 0 20px;\r\n                list-style: none;\r\n                cursor: pointer;\r\n                position: relative;\r\n                &:hover {\r\n                    background-color: #eef6fe;\r\n                    color: $newMainColor;\r\n                }\r\n                .content-text {\r\n                    flex: 1;\r\n                    overflow: hidden;\r\n                    text-overflow: ellipsis;\r\n                    white-space: nowrap;\r\n                }\r\n                .icon-wrapper {\r\n                    flex: 22px 0 0;\r\n                    display: none;\r\n                    &.hover {\r\n                        display: inline-block;\r\n                    }\r\n                }\r\n            }\r\n            &::-webkit-scrollbar {\r\n                width: 4px;\r\n                background-color: color(transparent lightness(80%));\r\n            }\r\n            &::-webkit-scrollbar-thumb {\r\n                height: 5px;\r\n                border-radius: 2px;\r\n                background-color: #e6e9ea;\r\n            }\r\n            .bk-icon {\r\n                font-size: $iconNormalSize;\r\n            }\r\n        }\r\n    }\r\n    .target-list {\r\n        margin-left: 33px;\r\n    }\r\n\r\n    .transfer-search-input {\r\n        border-bottom: 1px solid #F0F1F5;\r\n\r\n        .bk-form-input {\r\n            height: 36px;\r\n            line-height: 34px;\r\n            border: none;\r\n        }\r\n    }\r\n}\r\n"]}