Generated by SassMeister.com.

SassMeister-input-HTML.html

<input placeholder="placeheld" />

SassMeister-input.sass

// ----
// Sass (v3.2.19)
// Compass (v0.12.6)
// ----

input
  background-color: #ebebeb
  @each $placeholder in '::-webkit-input-placeholder', '::-moz-placeholder', ':-ms-input-placeholder'
    &#{$placeholder}
      color: black
      text-transform: uppercase
      font-weight: bold
      transition: opacity .2s ease
    &:focus#{$placeholder}
      opacity: 0

SassMeister-output.css

input {
  background-color: #ebebeb;
}
input::-webkit-input-placeholder {
  color: black;
  text-transform: uppercase;
  font-weight: bold;
  transition: opacity 0.2s ease;
}
input:focus::-webkit-input-placeholder {
  opacity: 0;
}
input::-moz-placeholder {
  color: black;
  text-transform: uppercase;
  font-weight: bold;
  transition: opacity 0.2s ease;
}
input:focus::-moz-placeholder {
  opacity: 0;
}
input:-ms-input-placeholder {
  color: black;
  text-transform: uppercase;
  font-weight: bold;
  transition: opacity 0.2s ease;
}
input:focus:-ms-input-placeholder {
  opacity: 0;
}

SassMeister-rendered.html

<input placeholder="placeheld" />