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

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

{"version":3,"sources":["dialog.css"],"names":[],"mappings":"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","file":"dialog.min.css","sourcesContent":["@import './variable.css';\r\n\r\n.bk-dialog-mask {\r\n    position: fixed;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    background-color: rgba(0, 0, 0, 0.6);\r\n    height: 100%;\r\n    z-index: 1000;\r\n\r\n    &.show-active {\r\n        display: block;\r\n        animation: mask-fading .4s;\r\n    }\r\n\r\n    &.hide-active {\r\n        display: none;\r\n        animation: mask-hidding .4s;\r\n    }\r\n}\r\n\r\n.bk-dialog-hidden {\r\n    display: none !important;\r\n}\r\n\r\n.bk-dialog-wrapper {\r\n    position: fixed;\r\n    overflow: auto;\r\n    top: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    z-index: 1000;\r\n    -webkit-overflow-scrolling: touch;\r\n    outline: 0;\r\n    &.bk-dialog-no-mask {\r\n        pointer-events: none;\r\n    }\r\n    * {\r\n        box-sizing: border-box;\r\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n    }\r\n    .bk-dialog {\r\n        width: auto;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        outline: none;\r\n        /* flex: 1; */\r\n        top: 200px;\r\n\r\n        &.bk-dialog-fullscreen {\r\n            width: 100% !important;\r\n            top: 0;\r\n            bottom: 0;\r\n            position: absolute;\r\n            .bk-dialog-content {\r\n                width: 100%;\r\n                border-radius: 0;\r\n                position: absolute;\r\n                top: 0;\r\n                bottom: 0;\r\n                margin-bottom: 0;\r\n            }\r\n            .bk-dialog-body {\r\n                width: 100%;\r\n                overflow: auto;\r\n                position: absolute;\r\n                top: 51px;\r\n                bottom: 61px;\r\n            }\r\n            .bk-dialog-footer {\r\n                position: absolute;\r\n                width: 100%;\r\n                bottom: 0;\r\n            }\r\n            &.bk-dialog-fullscreen-no-header {\r\n                .bk-dialog-body {\r\n                    top: 0;\r\n                }\r\n            }\r\n            &.bk-dialog-fullscreen-no-footer {\r\n                .bk-dialog-body {\r\n                    bottom: 0;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .bk-dialog-tool {\r\n        min-height: 30px;\r\n        position: relative;\r\n    }\r\n\r\n    .bk-dialog-header {\r\n        padding: 3px 24px 24px 24px;\r\n        line-height: 1.2;\r\n        text-align: center;\r\n        p,\r\n        .bk-dialog-header-inner {\r\n            display: inline-block;\r\n            width: 100%;\r\n            font-size: 20px;\r\n            color: $newBlackColor2;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n            margin: 0;\r\n        }\r\n        .header-center {\r\n            font-size: 24px;\r\n        }\r\n        p {\r\n            i,\r\n            span {\r\n                vertical-align: middle;\r\n            }\r\n        }\r\n    }\r\n\r\n    .header-on-left {\r\n        margin-top: -14px;\r\n        font-size: 20px;\r\n        p, div {\r\n            font-size: 20px;\r\n        }\r\n    }\r\n\r\n    .bk-dialog-body {\r\n        padding: 3px 24px 26px;\r\n        font-size: 14px;\r\n        line-height: 1.5;\r\n        color: $newBlackColor2;\r\n    }\r\n\r\n    .bk-dialog-content {\r\n        position: relative;\r\n        background-color: $defaultColor;\r\n        border: 0;\r\n        border-radius: 2px;\r\n        background-clip: padding-box;\r\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n        &.bk-dialog-content-no-mask {\r\n            pointer-events: auto;\r\n        }\r\n        &.bk-dialog-content-drag {\r\n            position: absolute;\r\n            .bk-dialog-tool {\r\n                cursor: move;\r\n            }\r\n        }\r\n        &.bk-dialog-content-dragging {\r\n            -webkit-user-select: none;\r\n            -moz-user-select: none;\r\n            user-select: none;\r\n        }\r\n    }\r\n\r\n    .bk-dialog-footer {\r\n        padding: 12px 24px 12px 24px;\r\n        background-color: $newGreyColor3;\r\n        border-top: 1px solid $newGreyColor1;\r\n        border-radius: 2px;\r\n        .footer-wrapper {\r\n            font-size: 0;\r\n            button {\r\n                min-width: 64px;\r\n            }\r\n            button + button {\r\n                margin-left: 8px;\r\n                margin-bottom: 0;\r\n            }\r\n        }\r\n    }\r\n\r\n    .bk-dialog-close {\r\n        z-index: 1;\r\n        cursor: pointer;\r\n        position: absolute;\r\n        color: $newBlackColor3;\r\n        top: 5px;\r\n        right: 5px;\r\n        width: 26px;\r\n        height: 26px;\r\n        line-height: 26px;\r\n        text-align: center;\r\n        border-radius: 50%;\r\n        font-weight: 700;\r\n        font-size: $iconNormalSize;\r\n        &:hover {\r\n            background-color: $newGreyColor2;\r\n        }\r\n    }\r\n    \r\n    .bk-info-box {\r\n        .bk-dialog-header {\r\n            padding: 15px 30px 10px 30px;\r\n        }\r\n\r\n        .bk-dialog-sub-header {\r\n            padding: 5px 50px 6px 50px;\r\n            &.has-sub {\r\n                padding-bottom: 21px;\r\n            }\r\n            .bk-dialog-header-inner {\r\n                font-size: 14px;\r\n                color: $newBlackColor2;\r\n                line-height: 1.5;\r\n                text-align: center;\r\n                word-break: break-all;\r\n            }\r\n        }\r\n        .bk-dialog-body {\r\n            padding: 3px 24px 30px;\r\n        }\r\n        .bk-dialog-footer {\r\n            text-align: center;\r\n            padding: 0 65px 33px;\r\n            background-color: #fff;\r\n            border: none;\r\n            border-radius: 0;\r\n            button {\r\n                min-width: 88px;\r\n            }\r\n        }\r\n        .bk-dialog-loading {\r\n            width: 58px;\r\n            height: 58px;\r\n            line-height: 58px;\r\n            font-size: 30px;\r\n            border-radius: 50%;\r\n            animation: loading linear 1s infinite;\r\n        }\r\n\r\n        .bk-dialog-type-body {\r\n            padding: 8px 24px 15px;\r\n            font-size: 14px;\r\n            line-height: 1.5;\r\n            color: $newBlackColor2;\r\n            text-align: center;\r\n            &.loading {\r\n                padding: 3px 24px 15px;\r\n            }\r\n        }\r\n\r\n        .bk-dialog-type-header {\r\n            padding: 3px 24px 22px 24px;\r\n            line-height: 1;\r\n            text-align: center;\r\n            &.loading,\r\n            &.has-sub-header {\r\n                padding: 3px 24px 10px 24px;\r\n            }\r\n            .header {\r\n                display: inline-block;\r\n                width: 100%;\r\n                font-size: 20px;\r\n                color: $newBlackColor1;\r\n                overflow: hidden;\r\n                text-overflow: ellipsis;\r\n                white-space: nowrap;\r\n                line-height: 1.5;\r\n                margin: 0;\r\n            }\r\n            .bk-dialog-header-loading-sub {\r\n                font-size: 14px;\r\n                margin-top: 5px;\r\n            }\r\n        }\r\n\r\n        .bk-dialog-type-sub-header {\r\n            padding: 3px 24px 32px 24px;\r\n            line-height: 1;\r\n            text-align: center;\r\n            &.loading {\r\n                padding: 3px 24px 32px 24px;\r\n            }\r\n            .header {\r\n                display: inline-block;\r\n                width: 100%;\r\n                font-size: 14px;\r\n                color: $newBlackColor2;\r\n                line-height: 1.5;\r\n                margin: 0;\r\n                text-align: center;\r\n                word-break: break-all;\r\n            }\r\n        }\r\n\r\n        .bk-dialog-mark {\r\n            display: block;\r\n            margin: 0 auto;\r\n            &.bk-dialog-warning,\r\n            &.bk-dialog-error,\r\n            &.bk-dialog-success {\r\n                width: 42px;\r\n                height: 42px;\r\n                line-height: 42px;\r\n                font-size: 36px;\r\n                color: #fff;\r\n                border-radius: 50%;\r\n            }\r\n            &.bk-dialog-warning {\r\n                background-color: $newOrangeColor3;\r\n                color: $newOrangeColor;\r\n                font-size: 26px;\r\n            }\r\n            &.bk-dialog-error {\r\n                background-color: $newRedColor3;\r\n                color: $newRedColor;\r\n            }\r\n            &.bk-dialog-success {\r\n                background-color: #e5f6ea;\r\n                color: #3fc06d;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n/* loading 的动画 */\r\n@keyframes loading {\r\n    from {\r\n        transform: rotate(0);\r\n    }\r\n    to {\r\n        transform: rotate(360deg);\r\n    }\r\n}\r\n\r\n@keyframes mask-fading {\r\n    0% {\r\n        display: block;\r\n        background-color: rgba(0, 0, 0, 0);\r\n    }\r\n    100% {\r\n        background-color: rgba(0, 0, 0, 0.6);\r\n    }\r\n}\r\n\r\n@keyframes mask-hidding {\r\n    0% {\r\n        background-color: rgba(0, 0, 0, 0.6);\r\n        display: block;\r\n    }\r\n    100% {\r\n        background-color: rgba(0, 0, 0, 0);\r\n        display: none;\r\n    }\r\n}\r\n\r\n/* loading 的动画 */\r\n@-webkit-keyframes loading {\r\n    from {\r\n        transform: rotate(0);\r\n    }\r\n    to {\r\n        transform: rotate(360deg);\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .bk-dialog {\r\n        width: auto !important;\r\n        margin: 10px;\r\n    }\r\n}\r\n"]}