|
39 | 39 | } |
40 | 40 |
|
41 | 41 | // Handle invalid state |
42 | | - // stylelint-disable-next-line selector-no-qualifying-type |
| 42 | + // stylelint-disable selector-no-qualifying-type |
43 | 43 | .was-validated &:has(input:invalid), |
44 | 44 | &:has(input.is-invalid) { |
45 | 45 | --#{$prefix}control-item-label-color: #{$ouds-color-action-negative-enabled}; |
46 | 46 | } |
47 | 47 |
|
48 | | - // stylelint-disable-next-line selector-no-qualifying-type |
49 | 48 | .was-validated &:has(input:invalid:hover), |
50 | 49 | &:has(input.is-invalid:hover) { |
51 | 50 | --#{$prefix}control-item-label-color: #{$ouds-color-action-negative-hover}; |
52 | 51 | } |
53 | 52 |
|
54 | | - // stylelint-disable-next-line selector-no-qualifying-type |
55 | 53 | .was-validated &:has(input:invalid:focus-visible), |
56 | 54 | &:has(input.is-invalid:focus-visible) { |
57 | 55 | --#{$prefix}control-item-label-color: #{$ouds-color-action-negative-focus}; |
58 | 56 | } |
59 | 57 |
|
60 | | - // stylelint-disable-next-line selector-no-qualifying-type |
61 | 58 | .was-validated &:has(input:invalid:active), |
62 | 59 | &:has(input.is-invalid:active) { |
63 | 60 | --#{$prefix}control-item-label-color: #{$ouds-color-action-negative-pressed}; |
64 | 61 | } |
| 62 | + // stylelint-enable selector-no-qualifying-type |
65 | 63 | } |
66 | 64 |
|
67 | 65 |
|
|
88 | 86 |
|
89 | 87 | .control-item-text-container { |
90 | 88 | display: flex; |
91 | | - flex-direction: column; |
92 | 89 | flex-grow: 1; |
| 90 | + flex-direction: column; |
93 | 91 | row-gap: $ouds-control-item-space-row-gap; |
94 | 92 | justify-content: center; |
95 | 93 | } |
|
448 | 446 | border-color: $ouds-color-action-pressed; |
449 | 447 | } |
450 | 448 |
|
451 | | - // stylelint-disable-next-line selector-no-qualifying-type |
| 449 | + // stylelint-disable selector-no-qualifying-type |
452 | 450 | .was-validated &:has(input:invalid), |
453 | 451 | &:has(input.is-invalid) { |
454 | 452 | border-color: $ouds-color-action-negative-enabled; |
455 | 453 | } |
456 | 454 |
|
457 | | - // stylelint-disable-next-line selector-no-qualifying-type |
458 | 455 | .was-validated &:has(input:invalid:hover), |
459 | 456 | &:has(input.is-invalid:hover) { |
460 | 457 | border-color: $ouds-color-action-negative-hover; |
461 | 458 | } |
462 | 459 |
|
463 | | - // stylelint-disable-next-line selector-no-qualifying-type |
464 | 460 | .was-validated &:has(input:invalid:focus-visible), |
465 | 461 | &:has(input.is-invalid:focus-visible) { |
466 | 462 | border-color: $ouds-color-action-negative-focus; |
467 | 463 | } |
468 | 464 |
|
469 | | - // stylelint-disable-next-line selector-no-qualifying-type |
470 | 465 | .was-validated &:has(input:invalid:active), |
471 | 466 | &:has(input.is-invalid:active) { |
472 | 467 | border-color: $ouds-color-action-negative-pressed; |
473 | 468 | } |
| 469 | + // stylelint-enable selector-no-qualifying-type |
474 | 470 | } |
475 | 471 |
|
476 | 472 | &:hover { |
|
481 | 477 | border-color: $ouds-color-action-pressed; |
482 | 478 | } |
483 | 479 |
|
484 | | - // stylelint-disable-next-line selector-no-qualifying-type |
| 480 | + // stylelint-disable selector-no-qualifying-type |
485 | 481 | .was-validated &:has(input:invalid:hover), |
486 | 482 | &:has(input.is-invalid:hover) { |
487 | 483 | border-color: $ouds-color-action-negative-hover; |
488 | 484 | } |
489 | 485 |
|
490 | | - // stylelint-disable-next-line selector-no-qualifying-type |
491 | 486 | .was-validated &:has(input:invalid:focus-visible), |
492 | 487 | &:has(input.is-invalid:focus-visible) { |
493 | 488 | border-color: $ouds-color-action-negative-focus; |
494 | 489 | } |
495 | 490 |
|
496 | | - // stylelint-disable-next-line selector-no-qualifying-type |
497 | 491 | .was-validated &:has(input:invalid:active), |
498 | 492 | &:has(input.is-invalid:active) { |
499 | 493 | border-color: $ouds-color-action-negative-pressed; |
500 | 494 | } |
| 495 | + // stylelint-enable selector-no-qualifying-type |
501 | 496 |
|
502 | 497 | &:has(input:focus-visible) { |
503 | 498 | padding: $ouds-control-item-space-inset; |
|
0 commit comments