|
44 | 44 | }
|
45 | 45 |
|
46 | 46 | &:not(:checked):disabled + span:not(.lever):before {
|
47 |
| - border: none; |
48 |
| - background-color: var(--md-sys-color-on-surface); |
| 47 | + border-color: color-mix(in srgb, transparent, var(--md-sys-color-on-surface) 38%); |
| 48 | + } |
| 49 | + |
| 50 | + &:disabled + span:not(.lever) { |
| 51 | + color: color-mix(in srgb, transparent, var(--md-sys-color-on-surface) 38%); |
49 | 52 | }
|
50 | 53 |
|
51 | 54 | // Focused styles
|
|
74 | 77 | }
|
75 | 78 |
|
76 | 79 | &:disabled + span:before {
|
77 |
| - border-right: 2px solid var(--md-sys-color-on-surface); |
78 |
| - border-bottom: 2px solid var(--md-sys-color-on-surface); |
| 80 | + border-right: 2px solid color-mix(in srgb, transparent, var(--md-sys-color-on-surface) 38%); |
| 81 | + border-bottom: 2px solid color-mix(in srgb, transparent, var(--md-sys-color-on-surface) 38%); |
79 | 82 | }
|
80 | 83 | }
|
81 | 84 |
|
|
97 | 100 |
|
98 | 101 | // Disabled indeterminate
|
99 | 102 | &:disabled + span:not(.lever):before {
|
100 |
| - border-right: 2px solid var(--md-sys-color-on-surface); |
| 103 | + border-right: 2px solid color-mix(in srgb, transparent, var(--md-sys-color-on-surface) 38%); |
101 | 104 | background-color: transparent;
|
102 | 105 | }
|
103 | 106 | }
|
|
184 | 187 | }
|
185 | 188 |
|
186 | 189 | &:disabled:not(:checked) + span:not(.lever):after {
|
187 |
| - border-color: transparent; |
188 |
| - background-color: var(--md-sys-color-on-surface); |
| 190 | + border-color: color-mix(in srgb, transparent, var(--md-sys-color-on-surface) 38%); |
189 | 191 | }
|
190 | 192 |
|
191 | 193 | &:disabled:checked + span:not(.lever):before {
|
192 | 194 | background-color: transparent;
|
193 | 195 | }
|
194 | 196 |
|
195 | 197 | &:disabled:checked + span:not(.lever):after {
|
196 |
| - background-color: var(--md-sys-color-on-surface); |
197 |
| - border-color: var(--md-sys-color-on-surface); |
| 198 | + background-color: color-mix(in srgb, transparent, var(--md-sys-color-on-surface) 38%); |
| 199 | + border: none; |
198 | 200 | }
|
199 | 201 | }
|
0 commit comments