/
githubmirror
/
components
Обзор
Документация
Войти
/
githubmirror
/
components
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/material/tabs/tab-header.scss
28 строк
776 B
Kristiyan Kostadinov
feat(cdk/a11y): use native media query for high contrast detection (#29678)
03 сен 2024, 18:06
Не верифицирован
03 сен 2024, 18:06
f4a02ad
Код
Авторство
О чём код?
@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; } } }