@minix-iot/ui/dist/packages/loading/loading.css

基于Vue的移动端轻量级UI组件库

/*!
 * @minix-iot/ui v0.2.4 - loading.css, 2709badeb34a699cd765, Wed Nov 24 2021 14:21:12 GMT+0800 (中国标准时间)
 * (c) 2017-2020 JDC
 * Released under the MIT License.
 */@-webkit-keyframes mx-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mx-fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes mx-fade-out{0%{opacity:1}to{opacity:0}}@keyframes mx-fade-out{0%{opacity:1}to{opacity:0}}.mx-fade-enter-active{-webkit-animation:mx-fade-in .36s cubic-bezier(.25,.46,.45,.94) both;animation:mx-fade-in .36s cubic-bezier(.25,.46,.45,.94) both}.mx-fade-leave-active{-webkit-animation:mx-fade-out .36s cubic-bezier(.25,.46,.45,.94) both;animation:mx-fade-out .36s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes mx-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes mx-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes mx-slide-up-enter{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes mx-slide-up-enter{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes mx-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes mx-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes mx-slide-down-enter{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes mx-slide-down-enter{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes mx-slide-down-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes mx-slide-down-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes mx-slide-left-enter{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes mx-slide-left-enter{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes mx-slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes mx-slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes mx-slide-right-enter{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes mx-slide-right-enter{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes mx-slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes mx-slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.mx-slide-up-enter-active{-webkit-animation:mx-slide-up-enter .36s cubic-bezier(.25,.46,.45,.94) both;animation:mx-slide-up-enter .36s cubic-bezier(.25,.46,.45,.94) both}.mx-slide-up-leave-active{-webkit-animation:mx-slide-up-leave .36s cubic-bezier(.25,.46,.45,.94) both;animation:mx-slide-up-leave .36s cubic-bezier(.25,.46,.45,.94) both}.mx-slide-down-enter-active{-webkit-animation:mx-slide-down-enter .36s cubic-bezier(.25,.46,.45,.94) both;animation:mx-slide-down-enter .36s cubic-bezier(.25,.46,.45,.94) both}.mx-slide-down-leave-active{-webkit-animation:mx-slide-down-leave .36s cubic-bezier(.25,.46,.45,.94) both;animation:mx-slide-down-leave .36s cubic-bezier(.25,.46,.45,.94) both}.mx-slide-left-enter-active{-webkit-animation:mx-slide-left-enter .36s cubic-bezier(.25,.46,.45,.94) both;animation:mx-slide-left-enter .36s cubic-bezier(.25,.46,.45,.94) both}.mx-slide-left-leave-active{-webkit-animation:mx-slide-left-leave .36s cubic-bezier(.25,.46,.45,.94) both;animation:mx-slide-left-leave .36s cubic-bezier(.25,.46,.45,.94) both}.mx-slide-right-enter-active{-webkit-animation:mx-slide-right-enter .36s cubic-bezier(.25,.46,.45,.94) both;animation:mx-slide-right-enter .36s cubic-bezier(.25,.46,.45,.94) both}.mx-slide-right-leave-active{-webkit-animation:mx-slide-right-leave .36s cubic-bezier(.25,.46,.45,.94) both;animation:mx-slide-right-leave .36s cubic-bezier(.25,.46,.45,.94) both}.mx-loading{position:relative;color:#333;font-size:0;vertical-align:middle}.mx-loading--vertical{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.mx-loading--purple{color:#995efc}.mx-loading--blue-purple{color:#6575ff}.mx-loading--blue{color:#29c3ff}.mx-loading--cyan{color:#00cbb8}.mx-loading--yellow{color:#ffaa10}.mx-loading--orange{color:#ff8225}.mx-loading--orange-red{color:#ff6a4c}.mx-loading--gray-offline{color:#7c879b}.mx-loading--loading-gray{color:#333}.mx-loading--brand{color:#267aff}.mx-loading-spinner{position:relative;display:inline-block;width:30px;max-width:100%;height:30px;max-height:100%;vertical-align:middle;-webkit-animation:mx-rotate .36s linear infinite;animation:mx-rotate .36s linear infinite}.mx-loading-spinner--spinner{-webkit-animation-timing-function:steps(8);animation-timing-function:steps(8);-webkit-animation-duration:1.2s;animation-duration:1.2s}.mx-loading-spinner--circular{-webkit-animation-duration:2s;animation-duration:2s}.mx-loading-circular{display:block;width:100%;height:100%}.mx-loading-circular circle{-webkit-animation:mx-circular 1.5s ease-in-out infinite;animation:mx-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.mx-loading-line{position:absolute;top:0;left:0;width:100%;height:100%}.mx-loading-line:before{display:block;width:2.5px;height:25%;margin:0 auto;background-color:currentColor;-webkit-border-radius:1.25px;border-radius:1.25px;content:""}.mx-loading-line--1{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);opacity:.3}.mx-loading-line--2{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:.4}.mx-loading-line--3{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);opacity:.5}.mx-loading-line--4{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);opacity:.6}.mx-loading-line--5{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);opacity:.7}.mx-loading-line--6{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);opacity:.8}.mx-loading-line--7{-webkit-transform:rotate(315deg);-ms-transform:rotate(315deg);transform:rotate(315deg);opacity:.9}.mx-loading-line--8{-webkit-transform:rotate(1turn);-ms-transform:rotate(1turn);transform:rotate(1turn);opacity:1}.mx-loading-text{display:inline-block;font-size:12px;vertical-align:middle;margin-left:8px}.mx-loading-text--vertical{margin-left:0;margin-top:8px}@-webkit-keyframes mx-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}}@keyframes mx-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}}