|
8 | 8 | $background: map-get($theme, background);
|
9 | 9 | $foreground: map-get($theme, foreground);
|
10 | 10 |
|
11 |
| - .mat-list, .mat-nav-list { |
| 11 | + .mat-list, .mat-nav-list, .mat-selection-list { |
12 | 12 | .mat-list-item {
|
13 | 13 | color: mat-color($foreground, text);
|
14 | 14 | }
|
15 | 15 |
|
| 16 | + .mat-list-option { |
| 17 | + color: mat-color($foreground, text); |
| 18 | + } |
| 19 | + |
16 | 20 | .mat-subheader {
|
17 | 21 | color: mat-color($foreground, secondary-text);
|
18 | 22 | }
|
19 | 23 | }
|
20 | 24 |
|
| 25 | + .mat-list-item-disabled { |
| 26 | + background-color: mat-color($background, disabled-list-option); |
| 27 | + } |
| 28 | + |
21 | 29 | .mat-divider {
|
22 | 30 | border-top-color: mat-color($foreground, divider);
|
23 | 31 | }
|
|
29 | 37 | background: mat-color($background, 'hover');
|
30 | 38 | }
|
31 | 39 | }
|
| 40 | + |
| 41 | + .mat-list-option { |
| 42 | + outline: none; |
| 43 | + |
| 44 | + &:hover, &.mat-list-item-focus { |
| 45 | + background: mat-color($background, 'hover'); |
| 46 | + } |
| 47 | + } |
32 | 48 | }
|
33 | 49 |
|
34 | 50 | @mixin mat-list-typography($config) {
|
|
38 | 54 | font-family: $font-family;
|
39 | 55 | }
|
40 | 56 |
|
| 57 | + .mat-list-option { |
| 58 | + font-family: $font-family; |
| 59 | + } |
| 60 | + |
41 | 61 | // Default list
|
42 |
| - .mat-list, .mat-nav-list { |
| 62 | + .mat-list, .mat-nav-list, .mat-selection-list { |
43 | 63 | .mat-list-item {
|
44 | 64 | font-size: mat-font-size($config, subheading-2);
|
45 | 65 | @include mat-line-base(mat-font-size($config, body-1));
|
46 | 66 | }
|
47 | 67 |
|
| 68 | + .mat-list-option { |
| 69 | + font-size: mat-font-size($config, subheading-2); |
| 70 | + @include mat-line-base(mat-font-size($config, body-1)); |
| 71 | + } |
| 72 | + |
48 | 73 | .mat-subheader {
|
49 | 74 | font-family: mat-font-family($config, body-2);
|
50 | 75 | font-size: mat-font-size($config, body-2);
|
|
53 | 78 | }
|
54 | 79 |
|
55 | 80 | // Dense list
|
56 |
| - .mat-list[dense], .mat-nav-list[dense] { |
| 81 | + .mat-list[dense], .mat-nav-list[dense], .mat-selection-list[dense] { |
57 | 82 | .mat-list-item {
|
58 | 83 | font-size: mat-font-size($config, caption);
|
59 | 84 | @include mat-line-base(mat-font-size($config, caption));
|
60 | 85 | }
|
61 | 86 |
|
| 87 | + .mat-list-option { |
| 88 | + font-size: mat-font-size($config, caption); |
| 89 | + @include mat-line-base(mat-font-size($config, caption)); |
| 90 | + } |
| 91 | + |
62 | 92 | .mat-subheader {
|
63 | 93 | font-family: $font-family;
|
64 | 94 | font-size: mat-font-size($config, caption);
|
|
0 commit comments