create unique names for keyframes with unique-id()

unique names with unique-id()

.some-element {
  animation: 10s linear infinite;
  animation-name: uevk2bess;
}
@keyframes uevk2bess {
  from {
    background-position: 0% 0%;
  }
  to {
    background-position: 114.2857% 0%;
  }
}

unique-id() output

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

@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%;
    }
  }
}