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

// adduse
@use "../../../../scrollable";
@use "../../../../badge";


.dx-tabs-styling-mode-primary {
  &.dx-tabs.dx-tabs-horizontal .dx-tabs-scrollable .dx-tab {
    flex-basis: auto;
    min-width: $material-tab-min-width;
  }

  &.dx-tab-indicator-position-top {
    @include dx-tabs-indicator-primary-base(top);
  }

  &.dx-tab-indicator-position-right {
    @include dx-tabs-indicator-primary-base(right);
  }

  &.dx-tab-indicator-position-bottom {
    @include dx-tabs-indicator-primary-base(bottom);
  }

  &.dx-tab-indicator-position-left {
    @include dx-tabs-indicator-primary-base(left);
  }
}