angular__angular/src/lib/input/input-container.scss

@import '../core/style/variables';

md-input-container {
  display: inline-block;
  position: relative;
  font-family: $md-font-family;
  line-height: normal;

  // To avoid problems with text-align.
  text-align: left;

  [dir='rtl'] & {
    text-align: right;
  }
}

.md-input-element {
  // Note that we can't use something like visibility: hidden or
  // display: none, because IE ends up preventing the user from
  // focusing the input altogether.
  &::placeholder {
    color: transparent;
  }
  &::-moz-placeholder {
    color: transparent;
  }
  &::-webkit-input-placeholder {
    color: transparent;
  }
  &:-ms-input-placeholder {
    color: transparent;
  }

  .md-end & {
    text-align: right;

    [dir='rtl'] & {
      text-align: left;
    }
  }
}