@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 {
  &::placeholder {
    // 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.
    color: transparent;
  }

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

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