@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@use "../list/sizes" as *;
@use "../button/mixins" as *;
@use "../button/colors" as *;
@use "../button/sizes" as *;
@use "mixins" as *;
@use "../../base/toolbar";

// adduse
@use "../dropDownMenu";

.dx-toolbar {
  background-color: $toolbar-bg;
  color: $toolbar-color;

  @include dx-toolbar-sizing(
    $generic-toolbar-height,
    $generic-toolbar-padding,
    $generic-toolbar-label-font-size,
    $generic-toolbar-item-spacing
  );

  &.dx-toolbar-compact {
    .dx-button {
      min-width: auto;
    }
  }
}

.dx-toolbar-after {
  .dx-toolbar-item {
    @include dx-toolbar-item-padding($generic-toolbar-item-spacing);
  }
}

.dx-toolbar-background {
  background-color: $toolbar-bg;
}

.dx-toolbar-menu-section {
  border-bottom: 1px solid $base-border-color;

  .dx-list-item-content,
  .dx-toolbar-item-auto-hide {
    padding: $generic-list-item-vertical-padding;
  }

  .dx-toolbar-hidden-button,
  .dx-toolbar-hidden-button-group {
    .dx-button {
      border-radius: 0;
    }

    .dx-button-content {
      padding: $generic-list-item-vertical-padding;
    }
  }

  .dx-toolbar-hidden-button {
    .dx-button {
      @include dx-button-mode-text-styling();
    }
  }

  .dx-toolbar-hidden-button-group {
    margin-top: $generic-toolbar-item-spacing;
    margin-bottom: $generic-toolbar-item-spacing;
  }
}

.dx-toolbar-text-auto-hide .dx-button {
  @include dx-button-onlyicon-sizing();
}

.dx-toolbar .dx-tab {
  padding: 5px 4px;
}

.dx-toolbar-button {
  .dx-menu {
    .dx-menu-item {
      border-radius: $button-border-radius;

      .dx-menu-item-content {
        padding-top: $generic-toolbar-menu-top-padding;
        padding-bottom: $generic-toolbar-menu-bottom-padding;
        line-height: 0;

        .dx-menu-item-text {
          line-height: normal;
        }
      }
    }
  }
}