Generated by SassMeister.com.

SassMeister-input.scss

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

$EQ-Selectors: ();

@mixin EQSTATECHECK($states, $name) {
  $EQ-Error: 'You need to include a state for the `#{$name}` mixin!';
  @if (length($states) == 0) {
    @if feature-exists(at-error) {
      @error $EQ-Error;
    }
    @else {
      @warn $EQ-Error;
    }
  }
  @else {
    @content;
  }
}

@mixin eq($states...) {
  @include EQSTATECHECK('eq', $states) {
    //////////////////////////////
    // Markup based Element Queries
    //////////////////////////////
    $extend: unique-id();
    @at-root {
      %#{$extend} {
        @content;
      }
    }
    @each $state in $states {
      &[data-eq-state$="#{$state}"] {
        @extend %#{$extend};
      }
    }
  }
}

.foo {
  @include eq('small', 'medium') {
    content: 'bar';
  }
}

SassMeister-output.css

.foo[data-eq-state$="small"], .foo[data-eq-state$="medium"] {
  content: 'bar';
}