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

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

@use '../libSupport/deprecated';
@use '../libSupport/manageScope';
@use "@aurodesignsystem/design-tokens/dist/legacy/auro-classic/SCSSVariables" as tokens;
@use "../breakpoints" as breakpoints;

/// `.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
///   @use "./node_modules/@aurodesignsystem/webcorestylesheets/dist/componentSupport/tablist" as *;

#{manageScope.$scope}.auro_tablist {
  overflow-y: scroll;

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

  white-space: nowrap;

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

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

  @include breakpoints.auro_breakpoint($min: tokens.$ds-grid-breakpoint-sm) {
    overflow-y: unset;

    white-space: unset;
  }
}