// 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` options.
/// @group utility-auro
/// @example scss - import selector file
///   @import "./node_modules/@alaskaairux/webcorestylesheets/dist/componentSupport/tablist";

#{$scope}.auro_tablist {
  @include auro_breakpoint--sm {
    overflow-y: unset;

    white-space: unset;
  }

  overflow-y: scroll;

  height: calc(#{$auro-size-xxl} + 1px);
  margin-bottom: $auro-size-md;

  white-space: nowrap;

  border-width: 0 0 1px;
  border-style: solid;
  border-color: $auro-color-border-primary-on-light;

  line-height: $auro-size-xxl;
}