_striped.scss

// Striped background overlay
// Experimental
// Actually used for loading anim


$stripe-size: 28px;

@mixin striped {
  background-image: 
    repeating-linear-gradient(
      45deg, 
      var(--color-shadow-1), 
      var(--color-shadow-1) 10px, 
      var(--color-highlight-1) 10px, 
      var(--color-highlight-1) 20px);
  background-position: 0 0;
  background-size: $stripe-size 100%;
}

.striped {
  @include striped;
}