Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----

$placeholder-prefixes: '::-webkit', ':-moz-placeholder', '::-moz-placeholder', ':-ms-input-placeholder';

@mixin input-placeholder() {
	@each $prefix in $placeholder-prefixes {
		&#{$prefix} {
			@content;
			opacity: 1;
		}
		
		&:focus#{$prefix} {
			color: transparant;
		}
	}
}

.foo {
  @include input-placeholder() {
    color: red;
  }
}

SassMeister-output.css

.foo::-webkit {
  color: red;
  opacity: 1;
}
.foo:focus::-webkit {
  color: transparant;
}
.foo:-moz-placeholder {
  color: red;
  opacity: 1;
}
.foo:focus:-moz-placeholder {
  color: transparant;
}
.foo::-moz-placeholder {
  color: red;
  opacity: 1;
}
.foo:focus::-moz-placeholder {
  color: transparant;
}
.foo:-ms-input-placeholder {
  color: red;
  opacity: 1;
}
.foo:focus:-ms-input-placeholder {
  color: transparant;
}