@use "sass:math";
@use "../sizes" as *;
@use "./colors" as *;

// adduse

$fluent-line-height: null !default;

$fluent-inline-borderedwidget-inner-size:
  $fluent-base-inline-widget-height -
  $fluent-base-border-width * 2 !default;

$fluent-invalid-badge-size: $fluent-base-icon-size - 2px !default;
$fluent-invalid-badge-horizontal-padding: math.div($fluent-inline-borderedwidget-inner-size - $fluent-invalid-badge-size, 2) !default;
$fluent-invalid-badge-halfhorizontal-padding: math.div($fluent-invalid-badge-horizontal-padding, 2) !default;

$fluent-valid-badge-font-size: $fluent-base-font-size + 6px !default;

$fluent-base-dropdown-widgets-shadow: null !default;

@if $size == "default" {
  $fluent-line-height: 1.428571 !default;
  $fluent-base-dropdown-widgets-shadow: 0 0 2px 0 $base-dropdown-shadow-color1, 0 8px 16px 0 $base-dropdown-shadow-color2 !default;
}

@else if $size == "compact" {
  $fluent-line-height: 1.3333 !default;
  $fluent-base-dropdown-widgets-shadow: 0 0 2px 0 $base-dropdown-shadow-color1, 0 4px 8px 0 $base-dropdown-shadow-color2 !default;
}

:root {
  --dx-line-height: #{$fluent-line-height};
}