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

.nz-toolbar-items {
  $divider-color: $buic-background-toolbutton-stroke;
  $border-color: $buic-background-toolbutton-stroke;
  $border-radius: 3px;

  border-color: $border-color;
  border-width: $nz-items-border-width;
  border-radius: $border-radius;
  border-style: solid;
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  box-sizing: border-box;

  &.nz-vertical {
    width: $nz-desktop-item-width;

    > * {
      height: $nz-desktop-item-height;

      &:not(:first-child) {
        margin-top: $nz-desktop-space-between-toolbar-items;

        &:before {
          content: '';
          background-color: $divider-color;
          display: block;
          position: absolute;
          pointer-events: none;
          height: $nz-desktop-space-between-toolbar-items;
          width: 100%;
          left: 0;
          top: -$nz-desktop-space-between-toolbar-items;
        }
      }
    }
  }

  &.nz-horizontal {
    height: $nz-desktop-item-height;

    > * {
      display: inline-block;
      height: 100%;
      width: $nz-desktop-item-width;

      &:not(:first-child) {
        margin-left: $nz-desktop-space-between-toolbar-items;

        &:before {
          content: '';
          background-color: $divider-color;
          display: block;
          position: absolute;
          pointer-events: none;
          width: $nz-desktop-space-between-toolbar-items;
          height: 100%;
          left: -$nz-desktop-space-between-toolbar-items;
          top: 0;
        }
      }
    }
  }

  > * {
    vertical-align: bottom;
  }
}