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

.nz-widgetPanels-panelTarget {
  $size: 1em;

  position: relative;
  @include uicore-z-index(drag-target);

  &:after {
    content: '';
    position: absolute;
  }

  &.nz-left, &.nz-right {
    grid-row: 2/3;

    &:after {
      width: $size;
      height: 100%;
    }
  }

  &.nz-left {
    grid-column: 1;
  }

  &.nz-right {
    grid-column: 3;

    &:after {
      right: 0;
    }
  }

  &.nz-top, &.nz-bottom {
    grid-column: 2/3;

    &:after {
      height: $size;
      width: 100%;
    }
  }

  &.nz-top {
    grid-row: 1;
  }

  &.nz-bottom {
    grid-row: 3;

    &:after {
      bottom: 0;
    }
  }

  &.nz-hidden {
    display: none;
  }

  &.nz-targeted {
    &:after {
      background: rgb(140, 210, 255);
      opacity: 0.5;
    }

    &.nz-top, &.nz-bottom {
      &.nz-span {
        grid-column: 1/4;
      }
    }
  }
}