/*------------------------------------
  Form Elements
------------------------------------*/
.u-form-control {
  padding: .8rem 1rem .6rem;

  &::placeholder {
    color: inherit;
    opacity: .3;
  }
  &::-moz-placeholder {
    color: inherit;
    opacity: .3;
  }
  &::-webkit-input-placeholder {
    color: inherit;
    opacity: .3;
  }

  &-sm {
    padding: .4rem .5rem .1rem;
    font-size: .875rem;
  }
  &-lg {
    padding: .75rem 1.5rem .55rem;
    font-size: 1.25rem;
  }

  &-shadow--focus:focus {
    box-shadow: 0 0 5px rgba($g-color-black, .3);
  }
}

.u-textarea-expandable {
  max-height: 42px;

  transition: {
    property: max-height;
    duration: .2s;
    timing-function: ease-in;
  }

  &:focus {
    max-height: 90px;
  }
}

.u-input-group-addon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
}
.form-control+.u-input-group-addon:not(:first-child) {
    border-left: 0;
}