// Label
// --------------------------------------------------

$input-label-color:         #888 !default;


ion-label {
  display: block;
  max-width: 200px;
  color: $input-label-color;
  font-size: inherit;
  white-space: nowrap;
}

[fixed-label] ion-label {
  display: block;
  max-width: 200px;
  width: 30%;
  min-width: 100px;
  color: $input-label-color;
  font-size: inherit;
  white-space: nowrap;
}

ion-input[stacked-label] {
  flex-direction: column;
  align-items: flex-start;

  ion-label {
    align-self: stretch;
    margin-bottom: 0;
    max-width: 100%;
  }

  .text-input {
    align-self: stretch;
    width: auto;
  }
}