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

$nz-tab-height: 60px;
$nz-tab-width: 32px;
$nz-tab-strip-width: 2px;
$nz-tab-strip-margin: 2px;
$nz-tab-background-color: $buic-background-tab-inactive;
$nz-tab-color: $buic-icon-color;

$nz-active-tab-width: 36px;

$nz-collapsed-tab-width: 6px;

$nz-hovered-tab-color: $buic-foreground-primary-tone;
$nz-active-tab-color: $buic-foreground-primary;
$nz-tab-shadow: drop-shadow((-0.4px) 0.9px 0 $buic-text-color-reverse);
$nz-active-tab-shadow: drop-shadow(0 1px 0 $buic-text-color-reverse);
$nz-tab-no-shadow: drop-shadow(0 0 0 transparent);

$nz-resize-grip-size: 8px;
$nz-resize-grip-size-large: 14px;

$nz-widget-background-color: $buic-background-widget;
$nz-widget-border-color: $buic-background-widget-stroke;
$nz-widget-border-width: 1px;
$nz-widget-border-radius: var(--iui-border-radius-1);
$nz-widget-min-size: $nz-tab-height + 10px;

@mixin nz-internal-grip-offset($property) {
  #{$property}: -$nz-resize-grip-size * 0.5;

  @include for-tablet-landscape-down {
    #{$property}: -$nz-resize-grip-size-large * 0.5;
  }
}

$nz-widget-tab-font-size: 0.9em;
$nz-widget-tab-height: 2.1em;
$nz-widget-tab-border-radius: 2px;

$nz-dragged-widget-opacity: 0.6;