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

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

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