/**
 * PickerField Component Style for SaltUI
 * @author longyan
 * 
 * Copyright 2018-2019, SaltUI Team.
 * All rights reserved.
 */
$picker-field-tip-color = $normal-alpha-5;
$picker-field-readonly-color = $dark-alpha-2;

.{$prefix}-picker-field-content {
  display: flex;
  align-items: center;

  svg {
    fill: $normal-alpha-4;
  }

  .{$prefix}-picker-field-value {
    flex: 1;
    width: 0;
  }
}

.{$prefix}-picker-field-value {
  > * {
    vertical-align: middle;
  }
}

.{$prefix}-picker-field-icon svg {
  fill: $picker-field-tip-color;
}

.{$prefix}-picker-field-placeholder {
  flex: 1;
  max-width: 100%;
  height: 24px;
  line-height: 24px;
  color: $picker-field-tip-color;
}

.{$prefix}-picker-field-readonly {
  color: $picker-field-readonly-color;
}