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

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

{"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,cA2HJ,CA1HI,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,eA2FJ,CAzFI,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,YA6CJ,CA5CI,4EACI,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,WAAY,CACZ,gBAAiB,CACjB,cAAe,CACf,eAAgB,CAChB,cAAe,CACf,iBAuBJ,CAtBI,wFACI,wBAAyB,CACzB,aACJ,CACA,oGACI,kBAAmB,CACnB,aAAoB,CACpB,qBACJ,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\";\n\n.bk-transfer {\n    display: -webkit-flex;\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    position: relative;\n    font-size: 14px;\n    .transfer {\n        width: 30px;\n        height: 30px;\n        position: absolute;\n        transform: translate(-50%, -50%);\n        top: 50%;\n        left: 50%;\n        background: url(./images/transfer.png) no-repeat center center;\n    }\n    .source-list,\n    .target-list {\n        flex: 1;\n        min-width: 200px;\n        height: 400px;\n        background-color: #fff;\n        border-radius: 2px;\n        border: 1px solid $borderInlineColor;\n        overflow: hidden;\n\n        .slot-header {\n            height: 43px;\n            line-height: 43px;\n            background-color: $newGreyColor3;\n            border-bottom: 1px solid $borderInlineColor;\n            padding: 0 20px;\n            position: relative;\n            .slot-content {\n                position: relative;\n            }\n        }\n        .header {\n            height: 43px;\n            line-height: 43px;\n            background-color: $newGreyColor3;\n            border-bottom: 1px solid $borderInlineColor;\n            padding: 0 20px;\n            position: relative;\n            span {\n                position: absolute;\n                right: 10px;\n                font-size: 12px;\n                color: $newMainColor;\n                cursor: pointer;\n                &.disabled {\n                    color: $newGreyColor;\n                    cursor: not-allowed;\n                }\n            }\n        }\n        .empty {\n            width: 100%;\n            position: relative;\n            top: 40%;\n            text-align: center;\n            color: $newGreyColor;\n            cursor: default;\n        }\n        .content {\n            max-height: 82%;\n            overflow-y: auto;\n            position: relative;\n            padding: 0;\n            margin: 6px 0;\n            li {\n                display: flex;\n                align-items: center;\n                height: 40px;\n                line-height: 40px;\n                padding: 0 20px;\n                list-style: none;\n                cursor: pointer;\n                position: relative;\n                &:hover {\n                    background-color: #eef6fe;\n                    color: $newMainColor;\n                }\n                &.is-disabled {\n                    cursor: not-allowed;\n                    color: $newGreyColor;\n                    background-color: #fff;\n                }\n                .content-text {\n                    flex: 1;\n                    overflow: hidden;\n                    text-overflow: ellipsis;\n                    white-space: nowrap;\n                }\n                .icon-wrapper {\n                    flex: 22px 0 0;\n                    display: none;\n                    &.hover {\n                        display: inline-block;\n                    }\n                }\n            }\n            &::-webkit-scrollbar {\n                width: 4px;\n                background-color: color(transparent lightness(80%));\n            }\n            &::-webkit-scrollbar-thumb {\n                height: 5px;\n                border-radius: 2px;\n                background-color: #e6e9ea;\n            }\n            .bk-icon {\n                font-size: $iconNormalSize;\n            }\n        }\n    }\n    .target-list {\n        margin-left: 33px;\n    }\n\n    .transfer-search-input {\n        border-bottom: 1px solid #F0F1F5;\n\n        .bk-form-input {\n            height: 36px;\n            line-height: 34px;\n            border: none;\n        }\n    }\n}\n"]}