vue-amazing-ui
Version:
An Amazing Vue3 UI Components Library, Using TypeScript.
2 lines (1 loc) • 949 B
CSS
.fade-in-enter-active[data-v-184e13df]{transition:all .3s cubic-bezier(.4,0,.2,1)}.fade-in-leave-active[data-v-184e13df]{transition:all .8s cubic-bezier(.4,0,.2,1)}.fade-in-enter-from[data-v-184e13df],.fade-in-leave-to[data-v-184e13df]{opacity:0}.loading-bar-wrap[data-v-184e13df]{position:fixed;top:0;left:0;right:0;z-index:9999;height:var(--loading-bar-size)}.loading-bar-wrap .loading-bar[data-v-184e13df]{width:100%;transition:max-width 4s linear,background .2s linear;height:var(--loading-bar-size);border-radius:var(--loading-bar-size)}.loading-bar-wrap .loading-bar-starting[data-v-184e13df]{background:var(--loading-bar-color-loading)}.loading-bar-wrap .loading-bar-finishing[data-v-184e13df]{background:var(--loading-bar-color-finish);transition:max-width .2s linear,background .2s linear}.loading-bar-wrap .loading-bar-error[data-v-184e13df]{background:var(--loading-bar-color-error);transition:max-width .2s linear,background .2s linear}