/**
* Mixins to content list.
*/

@mixin list-loader {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  background-color: rgba($color-white, 0.9);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  transition:
    opacity $transition-default,
    visibility $transition-default;

  &.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
}

@mixin list-no-results {
  @include heading-5;

  width: 100%;
  padding: $spacing-40 0;
  text-align: center;
}