|
14 | 14 | @extend %cbx-display !optional; |
15 | 15 |
|
16 | 16 | &:hover { |
| 17 | + @include e(label) { |
| 18 | + @extend %cbx-label--hover !optional; |
| 19 | + } |
| 20 | + |
| 21 | + @include e(label, $m: before) { |
| 22 | + @extend %cbx-label--hover !optional; |
| 23 | + } |
| 24 | + |
17 | 25 | @include e(ripple) { |
18 | 26 | @extend %cbx-ripple--hover !optional; |
19 | 27 | } |
20 | 28 |
|
| 29 | + @include e(composite) { |
| 30 | + @extend %cbx-composite--hover !optional; |
| 31 | + } |
| 32 | + |
21 | 33 | @include e(composite-mark) { |
22 | 34 | @extend %cbx-composite-mark--fluent !optional; |
23 | 35 | } |
|
60 | 72 | @extend %cbx-ripple !optional; |
61 | 73 | } |
62 | 74 |
|
63 | | - @include m(bootstrap) { |
64 | | - @include e(composite) { |
65 | | - &:hover { |
66 | | - @extend %cbx-composite--hover !optional; |
67 | | - } |
68 | | - } |
69 | | - } |
70 | | - |
71 | 75 | @include m(indigo) { |
72 | | - @include e(composite) { |
73 | | - &:hover { |
74 | | - @extend %cbx-composite--hover !optional; |
75 | | - } |
76 | | - } |
77 | | - |
78 | 76 | @include e(composite-mark) { |
79 | 77 | @extend %cbx-composite-mark-indigo !optional; |
80 | 78 | } |
81 | | - |
82 | | - @include e(label) { |
83 | | - &:hover { |
84 | | - @extend %cbx-label--hover !optional; |
85 | | - } |
86 | | - } |
87 | 79 | } |
88 | 80 |
|
89 | 81 | @include m(invalid) { |
|
99 | 91 | @extend %cbx-label--invalid !optional; |
100 | 92 | } |
101 | 93 |
|
| 94 | + @include e(label, $m: before) { |
| 95 | + @extend %cbx-label--invalid !optional; |
| 96 | + } |
| 97 | + |
102 | 98 | &:hover { |
103 | 99 | @include e(ripple) { |
104 | 100 | @extend %cbx-ripple--hover !optional; |
|
112 | 108 | @include e(composite-mark) { |
113 | 109 | @extend %cbx-composite-mark--invalid--fluent !optional; |
114 | 110 | } |
| 111 | + |
| 112 | + @include e(label) { |
| 113 | + @extend %cbx-label--invalid !optional; |
| 114 | + } |
| 115 | + |
| 116 | + @include e(label, $m: before) { |
| 117 | + @extend %cbx-label--invalid !optional; |
| 118 | + } |
115 | 119 | } |
116 | 120 |
|
117 | 121 | &:active { |
|
183 | 187 | @include e(ripple) { |
184 | 188 | @extend %cbx-ripple--focused-invalid !optional; |
185 | 189 | } |
| 190 | + |
| 191 | + &:hover { |
| 192 | + @include e(ripple) { |
| 193 | + @extend %cbx-ripple--hover-invalid !optional; |
| 194 | + } |
| 195 | + } |
186 | 196 | } |
187 | 197 |
|
188 | 198 | @include mx(indigo, focused, invalid) { |
|
239 | 249 | @include e(composite) { |
240 | 250 | @extend %cbx-composite--x--hover !optional; |
241 | 251 | } |
| 252 | + |
| 253 | + @include e(composite-mark) { |
| 254 | + @extend %cbx-composite-mark--in--fluent !optional; |
| 255 | + } |
242 | 256 | } |
243 | 257 | } |
244 | 258 |
|
245 | 259 | @include mx(material, disabled, indeterminate) { |
246 | | - @extend %igx-checkbox--disabled-indeterminate-material !optional; |
| 260 | + @extend %igx-checkbox--disabled-indeterminate !optional; |
| 261 | + } |
| 262 | + |
| 263 | + @include mx(bootstrap, disabled, indeterminate) { |
| 264 | + @extend %igx-checkbox--disabled-indeterminate !optional; |
247 | 265 | } |
248 | 266 |
|
249 | 267 | @include mx(fluent, disabled, indeterminate) { |
250 | 268 | @extend %igx-checkbox--disabled-indeterminate-fluent !optional; |
251 | 269 | } |
252 | 270 |
|
253 | 271 | @include mx(indigo, disabled, indeterminate) { |
254 | | - @extend %igx-checkbox--disabled-indeterminate-indigo !optional; |
| 272 | + @include e(composite) { |
| 273 | + @extend %igx-checkbox--disabled-indeterminate-indigo !optional; |
| 274 | + } |
255 | 275 | } |
256 | 276 |
|
257 | 277 | @include mx(indigo, focused, indeterminate) { |
|
324 | 344 | @extend %cbx-ripple--focused !optional; |
325 | 345 | @extend %cbx-ripple--focused-checked !optional; |
326 | 346 | } |
| 347 | + |
| 348 | + &:hover { |
| 349 | + @include e(ripple) { |
| 350 | + @extend %cbx-ripple--focused !optional; |
| 351 | + @extend %cbx-ripple--focused--hover-checked !optional; |
| 352 | + } |
| 353 | + } |
| 354 | + } |
| 355 | + |
| 356 | + @include mx(focused, invalid, checked) { |
| 357 | + &:hover { |
| 358 | + @include e(ripple) { |
| 359 | + @extend %cbx-ripple--hover-invalid !optional; |
| 360 | + } |
| 361 | + } |
327 | 362 | } |
328 | 363 |
|
329 | 364 | @include mx(focused, indeterminate) { |
|
0 commit comments