bk-vue-cec/lib/ui/version-detail.min.css.map

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

{"version":3,"sources":["version-detail.css","mixins/scroller.css"],"names":[],"mappings":"AACA,YAEI,wBA4KJ,CA3KI,6BAFA,mBAAa,CAAb,mBAAa,CAAb,YAsKA,CApKA,iBACI,kBAAe,CAAf,kBAAe,CAAf,cAAe,CACf,wBAAyB,CAEzB,2BAAsB,CAAtB,4BAAsB,CAAtB,yBAAsB,CAAtB,qBAAsB,CACtB,cAAe,CACf,iBA8JJ,CA7JI,4BACI,WAAY,CACZ,kBAAc,CAAd,iBAAc,CAAd,aAAc,CACd,8BAOJ,CANI,qCACI,gBACJ,CACA,wCACI,mBACJ,CAEJ,4BACI,4BAA6B,CAE7B,iBAAkB,CAElB,yBAAsB,CAAtB,qBAAsB,CACtB,UAAW,CACX,QAAS,CACT,SAAU,CACV,kBAAO,CAAP,UAAO,CAAP,MAmGJ,CAlGI,6DARA,+BAAgC,CAEhC,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,2BAAsB,CAAtB,4BAsEA,CAjEA,iCACI,kBAAc,CAAd,iBAAc,CAAd,aAAc,CAEd,yBAAsB,CAAtB,qBAAsB,CACtB,uBAAuB,CAAvB,oBAAuB,CAAvB,sBAAuB,CACvB,qBAAsB,CACtB,iBA2DJ,CAzDI,uCACI,cAAe,CACf,qBACJ,CAEI,oDACI,WAAY,CACZ,SAAU,CACV,kBAAmB,CACnB,iBAAkB,CAClB,KAAM,CACN,QAAS,CACT,OACJ,CAEJ,6CACI,aAAc,CACd,cAAe,CACf,eAAgB,CAChB,sBAAuB,CACvB,kBAAmB,CACnB,eACJ,CACA,4CACI,aACJ,CACA,+CACI,iBAAkB,CAClB,UAAW,CACX,OAAQ,CACR,uCAA2B,CAC3B,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,uBAAuB,CAAvB,oBAAuB,CAAvB,sBAAuB,CACvB,UACJ,CAEI,oDACI,WAAY,CACZ,iBAAkB,CAClB,KAAQ,CACR,QAAW,CACX,MAAO,CACP,SAAU,CACV,wBACJ,CATJ,6CAgBI,qBACJ,CAPI,yDACI,aACJ,CACA,wDACI,aACJ,CAIR,iCACI,kBAAO,CAAP,UAAO,CAAP,MAAO,CACP,8BACJ,CACA,oCACI,kBAAc,CAAd,iBAAc,CAAd,aAAc,CAId,8BAA+B,CAC/B,+BAMJ,CALI,4FALA,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,uBAAuB,CAAvB,oBAAuB,CAAvB,sBAOA,CAEJ,kCACI,eAAgB,CAChB,iBACJ,CACA,+CACI,SAAU,CACV,UAAW,CACX,yBACJ,CACA,qDACI,iBAAkB,CAClB,YAAa,CACb,kBAAmB,CACnB,kDAAkD,CAAlD,0CACJ,CAEJ,8BACI,iBAAkB,CAClB,SAAU,CACV,YAAa,CACb,UAAW,CACX,UAAW,CACX,aAAc,CACd,YAAa,CACb,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,2BAAsB,CAAtB,4BAAsB,CAAtB,yBAAsB,CAAtB,qBAAsB,CACtB,uBAAuB,CAAvB,oBAAuB,CAAvB,sBAAuB,CACvB,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAyBJ,CAxBI,yEACI,WAAY,CACZ,OAAQ,CACR,QAAS,CACT,4BAA6B,CAC7B,gBACJ,CACA,4CACI,kBAAO,CAAP,UAAO,CAAP,MAAO,CACP,aAAc,CACd,SAAU,CACV,4BACJ,CAEI,qGACI,wBACJ,CACA,uFACI,wBACJ,CACA,qFACI,2BACJ,CAIZ,kBACI,kBAAO,CAAP,UAAO,CAAP,MAAO,CACP,2BAA4B,CAC5B,aAEJ,CCpKA,qCACI,SAAU,CACV,UACJ,CACA,2CACI,eAAgB,CAChB,iBAAkB,CAClB,wBACJ,CD8JJ,wDACI,UACJ","file":"version-detail.min.css","sourcesContent":["@import \"./mixins/scroller.css\";\r\n.bk-version {\r\n    display: flex;\r\n    margin: -23px -24px -16px;\r\n    &-left {\r\n        flex: 0 0 180px;\r\n        background-color: #FAFBFD;\r\n        display: flex;\r\n        flex-direction: column;\r\n        font-size: 12px;\r\n        position: relative;\r\n        .left-fill {\r\n            height: 20px;\r\n            flex: 0 0 20px;\r\n            border-right: 1px solid #DCDEE5;\r\n            &.fill-top {\r\n                margin-top: -10px;\r\n            }\r\n            &.fill-bottom {\r\n                margin-bottom: -10px;\r\n            }\r\n        }\r\n        .left-list {\r\n            border-top: 1px solid #DCDEE5;\r\n            border-bottom: 1px solid #DCDEE5;\r\n            overflow-y: hidden;;\r\n            display: flex;\r\n            flex-direction: column;\r\n            width: 100%;\r\n            margin: 0;\r\n            padding: 0;\r\n            flex: 1;\r\n            &-item {\r\n                flex: 0 0 54px;\r\n                display: flex;\r\n                flex-direction: column;\r\n                justify-content: center;\r\n                padding: 0 15px 0 30px;\r\n                position: relative;\r\n                border-bottom: 1px solid #DCDEE5;\r\n                &:hover {\r\n                    cursor: pointer;\r\n                    background-color: #FFFFFF;\r\n                }\r\n                &.border-after {\r\n                    &::after {\r\n                        content: ' ';\r\n                        width: 1px;\r\n                        background: #DCDEE5;\r\n                        position: absolute;\r\n                        top: 0;\r\n                        bottom: 0;\r\n                        right: 0;\r\n                    }\r\n                }\r\n                .item-title {\r\n                    color: #63656E;\r\n                    font-size: 16px;\r\n                    overflow: hidden;\r\n                    text-overflow: ellipsis;\r\n                    white-space: nowrap;\r\n                    font-weight: 600;\r\n                }\r\n                .item-date {\r\n                    color: #979BA5;\r\n                }\r\n                .item-current {\r\n                    position: absolute;\r\n                    right: 20px;\r\n                    top: 8px;\r\n                    background-color: #006DFFD9;\r\n                    border-radius: 2px;\r\n                    width: 58px;\r\n                    height: 20px;\r\n                    display: flex;\r\n                    align-items: center;\r\n                    justify-content: center;\r\n                    color: #FFFFFF;\r\n                }\r\n                &.item-active {\r\n                    &::before {\r\n                        content: \" \";\r\n                        position: absolute;\r\n                        top: 0px;\r\n                        bottom: 0px;\r\n                        left: 0;\r\n                        width: 6px;\r\n                        background-color: #006DFF;\r\n                    }\r\n                    .item-title {\r\n                        color: #313238;\r\n                    }\r\n                    .item-date {\r\n                        color: #63656E;\r\n                    }\r\n                    background-color: #FFFFFF;\r\n                }\r\n            }\r\n            &-fill {\r\n                flex: 1;\r\n                border-right: 1px solid #DCDEE5;\r\n            }\r\n            &-loading {\r\n                flex: 0 0 40px;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                border-right: 1px solid #DCDEE5;\r\n                border-bottom: 1px solid #DCDEE5;\r\n                .bk-loading-wrapper {\r\n                    display: flex;\r\n                    align-items: center;\r\n                    justify-content: center;\r\n                }\r\n            }\r\n            &:hover {\r\n                overflow-y: auto;\r\n                margin-right: -6px;\r\n            }\r\n            &::-webkit-scrollbar {\r\n                width: 6px;\r\n                height: 6px;\r\n                background: rgba(0, 0, 0, .1);\r\n            }\r\n            &::-webkit-scrollbar-thumb {\r\n                border-radius: 6px;\r\n                height: 100px;\r\n                background: #C4C6CC;\r\n                box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\r\n            }\r\n        }\r\n        .resize-line {\r\n            position: absolute;\r\n            top: -10px;\r\n            bottom: -10px;\r\n            right: -6px;\r\n            width: 13px;\r\n            padding: 0 6px;\r\n            z-index: 9999;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: center;\r\n            &:before, &:after {\r\n                content: ' ';\r\n                width: 0;\r\n                height: 0;\r\n                border: 5px solid transparent;\r\n                margin: 0 0 0 1px;\r\n            }\r\n            .drag-content {\r\n                flex: 1;\r\n                margin: -5px 0;\r\n                width: 1px;\r\n                background-color: transparent;\r\n            }\r\n            &:hover, &:active {\r\n                .drag-content {\r\n                    background-color: #006DFF;\r\n                }\r\n                &:before {\r\n                    border-top-color: #006DFF;\r\n                }\r\n                &:after {\r\n                    border-bottom-color: #006DFF;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    &-right {\r\n        flex: 1;\r\n        padding: 10px 30px 50px 45px;\r\n        overflow: auto;\r\n        @mixin scroller;\r\n    }\r\n}\r\n.version-detail-dialog .bk-dialog-tool .bk-dialog-close {\r\n    right: 10px;\r\n}\r\n","/**\r\n * @file scroller mixin\r\n *\r\n * usage:\r\n *      @mixin scroller;\r\n *      @mixin scroller red;\r\n *      @mixin scroller green, 2px;\r\n */\r\n\r\n@define-mixin scroller $backgroundColor: #dcdee5, $width: 6px {\r\n    &::-webkit-scrollbar {\r\n        width: 6px;\r\n        height: 6px;\r\n    }\r\n    &::-webkit-scrollbar-thumb {\r\n        min-height: 24px;\r\n        border-radius: 3px;\r\n        background-color: $backgroundColor;\r\n    }\r\n}\r\n"]}