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

$button-size: 32px;

.uifw-square-button {
  display: flex;
  justify-content: center;
  background-color: $buic-background-tab-inactive;
  color: $buic-foreground-body;
  border-color: $buic-background-toolbutton-stroke;
  border-radius: 5px;
  border-width: 1px;
  border-style: solid;
  opacity: 0.95;
  pointer-events: auto;
  margin: 0;
  width: $button-size;
  height: $button-size;

  &:focus {
    background-color: $buic-background-tab-active;
    color: $buic-foreground-body;
    border-color: $buic-background-toolbutton-stroke;
    opacity: 1.0;
  }

  &:hover {
    background-color: $buic-background-tab-active;
    color: $buic-foreground-primary;
    border-color: $buic-background-toolbutton-stroke;
    opacity: 1.0;
  }

  &:active {
    background-color: $buic-background-4;
    color: $buic-foreground-primary;
    border-color: $buic-background-toolbutton-stroke;
    opacity: 1.0;
  }

}