@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;
//   }
// }