Simplify animation keyframes with unique-id()

unique-id.scss

// Using the unique-id() function with a simple mixin you only have to provide keyframe values, not names
@mixin animation-keyframes {
  $animation-name: unique-id();
  animation-name: $animation-name;
  @keyframes #{$animation-name} {
    @content;
  }
}
.some-element {
  animation: 10s linear infinite;
  @include animation-keyframes {
    from {
      background-position: 0% 0%;
    }
    to {
      background-position: 114.2857% 0%;
    }
  }
}