@import '../style/var';
.vuejs-loadmore-wrap {
  user-select: none;
}

.vuejs-refresh {
  &-track {
    position: relative;
    height: 100%;
    transition-property: transform;
  }

  &-head {
    position: absolute;
    left: 0;
    width: 100%;
    height: $refresh-head-height;
    overflow: hidden;
    color: $refresh-head-text-color;
    font-size: $refresh-head-font-size;
    text-align: center;
    transform: translateY(-100%);
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.vuejs-loadmore {
  height: $loadmore-text-line-height;
  &-loading,
  &-finished-text,
  &-error-text {
    color: $loadmore-text-color;
    font-size: $loadmore-text-font-size;
    line-height: $loadmore-text-line-height;
    text-align: center;
  }
}