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

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

{"version":3,"sources":["spin.css"],"names":[],"mappings":"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","file":"spin.min.css","sourcesContent":["@import './variable.css';\n\n.bk-spin {\n    display: inline-block;\n    position: relative;\n    text-align: center;\n    vertical-align: middle;\n    .bk-spin-rotation {\n        position: relative;\n        .rotate {\n            position: absolute;\n            top: 77%;\n            right: 43%;\n            width: 6px;\n            height: 8px;\n            transform-origin: 50% -10px;\n            border-radius: 8px;\n            transform: scale(0.4);\n            animation-name: fadePrimary;\n            animation-duration: 1.2s;\n            animation-iteration-count: infinite;\n            animation-direction: normal;\n        }\n        &.bk-spin-rotation-default {\n            .rotate {\n                animation-name: fadeDefault;\n            }\n        }\n        &.bk-spin-rotation-primary {\n            .rotate {\n                animation-name: fadePrimary;\n            }\n        }\n        &.bk-spin-rotation-success {\n            .rotate {\n                animation-name: fadeSuccess;\n            }\n        }\n        &.bk-spin-rotation-danger {\n            .rotate {\n                animation-name: fadeDanger;\n            }\n        }\n        &.bk-spin-rotation-warning {\n            .rotate {\n                animation-name: fadeWarning;\n            }\n        }\n        &.bk-spin-rotation-info {\n            .rotate {\n                animation-name: fadeInfo;\n            }\n        }\n        &.bk-spin-rotation-default-wait {\n            .rotate {\n                background-color: $newGreyColor;\n            }\n        }\n        &.bk-spin-rotation-primary-wait {\n            .rotate {\n                background-color: $primaryColor;\n            }\n        }\n        &.bk-spin-rotation-success-wait {\n            .rotate {\n                background-color: $successColor;\n            }\n        }\n        &.bk-spin-rotation-danger-wait {\n            .rotate {\n                background-color: $dangerColor;\n            }\n        }\n        &.bk-spin-rotation-warning-wait {\n            .rotate {\n                background-color: $warningColor;\n            }\n        }\n        &.bk-spin-rotation-info-wait {\n            .rotate {\n                background-color: #63656e;\n            }\n        }\n        .rotate1 {\n            animation-delay: 0.45s;\n            transform: rotate(-90deg);\n        }\n        .rotate2 {\n            animation-delay: 0.6s;\n            transform: rotate(-45deg);\n        }\n        .rotate3 {\n            animation-delay: 0.75s;\n            transform: rotate(0deg);\n        }\n        .rotate4 {\n            animation-delay: 0.9s;\n            transform: rotate(45deg);\n        }\n        .rotate5 {\n            animation-delay: 1.05s;\n            transform: rotate(90deg);\n        }\n        .rotate6 {\n            animation-delay: 1.2s;\n            transform: rotate(135deg);\n        }\n        .rotate7 {\n            animation-delay: 1.35s;\n            transform: rotate(180deg);\n        }\n        .rotate8 {\n            animation-delay: 1.5s;\n            transform: rotate(-135deg);\n        }\n    }\n    .bk-spin-rotation-flex {\n        display: flex;\n        flex-shrink: 0;\n    }\n    .bk-spin-rotation-margin {\n        margin: 0 auto;\n    }\n    .bk-spin-rotation-large {\n        width: 69px;\n        height: 69px;\n        .rotate {\n            width: 10px;\n            height: 14px;\n            transform-origin: 50% -18px;\n        }\n    }\n    .bk-spin-rotation-normal {\n        width: 49px;\n        height: 49px;\n        .rotate {\n            width: 6px;\n            height: 9px;\n            transform-origin: 50% -13px;\n        }\n    }\n    .bk-spin-rotation-small {\n        width: 27px;\n        height: 27px;\n        .rotate {\n            width: 4px;\n            height: 5px;\n            transform-origin: 50% -7px;\n        }\n    }\n    .bk-spin-rotation-mini {\n        width: 16px;\n        height: 16px;\n        .rotate {\n            width: 2px;\n            height: 3px;\n            transform-origin: 50% -4px;\n        }\n    }\n    .bk-spin-icon {\n        color: $primaryColor;\n        font-size: 16px;\n        animation: icon-loading 1.2s linear infinite;\n        i {\n            vertical-align: middle\n        }\n    }\n    .bk-spin-icon-wait {\n        animation: none;\n    }\n    .bk-spin-icon-default {\n        color: $newGreyColor;\n    }\n    .bk-spin-icon-primary {\n        color: $primaryColor;\n    }\n    .bk-spin-icon-success {\n        color: $successColor;\n    }\n    .bk-spin-icon-warning {\n        color: $warningColor;\n    }\n    .bk-spin-icon-danger {\n        color: $dangerColor;\n    }\n    .bk-spin-icon-info {\n    \tcolor: #979ba5;\n    }\n    .bk-spin-icon-large {\n        i {\n            font-size: 69px;\n        }\n    }\n    .bk-spin-icon-normal {\n        i {\n            font-size: 49px;\n        }\n    }\n    .bk-spin-icon-small {\n        i {\n            font-size: 27px;\n        }\n    }\n    .bk-spin-icon-nimi {\n        i {\n            font-size: 16px;\n        }\n    }\n    .bk-spin-title {\n        text-align: center;\n        font-size: 14px;\n        color: $fnMainColor;\n        line-height: initial;\n        max-width: 100%;\n    }\n    .bk-spin-title-right {\n        display: inline-block;\n        padding-left: 8px;\n    }\n    .bk-spin-title-bottom {\n        margin-top: 8px;\n    }\n    .bk-spin-title-large {\n        height: 69px;\n    }\n    .bk-spin-title-normal {\n        height: 49px;\n    }\n    .bk-spin-title-small {\n        height: 27px;\n    }\n    .bk-spin-title-mini {\n        height: 16px;\n    }\n    .bk-display-flex {\n        display: flex;\n        align-items: center;\n    }\n}\n\n@keyframes fadeDefault{\n    0% {\n        background-color: $newGreyColor;\n    }\n\n    100% {\n        background-color: none;\n    }\n}\n\n@keyframes fadePrimary {\n    0% {\n        background-color: $primaryColor;\n    }\n\n    100% {\n        background-color: none;\n    }\n}\n\n@keyframes fadeSuccess {\n    0% {\n        background-color: $successColor;\n    }\n\n    100% {\n        background-color: none;\n    }\n}\n\n@keyframes fadeDanger {\n    0% {\n        background-color: $dangerColor;\n    }\n\n    100% {\n        background-color: none;\n    }\n}\n\n@keyframes fadeWarning {\n    0% {\n        background-color: $warningColor;\n    }\n\n    100% {\n        background-color: none;\n    }\n}\n\n@keyframes fadeInfo {\n    0% {\n        background-color: #979ba5;\n    }\n\n    100% {\n        background-color: none;\n    }\n}\n\n@keyframes icon-loading {\n    0% {\n        transform: rotate(0deg);\n    }\n    100% {\n        transform: rotate(360deg);\n    }\n}"]}