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

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

/// CSS selectors for easy reproduction of Auro Table UI.
///
/// Defaults are set by baseline Design Tokens
///
/// [Manage](/#scope-prefix-variable) `$scope` options.
/// @group utility-auro
/// @example scss - import selector file
///   @import "./node_modules/@alaskaairux/webcorestylesheets/dist/componentSupport/table";

#{$scope}.auro_table {
  display: block;
  overflow: scroll;

  width: auto;
  margin-bottom: $auro-size-xl;

  border-spacing: $auro-size-sm;
  border-collapse: collapse;

  font-weight: $auro-text-heading-display-weight;

  tr {
    &:nth-child(even) {
      background-color: $auro-color-base-gray-100;
    }
  }

  th {
    text-align: left;

    font-weight: $auro-text-heading-default-weight;
  }

  @include auro_breakpoint--sm {
    display: table;

    width: 100%;
  }

  thead {
    border-collapse: collapse;
    border-bottom: 1px solid $auro-color-base-gray-200;
  }

  th,
  td {
    padding: $auro-size-md;
  }
}