ivue-material-plus/dist/unplugin-vue-components/styles/ivue-spin.css

A high quality UI components Library with Vue.js

:root{--ivue-spin-dot-size:20px;--ivue-spin-fix-bg:rgba(255, 255, 255, 0.9)}.ivue-spin{display:inline-block;color:var(--ivue-primary-color);vertical-align:middle;text-align:center}.ivue-spin-dot{position:relative;display:block;border-radius:50%;background-color:var(--ivue-primary-color);width:var(--ivue-spin-dot-size);height:var(--ivue-spin-dot-size);-webkit-animation:ivue-spin-dot 1s 0s ease-in-out infinite;animation:ivue-spin-dot 1s 0s ease-in-out infinite}@-webkit-keyframes ivue-spin-dot{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes ivue-spin-dot{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.ivue-spin-text{display:block}.ivue-spin-fix{position:absolute;top:0;left:0;z-index:20;width:100%;height:100%;background-color:var(--ivue-spin-fix-bg)}.ivue-spin-fix .ivue-spin-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.ivue-spin-fullscreen{z-index:2010}.ivue-spin-fullscreen--wrapper{position:fixed;top:0;right:0;bottom:0;left:0}.ivue-spin-fade-enter-active,.ivue-spin-fade-leave-active{-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.ivue-spin-fade-enter-from,.ivue-spin-fade-leave-to{opacity:0}