byted-vui
Version:
A Component Library for Vue.js.
1 lines • 1.68 kB
CSS
.vi-loading-parent--relative{position:relative}.vi-loading-parent--hidden{overflow:hidden}.vi-loading-mask{position:absolute;z-index:2000;background-color:rgba(255,255,255,.9);margin:0;top:0;right:0;bottom:0;left:0;-webkit-transition:opacity .3s;transition:opacity .3s}.vi-loading-mask.is-fullscreen{position:fixed}.vi-loading-mask.is-fullscreen .vi-loading-spinner{margin-top:-25px}.vi-loading-mask.is-fullscreen .vi-loading-spinner .circular{height:50px;width:50px}.vi-loading-spinner{top:50%;margin-top:-21px;width:100%;text-align:center;position:absolute}.vi-loading-spinner .vi-loading-text{color:#445D89;margin:3px 0;font-size:14px}.vi-loading-spinner .circular{height:42px;width:42px;-webkit-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}.vi-loading-spinner .path{-webkit-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#445D89;stroke-linecap:round}.vi-loading-spinner i{color:#445D89}.vi-loading-fade-enter,.vi-loading-fade-leave-active{opacity:0}@-webkit-keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}