// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
// See LICENSE in the project root for license information.

// ---------------------------------------------------------------------

@import '../libSupport/deprecated';
@import '../libSupport/manageScope';

/// `.auro_tablist` is a helper class to support the UI of a hyperlink using `role="tab"`
///
/// Place selector on outer `div` or `section` container with the `role="tablist"` also applied.
///
/// [Manage](/#scope-prefix-variable-scope) `$scope` options.
/// @group utility-auro
/// @example scss - import selector file
///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/componentSupport/tablist";

#{$scope}.auro_tablist {
  @include auro_breakpoint($min: $ds-grid-breakpoint-sm) {
    overflow-y: unset;

    white-space: unset;
  }

  overflow-y: scroll;

  height: calc(#{$ds-size-600} + 1px);
  margin-bottom: var(--ds-size-200, $ds-size-200);

  white-space: nowrap;

  border-width: 0 0 1px;
  border-style: solid;
  border-color: var(--ds-color-border-primary-default, $ds-color-border-primary-default);

  line-height: var(--ds-size-600, $ds-size-600);
}