Skip to content

Commit a689a5d

Browse files
committed
PR25: add chips left and right icons css
1 parent 59716f2 commit a689a5d

File tree

1 file changed

+21
-0
lines changed

1 file changed

+21
-0
lines changed

theme-base/components/input/_chips.scss

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,27 @@
3737
}
3838
}
3939

40+
.p-chips-icon-left > i:first-of-type,
41+
.p-chips-icon-left > svg:first-of-type {
42+
left: nth($inputPadding, 2);
43+
color: $inputIconColor;
44+
}
45+
46+
.p-chips-icon-right > i:first-of-type,
47+
.p-chips-icon-right > svg:first-of-type {
48+
right: nth($inputPadding, 2);
49+
color: $inputIconColor;
50+
}
51+
52+
.p-chips-icon-left > .p-chips > .p-inputtext,
53+
.p-chips-icon-left > label {
54+
padding-left: nth($inputPadding, 2) * 2 + $primeIconFontSize;
55+
}
56+
57+
.p-chips-icon-right > .p-chips > .p-inputtext{
58+
padding-right: nth($inputPadding, 2) * 2 + $primeIconFontSize;
59+
}
60+
4061
&.p-invalid.p-component > .p-inputtext {
4162
@include invalid-input();
4263
}

0 commit comments

Comments
 (0)