Skip to content

Commit ea672bb

Browse files
committed
style: fix control item css style
1 parent 2e59d34 commit ea672bb

File tree

1 file changed

+42
-43
lines changed

1 file changed

+42
-43
lines changed

scss/_control-item.scss

Lines changed: 42 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -3,48 +3,47 @@
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

Comments
 (0)