ivue-material-plus
Version:
A high quality UI components Library with Vue.js
1 lines • 2.77 kB
CSS
:root{--ivue-loading-spinner-circular-size:42px;--ivue-loading-font-size:14px;--ivue-loading-fullscreen-circular-size:50px;--ivue-loading-spinner-margin-top:-25px;--ivue-loading-mask-color:rgba(255, 255, 255, 0.9)}.ivue-loading-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2000;background:var(--ivue-loading-mask-color);margin:0;-webkit-transition:opacity .3s var(--ivue-ease-in-out);transition:opacity .3s var(--ivue-ease-in-out)}.ivue-loading-parent--relative{position:relative}.ivue-loading-parent--hidden{overflow:hidden}.ivue-loading-spinner{position:absolute;top:0;bottom:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:auto;width:100%;color:var(--ivue-primary-color)}.ivue-loading-spinner--content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ivue-loading-spinner .circular{height:var(--ivue-loading-spinner-circular-size);width:var(--ivue-loading-spinner-circular-size);-webkit-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}.ivue-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:3;stroke:currentColor;stroke-linecap:round}.ivue-loading-spinner i{width:auto;min-width:auto;height:auto;margin:0}.ivue-loading-text{color:currentColor;margin:5px 0;font-size:var(--ivue-loading-font-size)}.ivue-loading-fade-enter-from,.ivue-loading-fade-leave-to{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}}.is-fullscreen{position:fixed}.is-fullscreen .ivue-loading-spinner{margin-top:var(--ivue-loading-spinner-margin-top)}.is-fullscreen .circular{height:var(--ivue-loading-fullscreen-circular-size);width:var(--ivue-loading-fullscreen-circular-size)}