vuetify
Version:
Vue Material Component Framework
38 lines (35 loc) • 899 B
CSS
.v-infinite-scroll--horizontal {
display: flex;
flex-direction: row;
overflow-x: auto;
}
.v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
height: 100%;
width: var(--v-infinite-margin-size, 1px);
}
.v-infinite-scroll--vertical {
display: flex;
flex-direction: column;
overflow-y: auto;
}
.v-infinite-scroll--vertical .v-infinite-scroll-intersect {
height: 1px;
width: 100%;
}
.v-infinite-scroll-intersect {
pointer-events: none;
margin-top: var(--v-infinite-margin);
margin-bottom: calc(var(--v-infinite-margin) * -1);
}
.v-infinite-scroll-intersect:nth-child(2) {
--v-infinite-margin: var(--v-infinite-margin-size, 1px);
}
.v-infinite-scroll-intersect:nth-last-child(2) {
--v-infinite-margin: calc(var(--v-infinite-margin-size, 1px) * -1);
}
.v-infinite-scroll__side {
align-items: center;
display: flex;
justify-content: center;
padding: 8px;
}