@import "../tabs-common";
@import "../../patterns/layout/components/core/style/variables";

// Wraps the bar containing the anchors
.mat-tab-nav-bar {
  @include tab-header;
}

.mat-tab-links {
  position: relative;
}

// Wraps each link in the header
.mat-tab-link {
  @include tab-label;
  display: inline-block;
  vertical-align: top;
  text-decoration: none; // Removes anchor underline styling
  position: relative;
  overflow: hidden; // Keeps the ripple from extending outside the element bounds
}

// @media ($mat-xsmall) {
//   .mat-tab-link {
//     min-width: 72px;
//   }
// }