|
44 | 44 | } |
45 | 45 |
|
46 | 46 | // Handle invalid state |
47 | | - // stylelint-disable-next-line selector-no-qualifying-type |
| 47 | + // stylelint-disable selector-no-qualifying-type |
48 | 48 | .was-validated &:has(input:invalid), |
49 | 49 | &:has(input.is-invalid) { |
50 | 50 | --#{$prefix}control-item-label-color: #{$ouds-color-action-negative-enabled}; |
51 | 51 | } |
52 | 52 |
|
53 | | - // stylelint-disable-next-line selector-no-qualifying-type |
54 | 53 | .was-validated &:has(input:invalid:hover), |
55 | 54 | &:has(input.is-invalid:hover) { |
56 | 55 | --#{$prefix}control-item-label-color: #{$ouds-color-action-negative-hover}; |
57 | 56 | } |
58 | 57 |
|
59 | | - // stylelint-disable-next-line selector-no-qualifying-type |
60 | 58 | .was-validated &:has(input:invalid:focus-visible), |
61 | 59 | &:has(input.is-invalid:focus-visible) { |
62 | 60 | --#{$prefix}control-item-label-color: #{$ouds-color-action-negative-focus}; |
63 | 61 | } |
64 | 62 |
|
65 | | - // stylelint-disable-next-line selector-no-qualifying-type |
66 | 63 | .was-validated &:has(input:invalid:active), |
67 | 64 | &:has(input.is-invalid:active) { |
68 | 65 | --#{$prefix}control-item-label-color: #{$ouds-color-action-negative-pressed}; |
69 | 66 | } |
| 67 | + // stylelint-enable selector-no-qualifying-type |
70 | 68 | } |
71 | 69 |
|
72 | 70 |
|
|
93 | 91 |
|
94 | 92 | .control-item-text-container { |
95 | 93 | display: flex; |
96 | | - flex-direction: column; |
97 | 94 | flex-grow: 1; |
| 95 | + flex-direction: column; |
98 | 96 | row-gap: $ouds-control-item-space-row-gap; |
99 | 97 | justify-content: center; |
100 | 98 | } |
|
490 | 488 | border-color: $ouds-color-action-pressed; |
491 | 489 | } |
492 | 490 |
|
493 | | - // stylelint-disable-next-line selector-no-qualifying-type |
| 491 | + // stylelint-disable selector-no-qualifying-type |
494 | 492 | .was-validated &:has(input:invalid), |
495 | 493 | &:has(input.is-invalid) { |
496 | 494 | border-color: $ouds-color-action-negative-enabled; |
497 | 495 | } |
498 | 496 |
|
499 | | - // stylelint-disable-next-line selector-no-qualifying-type |
500 | 497 | .was-validated &:has(input:invalid:hover), |
501 | 498 | &:has(input.is-invalid:hover) { |
502 | 499 | border-color: $ouds-color-action-negative-hover; |
503 | 500 | } |
504 | 501 |
|
505 | | - // stylelint-disable-next-line selector-no-qualifying-type |
506 | 502 | .was-validated &:has(input:invalid:focus-visible), |
507 | 503 | &:has(input.is-invalid:focus-visible) { |
508 | 504 | border-color: $ouds-color-action-negative-focus; |
509 | 505 | } |
510 | 506 |
|
511 | | - // stylelint-disable-next-line selector-no-qualifying-type |
512 | 507 | .was-validated &:has(input:invalid:active), |
513 | 508 | &:has(input.is-invalid:active) { |
514 | 509 | border-color: $ouds-color-action-negative-pressed; |
515 | 510 | } |
| 511 | + // stylelint-enable selector-no-qualifying-type |
516 | 512 | } |
517 | 513 |
|
518 | 514 | &:hover { |
|
523 | 519 | border-color: $ouds-color-action-pressed; |
524 | 520 | } |
525 | 521 |
|
526 | | - // stylelint-disable-next-line selector-no-qualifying-type |
| 522 | + // stylelint-disable selector-no-qualifying-type |
527 | 523 | .was-validated &:has(input:invalid:hover), |
528 | 524 | &:has(input.is-invalid:hover) { |
529 | 525 | border-color: $ouds-color-action-negative-hover; |
530 | 526 | } |
531 | 527 |
|
532 | | - // stylelint-disable-next-line selector-no-qualifying-type |
533 | 528 | .was-validated &:has(input:invalid:focus-visible), |
534 | 529 | &:has(input.is-invalid:focus-visible) { |
535 | 530 | border-color: $ouds-color-action-negative-focus; |
536 | 531 | } |
537 | 532 |
|
538 | | - // stylelint-disable-next-line selector-no-qualifying-type |
539 | 533 | .was-validated &:has(input:invalid:active), |
540 | 534 | &:has(input.is-invalid:active) { |
541 | 535 | border-color: $ouds-color-action-negative-pressed; |
542 | 536 | } |
| 537 | + // stylelint-enable selector-no-qualifying-type |
543 | 538 |
|
544 | 539 | &:has(input:focus-visible) { |
545 | 540 | padding: $ouds-control-item-space-inset; |
|
0 commit comments