Element Sass feedback generator (feat: @paulodetarso)

SassMeister-input.scss

// Sorry, is very useless, but was very fun to do it! :P
// ----
// Sass (v3.4.21)
// Compass (v1.0.3)
// ----

@mixin default-feedback($feedback-status...) {
  $prop-list: ();

  @for $i from 1 through length($feedback-status) {
    $prop-list: append($prop-list, nth($feedback-status, $i));
  }
  
  @each $item in $feedback-status {
    $status: nth($item, 1);
    $length: length($item);

    &:#{$status} {
      @for $i from 2 through $length {
        $sub-list: nth($item, $i);
        $property: nth($sub-list, 1);
        $value: nth($sub-list, 2);
        
        #{$property}: #{$value}
      }
    }
  }
}

.button {
  @include default-feedback(
    (hover, (background, red), (color, pink)),
    (focus, (background, blue)),
    (active, (color, green))
  );
}

SassMeister-output.css

.button:hover {
  background: red;
  color: pink;
}
.button:focus {
  background: blue;
}
.button:active {
  color: green;
}