/*---------------------------------------------------------------------------------------------
* 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";

.components-table-cell {
  user-select: none;
  display: flex;
  align-items: center;
  color: $buic-foreground-body;
  padding: 1px;
  box-sizing: border-box;
  overflow: hidden;

  @mixin define-border($edge) {
    &.border-#{$edge} {
      border-#{$edge}: 1px solid $buic-foreground-primary;
      padding-#{$edge}: 0;
    }
  }

  @include define-border("top");
  @include define-border("right");
  @include define-border("bottom");
  @include define-border("left");

  &.is-selected {
    background-color: $buic-row-selection;
  }

  &.is-keyboard-editable {
    background-color: $buic-background-editable;
  }

  &:focus {
    outline: none;
  }

  > * {
    padding-left: 8px;
    height: 100%;
    width: calc(100% - 8px);
  }

  > span:empty:before {
    content: "\200b"; // unicode zero width space character
  }
}