vuestic-ui
Version:
Vue 3 UI Framework
32 lines • 974 B
CSS
:root,
:host {
--va-infinite-scroll-display: flex;
--va-infinite-scroll-flex-direction: column;
--va-infinite-scroll-spinner-default-width: 100%;
--va-infinite-scroll-spinner-default-min-height: 70px;
/* Reversed */
--va-infinite-scroll-reversed-flex-direction: column-reverse;
}
.va-infinite-scroll {
display: var(--va-infinite-scroll-display);
flex-direction: var(--va-infinite-scroll-flex-direction);
font-family: var(--va-font-family);
}
.va-infinite-scroll--reversed {
flex-direction: var(--va-infinite-scroll-reversed-flex-direction);
}
.va-infinite-scroll__spinner {
display: flex;
justify-content: center;
align-items: center;
}
.va-infinite-scroll__spinner__default {
display: flex;
justify-content: center;
align-items: center;
width: var(--va-infinite-scroll-spinner-default-width);
min-height: var(--va-infinite-scroll-spinner-default-min-height);
}
.va-infinite-scroll__spinner--invisible {
visibility: hidden ;
}