bk-magic-vue/lib/ui/info-box.min.css.map

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

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