33//
44
55%control-item {
6- position : relative ;
7- display : flex ;
8- gap : $ouds-control-item-space-column-gap ;
9- min-width : $ouds-control-item-size-min-width ;
10- min-height : $form-check-min-height ;
11- padding : $ouds-control-item-space-inset ;
12-
13- & :has (:focus-visible ) {
14- @include focus-visible ();
15- }
16- }
17-
18- %control-item-border {
19- border-bottom : 1px solid $ouds-color-border-default ; // TODO: Introduce design token once created
20- }
21-
22- %control-item-inverse {
23- flex-direction : row-reverse ;
24- }
25-
26- %control-item-assets-container {
27- display : flex ;
28- flex-shrink : 0 ;
29- align-items : center ;
30- max-height : $ouds-control-item-size-max-height-assets-container ;
31-
32- svg ,
33- img ,
34- .icon {
35- width : 1em ;
36- height : 1em ;
37- overflow : hidden ;
38- font-size : $ouds-control-item-size-icon ;
39- line-height : 1 ;
40- }
6+ position : relative ;
7+ display : flex ;
8+ gap : $ouds-control-item-space-column-gap ;
9+ min-width : $ouds-control-item-size-min-width ;
10+ min-height : $form-check-min-height ;
11+ padding : $ouds-control-item-space-inset ;
12+
13+ & :has (:focus-visible ) {
14+ @include focus-visible ();
4115 }
42-
43- %control-item-text {
44- display : flex ;
45- flex-direction : column ;
46- flex-grow : 1 ;
47- row-gap : $ouds-control-item-space-row-gap ;
48- justify-content : center ;
16+ }
17+
18+ %control-item-border {
19+ border-bottom : 1px solid $ouds-color-border-default ; // TODO: Introduce design token once created
20+ }
21+
22+ %control-item-inverse {
23+ flex-direction : row-reverse ;
24+ }
25+
26+ %control-item-assets-container {
27+ display : flex ;
28+ flex-shrink : 0 ;
29+ align-items : center ;
30+ max-height : $ouds-control-item-size-max-height-assets-container ;
31+
32+ svg ,
33+ img ,
34+ .icon {
35+ width : 1em ;
36+ height : 1em ;
37+ overflow : hidden ;
38+ font-size : $ouds-control-item-size-icon ;
39+ line-height : 1 ;
4940 }
50-
41+ }
42+
43+ %control-item-text {
44+ display : flex ;
45+ flex-direction : column ;
46+ flex-grow : 1 ;
47+ row-gap : $ouds-control-item-space-row-gap ;
48+ justify-content : center ;
49+ }
0 commit comments