/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@import "../style/index";
@import "../inputs/variables";

@mixin uicore-inputs-select {

  $uicore-select-padding-bordered:  $uicore-inputs-padding-bordered;

  display:            inline-block;
  padding:            $uicore-select-padding-bordered ($uicore-bordered-padding - 3px);
  margin:             $uicore-inputs-margin 0;
  font-size:          $uicore-font-size;
  line-height:        $uicore-line-height;
  color:              $buic-text-color;
  background-color:   $buic-background-control;
  background-image:   none;
  border:             1px solid $buic-inputs-border;
  border-radius:      $uicore-border-radius;
  box-sizing:         border-box;
  box-shadow:         $buic-inputs-boxshadow 0px 1px 1px inset;
  transition:         border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  cursor:             pointer;

  @include firefox-only {
    padding-top:      $uicore-select-padding-bordered - 1px;
    padding-bottom:   $uicore-select-padding-bordered - 1px;
  }

  &:invalid {

    color: $buic-foreground-disabled;

    >option {

      color: $buic-text-color;
    }
  }

  >option.placeholder {

    display: none;
  }

  >option {
    &[disabled],
    &[readonly] {

      color: $buic-text-color-disabled;
    }
  }

  &[disabled],
  &[readonly] {

    background-color: $buic-background-control-disabled;
    color: $buic-text-color-disabled;
    cursor: not-allowed;
    opacity: $uicore-opacity-disabled;
  }

  &:focus {

    outline: 0px;
    border-color: $buic-foreground-focus-border;
    box-shadow: $uicore-inputs-focus-gradient;
  }
}