File tree Expand file tree Collapse file tree 1 file changed +0
-31
lines changed
src/material-experimental/mdc-list Expand file tree Collapse file tree 1 file changed +0
-31
lines changed Original file line number Diff line number Diff line change 71
71
.mat-mdc-list-item.mdc-list-item--with-trailing-meta > .mdc-list-item__end :empty {
72
72
display : none ;
73
73
}
74
-
75
- @include a11y .high-contrast (active , off) {
76
- .mat-mdc-list-option ,
77
- .mat-mdc-nav-list .mat-mdc-list-item ,
78
- .mat-mdc-action-list .mat-mdc-list-item {
79
- & :hover , & :focus {
80
- outline : dotted 1px ;
81
- }
82
- }
83
-
84
- // In single selection mode, the selected option is indicated by changing its
85
- // background color, but that doesn't work in high contrast mode. We add an
86
- // alternate indication by rendering out a circle.
87
- .mat-mdc-list-option.mdc-list-item--selected ::after {
88
- $size : 10px ;
89
- content : ' ' ;
90
- position : absolute ;
91
- top : 50% ;
92
- right : mdc-list-variables .$side-padding ;
93
- transform : translateY (-50% );
94
- width : $size ;
95
- height : 0 ;
96
- border-bottom : solid $size ;
97
- border-radius : $size ;
98
- }
99
-
100
- [dir = ' rtl' ] .mat-mdc-list-option.mdc-list-item--selected ::after {
101
- right : auto ;
102
- left : mdc-list-variables .$side-padding ;
103
- }
104
- }
You can’t perform that action at this time.
0 commit comments