vuetify/lib/components/VInfiniteScroll/VInfiniteScroll.css

Vue Material Component Framework

.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 {
  overflow: hidden;
  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;
  transition-property: padding;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.v-infinite-scroll__side:empty, .v-infinite-scroll__side:has(> div:only-child:empty) {
  padding: 0;
}