@import "popup";

.loading {
  @include popup(300px);

  > h1 {
    background-size: $stripeWidth $stripeWidth;
    background-image: linear-gradient(
      45deg,
      darken($pagecolor, 5%)  25%,
      $pagecolor      25%,
      $pagecolor      50%,
      darken($pagecolor, 5%)  50%,
      darken($pagecolor, 5%)  75%,
      $pagecolor      75%,
      $pagecolor
    );
    -webkit-animation: barberpole 2s linear infinite;
    animation: barberpole 2s linear infinite;
  }
}