29 lines
776 B
SCSS
29 lines
776 B
SCSS
|
@use '@angular/cdk';
|
||
|
|
@use './tabs-common';
|
||
|
|
|
||
|
|
@include tabs-common.paginated-tab-header;
|
||
|
|
|
||
|
|
.mat-mdc-tab-label-container {
|
||
|
|
@include tabs-common.paginated-tab-header-container('.mat-mdc-tab-group-inverted-header');
|
||
|
|
}
|
||
|
|
|
||
|
|
.mat-mdc-tab-labels {
|
||
|
|
@include tabs-common.paginated-tab-header-item-wrapper('.mat-mdc-tab-header');
|
||
|
|
}
|
||
|
|
|
||
|
|
.mat-mdc-tab {
|
||
|
|
// For the tab element, default inset/offset values are necessary to ensure that
|
||
|
|
// the focus indicator is sufficiently contrastive and renders appropriately.
|
||
|
|
&::before {
|
||
|
|
margin: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
@include cdk.high-contrast {
|
||
|
|
// When a tab is disabled in high contrast mode, set the text color to the disabled
|
||
|
|
// color, which is (unintuitively) named "GrayText".
|
||
|
|
&[aria-disabled='true'] {
|
||
|
|
color: GrayText;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|