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

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

{"version":3,"sources":["version-detail.css","mixins/scroller.css"],"names":[],"mappings":"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","file":"version-detail.min.css","sourcesContent":["@import \"./mixins/scroller.css\";\n.bk-version {\n    display: flex;\n    margin: -23px -24px -16px;\n    &-left {\n        flex: 0 0 180px;\n        background-color: #FAFBFD;\n        display: flex;\n        flex-direction: column;\n        font-size: 12px;\n        position: relative;\n        .left-fill {\n            height: 20px;\n            flex: 0 0 20px;\n            border-right: 1px solid #DCDEE5;\n            &.fill-top {\n                margin-top: -10px;\n            }\n            &.fill-bottom {\n                margin-bottom: -10px;\n            }\n        }\n        .left-list {\n            border-top: 1px solid #DCDEE5;\n            border-bottom: 1px solid #DCDEE5;\n            overflow-y: hidden;;\n            display: flex;\n            flex-direction: column;\n            width: 100%;\n            margin: 0;\n            padding: 0;\n            flex: 1;\n            &-item {\n                flex: 0 0 54px;\n                display: flex;\n                flex-direction: column;\n                justify-content: center;\n                padding: 0 15px 0 30px;\n                position: relative;\n                border-bottom: 1px solid #DCDEE5;\n                &:hover {\n                    cursor: pointer;\n                    background-color: #FFFFFF;\n                }\n                &.border-after {\n                    &::after {\n                        content: ' ';\n                        width: 1px;\n                        background: #DCDEE5;\n                        position: absolute;\n                        top: 0;\n                        bottom: 0;\n                        right: 0;\n                    }\n                }\n                .item-title {\n                    color: #63656E;\n                    font-size: 16px;\n                    overflow: hidden;\n                    text-overflow: ellipsis;\n                    white-space: nowrap;\n                    font-weight: 600;\n                }\n                .item-date {\n                    color: #979BA5;\n                }\n                .item-current {\n                    position: absolute;\n                    right: 20px;\n                    top: 8px;\n                    background-color: #699DF4;\n                    border-radius: 2px;\n                    width: 58px;\n                    height: 20px;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    color: #FFFFFF;\n                }\n                &.item-active {\n                    &::before {\n                        content: \" \";\n                        position: absolute;\n                        top: 0px;\n                        bottom: 0px;\n                        left: 0;\n                        width: 6px;\n                        background-color: #3A84FF;\n                    }\n                    .item-title {\n                        color: #313238;\n                    }\n                    .item-date {\n                        color: #63656E;\n                    }\n                    background-color: #FFFFFF;\n                }\n            }\n            &-fill {\n                flex: 1;\n                border-right: 1px solid #DCDEE5;\n            }\n            &-loading {\n                flex: 0 0 40px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                border-right: 1px solid #DCDEE5;\n                border-bottom: 1px solid #DCDEE5;\n                .bk-loading-wrapper {\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                }\n            }\n            &:hover {\n                overflow-y: auto;\n                margin-right: -6px;\n            }\n            &::-webkit-scrollbar {\n                width: 6px;\n                height: 6px;\n                background: rgba(0, 0, 0, .1);\n            }\n            &::-webkit-scrollbar-thumb {\n                border-radius: 6px;\n                height: 100px;\n                background: #C4C6CC;\n                box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n            }\n        }\n        .resize-line {\n            position: absolute;\n            top: -10px;\n            bottom: -10px;\n            right: -6px;\n            width: 13px;\n            padding: 0 6px;\n            z-index: 9999;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            &:before, &:after {\n                content: ' ';\n                width: 0;\n                height: 0;\n                border: 5px solid transparent;\n                margin: 0 0 0 1px;\n            }\n            .drag-content {\n                flex: 1;\n                margin: -5px 0;\n                width: 1px;\n                background-color: transparent;\n            }\n            &:hover, &:active {\n                .drag-content {\n                    background-color: #3A84FF;\n                }\n                &:before {\n                    border-top-color: #3A84FF;\n                }\n                &:after {\n                    border-bottom-color: #3A84FF;\n                }\n            }\n        }\n    }\n    &-right {\n        flex: 1;\n        padding: 10px 30px 50px 45px;\n        overflow: auto;\n        @mixin scroller;\n    }\n    &-markdown-theme {\n        font-size: 14px;\n        color: #313238;\n        h1,\n        h2,\n        h3,\n        h4,\n        h5 {\n            height: auto;\n            margin: 10px 0;\n            font:\n                normal 14px/1.5\n                -apple-system,Helvetica Neue,Helvetica,Arial,PingFang SC,Microsoft YaHei,SimSun,sans-serif;\n            font-weight: bold;\n            color: #34383e;\n        }\n        h1 {\n            font-size: 30px;\n        }\n        h2 {\n            font-size: 24px;\n        }\n        h3 {\n            font-size: 18px;\n        }\n        h4 {\n            font-size: 16px;\n        }\n        h5 {\n            font-size: 14px;\n        }\n        em {\n            font-style: italic;\n        }\n        div,\n        p,\n        font,\n        span,\n        li {\n            line-height: 1.3;\n        }\n        p {\n            margin: 0 0 1em;\n        }\n        table,\n        table p {\n            margin: 0;\n        }\n        ul,\n        ol {\n            padding-left: 40px;\n            margin: 10px 0 10px;\n            text-indent: 0;\n        }\n        ul {\n            list-style: disc;\n            & > li {\n                line-height: 1.8;\n                white-space: normal;\n                list-style: disc;\n            }\n        }\n        ol {\n            list-style: decimal;\n            & > li {\n                line-height: 1.8;\n                white-space: normal;\n                list-style: decimal;\n            }\n        }\n        li > ul {\n            margin-bottom: 10px;\n        }\n        li ol {\n            padding-left: 20px !important;\n        }\n        ul ul,\n        ul ol,\n        ol ol,\n        ol ul {\n            margin-bottom: 0;\n            margin-left: 20px;\n        }\n        pre,\n        code {\n            width: 95%;\n            padding: 0 3px 2px;\n            font-family: Monaco, Menlo, Consolas, \"Courier New\", monospace;\n            font-size: 14px;\n            color: #333;\n            border-radius: 3px;\n        }\n        code {\n            padding: 2px 4px;\n            font-family: Consolas, monospace, tahoma, Arial;\n            color: #d14;\n            border: 1px solid #e1e1e8;\n        }\n        pre {\n            display: block;\n            padding: 9.5px;\n            margin: 0 0 10px;\n            font-family: Consolas, monospace, tahoma, Arial;\n            font-size: 13px;\n            word-break: break-all;\n            word-wrap: break-word;\n            white-space: pre-wrap;\n            background-color: #f6f6f6;\n            border: 1px solid #ddd;\n            border: 1px solid rgba(0,0,0,0.15);\n            border-radius: 2px;\n            code {\n                padding: 0;\n                white-space: pre-wrap;\n                border: 0;\n            }\n        }\n        blockquote {\n            padding: 0 0 0 14px;\n            margin: 0 0 20px;\n            border-left: 5px solid #dfdfdf;\n            ::before,\n            ::after {\n                content: \"\";\n            }\n            p {\n                margin-bottom: 0;\n                font-size: 14px;\n                font-weight: 300;\n                line-height: 25px;\n            }\n            small {\n                display: block;\n                line-height: 20px;\n                color: #999;\n                ::before {\n                    content: \"\\2014 \\00A0\";\n                }\n            }\n        }\n    }\n}\n.version-detail-dialog .bk-dialog-tool .bk-dialog-close {\n    right: 10px;\n}\n","/**\n * @file scroller mixin\n *\n * usage:\n *      @mixin scroller;\n *      @mixin scroller red;\n *      @mixin scroller green, 2px;\n */\n\n@define-mixin scroller $backgroundColor: #dcdee5, $width: 6px {\n    &::-webkit-scrollbar {\n        width: 6px;\n        height: 6px;\n    }\n    &::-webkit-scrollbar-thumb {\n        min-height: 24px;\n        border-radius: 3px;\n        background-color: $backgroundColor;\n    }\n}\n"]}