Generated by SassMeister.com.

SassMeister-input.scss

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

@mixin prefixer-content($property, $prefixes, $pseudo: "") {
  @each $prefix in $prefixes {
    $pseudo: check-ms-content-prefix($prefix, $pseudo);
    
    @if $prefix != spec {
      #{$pseudo}-#{$prefix}-#{$property} {
        @content;
      }
    }
    @else if $prefix == spec {
      #{$pseudo}#{$property} {
        @content;
      }
    }
  }
}

/// @param {String} $prefix
/// @param {String} $pseudo
///
/// @access private
@function check-ms-content-prefix($prefix, $pseudo) {
  @if $prefix == "ms" {
    @if $pseudo == "&::" {
      $pseudo: "&:";
    } @else if $pseudo == "::" {
      $pseudo: ":";
    }
  }
  
  @return $pseudo;
}

@include prefixer-content(keyframes identifier, (webkit, ms, spec), "@") {
  0% {
    top: 0;
    left: 0;
  }
  30% {
    top: 50px;
  }
  68%, 72% {
    left: 50px;
  }
  100% {
    top: 100px;
    left: 100%;
  }
}

SassMeister-output.css

Invalid CSS after "": expected selector, was "@-webkit-keyfra..."