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

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

{"version":3,"sources":["transition.css"],"names":[],"mappings":"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","file":"transition.min.css","sourcesContent":["/* common transition effect */\n.transition-effect {\n    transition: all linear .2s;\n}\n\n/** fade-in */\n.bk-fade-in-linear-enter-active,\n.bk-fade-in-linear-leave-active{\n    transition: opacity linear .2s;\n}\n\n.bk-fade-in-linear-enter,\n.bk-fade-in-linear-leave-active {\n    opacity: 0;\n}\n\n\n.bk-fade-in-ease-enter-active,\n.bk-fade-in-ease-leave-active{\n    transition: opacity cubic-bezier(.55,0,.1,1) .2s;\n}\n\n.bk-fade-in-ease-enter,\n.bk-fade-in-ease-leave-active {\n    opacity: 0;\n}\n\n/** slide-in */\n.bk-slide-fade-right-enter-active,\n.bk-slide-fade-right-leave-active {\n    transition: transform linear .2s, opacity linear .2s;\n}\n\n.bk-slide-fade-right-enter {\n    opacity: 0;\n    transform: translate3d(20%, 0, 0);\n}\n\n.bk-slide-fade-right-leave-active {\n    opacity: 0;\n    transform: translate3d(-20%, 0, 0);\n}\n\n.bk-slide-fade-left-enter-active,\n.bk-slide-fade-left-leave-active {\n    transition: transform linear .2s, opacity linear .2s;\n}\n\n.bk-slide-fade-left-enter {\n    opacity: 0;\n    transform: translate3d(-20%, 0, 0%);\n}\n\n.bk-slide-fade-left-leave-active {\n    opacity: 0;\n    transform: translate3d(20%, 0, 0);\n}\n\n.bk-slide-fade-up-enter-active,\n.bk-slide-fade-up-leave-active {\n    transition: transform linear .2s, opacity linear .2s;\n}\n\n.bk-slide-fade-up-enter {\n    opacity: 0;\n    transform: translate3d(0, +20%, 0);\n}\n\n.bk-slide-fade-up-leave-active {\n    opacity: 0;\n    transform: translate3d(0, -20%, 0);\n}\n\n.bk-slide-fade-down-enter-active,\n.bk-slide-fade-down-leave-active {\n    transition: transform linear .2s, opacity linear .2s;\n}\n\n.bk-slide-fade-down-enter {\n    opacity: 0;\n    transform: translate3d(0, -20%, 0);\n}\n\n.bk-slide-fade-down-leave-active {\n    opacity: 0;\n    transform: translate3d(0, 20%, 0);\n}\n\n/** zoom */\n.bk-zoom-enter,\n.bk-zoom-leave-to {\n    transform: scale(0);\n}\n.bk-zoom-leave,\n.bk-zoom-enter-to {\n    transform: scale(1);\n}\n.bk-zoom-enter-active,\n.bk-zoom-leave-active {\n    transition: all .2s;\n}\n\n/** move-in */\n.bk-move-in-left-enter,\n.bk-move-in-left-leave-to {\n    transform: translate3d(-100%, 0, 0);\n    opacity: 0;\n}\n.bk-move-in-left-leave,\n.bk-move-in-left-enter-to {\n    transform: translate3d(0, 0, 0);\n}\n.bk-move-in-left-enter-active,\n.bk-move-in-left-leave-active {\n    transition: all .2s;\n}\n\n.bk-move-in-right-enter,\n.bk-move-in-right-leave-to {\n    transform: translate3d(100%, 0, 0);\n    opacity: 0;\n}\n.bk-move-in-right-leave,\n.bk-move-in-right-enter-to {\n    transform: translate3d(0, 0, 0);\n}\n.bk-move-in-right-enter-active,\n.bk-move-in-right-leave-active {\n    transition: all .2s;\n}\n\n.bk-move-in-up-enter,\n.bk-move-in-up-leave-to {\n    transform: translate3d(0, -100%, 0);\n    opacity: 0;\n}\n.bk-move-in-up-leave,\n.bk-move-in-up-enter-to {\n    transform: translate3d(0, 0, 0);\n}\n.bk-move-in-up-enter-active,\n.bk-move-in-up-leave-active {\n    transition: all .2s;\n}\n\n.bk-move-in-down-enter,\n.bk-move-in-down-leave-to {\n    transform: translate3d(0, 100%, 0);\n    opacity: 0;\n}\n.bk-move-in-down-leave,\n.bk-move-in-down-enter-to {\n    transform: translate3d(0, 0, 0);\n}\n.bk-move-in-down-enter-active,\n.bk-move-in-down-leave-active {\n    transition: all .2s;\n}\n\n\n/* fade */\n.fade-enter-active,\n.fade-leave-active {\n    transition: opacity linear .2s;\n}\n\n.fade-enter,\n.fade-leave-active {\n    opacity: 0;\n}\n\n/* fade */\n/* fade-show */\n.fade-show-enter-active,\n.fade-show-leave-active {\n    transition: opacity linear .2s, margin linear .2s;\n}\n\n.fade-show-enter,\n.fade-show-leave-active {\n    opacity: 0;\n    margin-top: -20px;\n}\n\n/* fade-show */\n/* info-box */\n.displacement-fade-show-enter-active,\n.displacement-fade-show-leave-active {\n    transition: opacity linear .2s, margin linear .2s;\n}\n\n.displacement-fade-show-enter,\n.displacement-fade-show-leave-active {\n    opacity: 0;\n    margin-top: -50px;\n}\n\n/* info-box */\n/* fade-center */\n.fade-center-enter-active,\n.fade-center-leave-active {\n    transition: opacity linear .2s, transform linear .2s;\n    transform-origin: center center;\n}\n\n.fade-center-enter,\n.fade-center-leave-active {\n    opacity: 0;\n    transform: translate(50%, -50%) scale(0, 0) !important;\n}\n\n/* fade-center */\n/* slide */\n.slide-enter-active,\n.slide-leave-active{\n    .bk-sideslider-wrapper {\n        transform: translateX(0);\n        transition: transform .25s;\n    }\n}\n.slide-enter-active{\n    animation: slider-fade-in .25s;\n}\n.slide-leave-active{\n    animation: slider-fade-in .25s reverse;\n}\n.slide-enter,\n.slide-leave-to {\n    .bk-sideslider-wrapper {\n        &.left {\n            transform: translateX(-100%);\n            transition: transform .25s;\n        }\n        &.right {\n            transform: translateX(100%);\n            transition: transform .25s;\n        }\n    }\n}\n@keyframes slider-fade-in {\n    0% {\n        opacity: 0;\n    }\n    100% {\n        opacity: 1;\n    }\n}\n\n/* slide */\n/* slide-fade */\n.slide-fade-enter-active,\n.fade-leave-active {\n    transition: transform linear .2s, opacity linear .2s;\n}\n\n.slide-fade-enter {\n    opacity: 0;\n    transform: translateX(20%);\n}\n\n.slide-fade-leave-active {\n    opacity: 0;\n    transform: translateX(-20%);\n}\n\n/* slide-fade */\n/* toggle-slide */\n.toggle-slide-enter-active,\n.toggle-slide-leave-active {\n    transition: transform .3s cubic-bezier(.23, 1, .23, 1), opacity .5s cubic-bezier(.23, 1, .23, 1);\n    transform-origin: center top;\n}\n\n.toggle-slide-enter,\n.toggle-slide-leave-active {\n    transform: translateZ(0) scaleY(0);\n    opacity: 0;\n}\n\n.toggle-slide2-enter-active,\n.toggle-slide2-leave-active {\n    transition: transform .3s cubic-bezier(.23, 1, .23, 1), opacity .5s cubic-bezier(.23, 1, .23, 1);\n    transform-origin: center bottom;\n}\n\n.toggle-slide2-enter,\n.toggle-slide2-leave-active {\n    transform: translateZ(0) scaleY(0);\n    opacity: 0;\n}\n\n\n.fade-enter-active,\n.fade-appear {\n    animation-duration: .3s;\n    animation-fill-mode: both;\n    animation-play-state: paused;\n}\n.fade-leave-active {\n    animation-duration: .3s;\n    animation-fill-mode: both;\n    animation-play-state: paused;\n}\n.fade-enter-active,\n.fade-appear {\n    animation-name: fadeIn;\n    animation-play-state: running;\n}\n.fade-leave-active {\n    animation-name: fadeOut;\n    animation-play-state: running;\n}\n.fade-enter-active,\n.fade-appear {\n    opacity: 0;\n    animation-timing-function: linear;\n}\n.fade-leave-active {\n    animation-timing-function: linear;\n}\n@keyframes fadeIn {\n    0% {\n        opacity: 0;\n    }\n    100% {\n        opacity: 1;\n    }\n}\n@keyframes fadeOut {\n    0% {\n        opacity: 1;\n    }\n    100% {\n        opacity: 0;\n    }\n}\n\n.ease-enter-active,\n.ease-appear {\n    animation-duration: .3s;\n    animation-fill-mode: both;\n    animation-play-state: paused;\n}\n.ease-leave-active {\n    animation-duration: .3s;\n    animation-fill-mode: both;\n    animation-play-state: paused;\n}\n.ease-enter-active,\n.ease-appear {\n    animation-name: easeIn;\n    animation-play-state: running;\n}\n.ease-leave-active {\n    animation-name: easeOut;\n    animation-play-state: running;\n}\n.ease-enter-active,\n.ease-appear {\n    opacity: 0;\n    animation-timing-function: linear;\n    animation-duration: .2s;\n}\n.ease-leave-active {\n    animation-timing-function: linear;\n    animation-duration: .2s;\n}\n@keyframes easeIn {\n    0% {\n        opacity: 0;\n        transform: scale(0.9);\n    }\n    100% {\n        opacity: 1;\n        transform: scale(1);\n    }\n}\n@keyframes easeOut {\n    0% {\n        opacity: 1;\n        transform: scale(1);\n    }\n    100% {\n        opacity: 0;\n        transform: scale(0.9);\n    }\n}\n\n/* date-pincker */\n.transition-drop-enter-active,\n.transition-drop-appear {\n    animation-duration: .3s;\n    animation-fill-mode: both;\n    animation-play-state: paused;\n}\n.transition-drop-leave-active {\n    animation-duration: .3s;\n    animation-fill-mode: both;\n    animation-play-state: paused;\n}\n.transition-drop-enter-active,\n.transition-drop-appear {\n    animation-name: transitionDropIn;\n    animation-play-state: running;\n}\n.transition-drop-leave-active {\n    animation-name: transitionDropOut;\n    animation-play-state: running;\n}\n.transition-drop-enter-active,\n.transition-drop-appear {\n    opacity: 0;\n    animation-timing-function: ease-in-out;\n}\n.transition-drop-leave-active {\n    animation-timing-function: ease-in-out;\n}\n\n@keyframes transitionDropIn {\n    0% {\n        opacity: 0;\n        transform: scaleY(0.8);\n    }\n    100% {\n        opacity: 1;\n        transform: scaleY(1);\n    }\n}\n\n@keyframes transitionDropOut {\n    0% {\n        opacity: 1;\n        transform: scaleY(1);\n    }\n    100% {\n        opacity: 0;\n        transform: scaleY(0.8);\n    }\n}\n"]}