@import './var.less';

:root {
  --glm-list-text-color: @list-text-color;
  --glm-list-text-font-size: @list-text-font-size;
  --glm-list-text-line-height: @list-text-line-height;
  --glm-list-loading-icon-size: @list-loading-icon-size;
}

.glm-list {
  &__loading,
  &__finished-text,
  &__error-text {
    color: var(--glm-list-text-color);
    font-size: var(--glm-list-text-font-size);
    line-height: var(--glm-list-text-line-height);
    text-align: center;
  }

  &__placeholder {
    height: 0;
    pointer-events: none;
  }

  &__loading-icon {
    .glm-loading__spinner {
      width: var(--glm-list-loading-icon-size);
      height: var(--glm-list-loading-icon-size);
    }
  }
}