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

.core-searchbox {
  @include uicore-font-family;
  display: flex;
  align-items: center;
  position: relative;
  //default values (height, width, font-size, color)
  height: 34px;
  width: 12em;
  font-size: $uicore-font-size;
  color: $buic-text-color;

  input {
    @include uicore-inputs-input;
    padding: 0 2em 0 12px; //12px from design guide
    height: 100%;
    margin: 0;
    color: inherit;
    font-size: inherit;
    box-sizing: border-box;
  }

  .core-searchbox-button {
    position: absolute;
    height: 100%;
    right: 0;
    width: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    cursor: pointer;

    &:hover span {
      color: $buic-foreground-primary;
    }

    &:focus {
      outline: none;
    }

  }
}