Refactor #3832 - Password svg style updates

pull/3976/head
Tuğçe Küçükoğlu 2023-04-18 12:00:13 +03:00
parent 0c4d487dd9
commit 585642fd9b
50 changed files with 101 additions and 1 deletions

View File

@ -91,7 +91,9 @@
} }
.p-input-icon-left > i, .p-input-icon-left > i,
.p-input-icon-right > i { .p-input-icon-left > svg,
.p-input-icon-right > i,
.p-input-icon-right > svg {
position: absolute; position: absolute;
top: 50%; top: 50%;
margin-top: -.5rem; margin-top: -.5rem;

View File

@ -1124,6 +1124,7 @@
color: #ef9a9a; color: #ef9a9a;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.5rem; left: 0.5rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
@ -1137,6 +1138,7 @@
left: 2rem; left: 2rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.5rem; right: 0.5rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);

View File

@ -1124,6 +1124,7 @@
color: #ef9a9a; color: #ef9a9a;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.5rem; left: 0.5rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
@ -1137,6 +1138,7 @@
left: 2rem; left: 2rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.5rem; right: 0.5rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);

View File

@ -1124,6 +1124,7 @@
color: #ef9a9a; color: #ef9a9a;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.5rem; left: 0.5rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
@ -1137,6 +1138,7 @@
left: 2rem; left: 2rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.5rem; right: 0.5rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);

View File

@ -1124,6 +1124,7 @@
color: #ef9a9a; color: #ef9a9a;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.5rem; left: 0.5rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
@ -1137,6 +1138,7 @@
left: 2rem; left: 2rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.5rem; right: 0.5rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);

View File

@ -1128,6 +1128,7 @@
color: #f19ea6; color: #f19ea6;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.75rem; left: 0.75rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
@ -1141,6 +1142,7 @@
left: 2.5rem; left: 2.5rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.75rem; right: 0.75rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);

View File

@ -1128,6 +1128,7 @@
color: #f19ea6; color: #f19ea6;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.75rem; left: 0.75rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
@ -1141,6 +1142,7 @@
left: 2.5rem; left: 2.5rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.75rem; right: 0.75rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);

View File

@ -1128,6 +1128,7 @@
color: #dc3545; color: #dc3545;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.75rem; left: 0.75rem;
color: #495057; color: #495057;
@ -1141,6 +1142,7 @@
left: 2.5rem; left: 2.5rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.75rem; right: 0.75rem;
color: #495057; color: #495057;

View File

@ -1128,6 +1128,7 @@
color: #dc3545; color: #dc3545;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.75rem; left: 0.75rem;
color: #495057; color: #495057;
@ -1141,6 +1142,7 @@
left: 2.5rem; left: 2.5rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.75rem; right: 0.75rem;
color: #495057; color: #495057;

View File

@ -1124,6 +1124,7 @@
color: #a4252c; color: #a4252c;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.5rem; left: 0.5rem;
color: #605e5c; color: #605e5c;
@ -1137,6 +1138,7 @@
left: 2rem; left: 2rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.5rem; right: 0.5rem;
color: #605e5c; color: #605e5c;

View File

@ -1124,6 +1124,7 @@
color: #FCA5A5; color: #FCA5A5;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.75rem; left: 0.75rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
@ -1137,6 +1138,7 @@
left: 2.5rem; left: 2.5rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.75rem; right: 0.75rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);

View File

@ -1124,6 +1124,7 @@
color: #FCA5A5; color: #FCA5A5;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.75rem; left: 0.75rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
@ -1137,6 +1138,7 @@
left: 2.5rem; left: 2.5rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.75rem; right: 0.75rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);

View File

@ -1124,6 +1124,7 @@
color: #FCA5A5; color: #FCA5A5;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.75rem; left: 0.75rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
@ -1137,6 +1138,7 @@
left: 2.5rem; left: 2.5rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.75rem; right: 0.75rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);

View File

@ -1124,6 +1124,7 @@
color: #FCA5A5; color: #FCA5A5;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.75rem; left: 0.75rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
@ -1137,6 +1138,7 @@
left: 2.5rem; left: 2.5rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.75rem; right: 0.75rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);

View File

@ -1124,6 +1124,7 @@
color: #e24c4c; color: #e24c4c;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.75rem; left: 0.75rem;
color: #6c757d; color: #6c757d;
@ -1137,6 +1138,7 @@
left: 2.5rem; left: 2.5rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.75rem; right: 0.75rem;
color: #6c757d; color: #6c757d;

View File

@ -1124,6 +1124,7 @@
color: #e24c4c; color: #e24c4c;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.75rem; left: 0.75rem;
color: #6c757d; color: #6c757d;
@ -1137,6 +1138,7 @@
left: 2.5rem; left: 2.5rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.75rem; right: 0.75rem;
color: #6c757d; color: #6c757d;

View File

@ -1124,6 +1124,7 @@
color: #e24c4c; color: #e24c4c;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.75rem; left: 0.75rem;
color: #6c757d; color: #6c757d;
@ -1137,6 +1138,7 @@
left: 2.5rem; left: 2.5rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.75rem; right: 0.75rem;
color: #6c757d; color: #6c757d;

View File

@ -1124,6 +1124,7 @@
color: #e24c4c; color: #e24c4c;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.75rem; left: 0.75rem;
color: #6c757d; color: #6c757d;
@ -1137,6 +1138,7 @@
left: 2.5rem; left: 2.5rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.75rem; right: 0.75rem;
color: #6c757d; color: #6c757d;

View File

@ -1128,6 +1128,7 @@
color: #e57373; color: #e57373;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.429rem; left: 0.429rem;
color: #888888; color: #888888;
@ -1141,6 +1142,7 @@
left: 1.858rem; left: 1.858rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.429rem; right: 0.429rem;
color: #888888; color: #888888;

View File

@ -1128,6 +1128,7 @@
color: #e57373; color: #e57373;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.429rem; left: 0.429rem;
color: #888888; color: #888888;
@ -1141,6 +1142,7 @@
left: 1.858rem; left: 1.858rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.429rem; right: 0.429rem;
color: #888888; color: #888888;

View File

@ -1128,6 +1128,7 @@
color: #e57373; color: #e57373;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.429rem; left: 0.429rem;
color: #888888; color: #888888;
@ -1141,6 +1142,7 @@
left: 1.858rem; left: 1.858rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.429rem; right: 0.429rem;
color: #888888; color: #888888;

View File

@ -1128,6 +1128,7 @@
color: #e57373; color: #e57373;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.429rem; left: 0.429rem;
color: #888888; color: #888888;
@ -1141,6 +1142,7 @@
left: 1.858rem; left: 1.858rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.429rem; right: 0.429rem;
color: #888888; color: #888888;

View File

@ -1148,6 +1148,7 @@
color: #f44435; color: #f44435;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 1rem; left: 1rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
@ -1161,6 +1162,7 @@
left: 3rem; left: 3rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 1rem; right: 1rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);

View File

@ -1148,6 +1148,7 @@
color: #f44435; color: #f44435;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 1rem; left: 1rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
@ -1161,6 +1162,7 @@
left: 3rem; left: 3rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 1rem; right: 1rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);

View File

@ -1148,6 +1148,7 @@
color: #B00020; color: #B00020;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 1rem; left: 1rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
@ -1161,6 +1162,7 @@
left: 3rem; left: 3rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 1rem; right: 1rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);

View File

@ -1148,6 +1148,7 @@
color: #B00020; color: #B00020;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 1rem; left: 1rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
@ -1161,6 +1162,7 @@
left: 3rem; left: 3rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 1rem; right: 1rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);

View File

@ -1148,6 +1148,7 @@
color: #f44435; color: #f44435;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.75rem; left: 0.75rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
@ -1161,6 +1162,7 @@
left: 2.5rem; left: 2.5rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.75rem; right: 0.75rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);

View File

@ -1148,6 +1148,7 @@
color: #f44435; color: #f44435;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.75rem; left: 0.75rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
@ -1161,6 +1162,7 @@
left: 2.5rem; left: 2.5rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.75rem; right: 0.75rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);

View File

@ -1148,6 +1148,7 @@
color: #B00020; color: #B00020;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.75rem; left: 0.75rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
@ -1161,6 +1162,7 @@
left: 2.5rem; left: 2.5rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.75rem; right: 0.75rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);

View File

@ -1148,6 +1148,7 @@
color: #B00020; color: #B00020;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.75rem; left: 0.75rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
@ -1161,6 +1162,7 @@
left: 2.5rem; left: 2.5rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.75rem; right: 0.75rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);

View File

@ -1152,6 +1152,7 @@
color: #BF616A; color: #BF616A;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.5rem; left: 0.5rem;
color: #81A1C1; color: #81A1C1;
@ -1165,6 +1166,7 @@
left: 2rem; left: 2rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.5rem; right: 0.5rem;
color: #81A1C1; color: #81A1C1;

View File

@ -1124,6 +1124,7 @@
color: #d8222f; color: #d8222f;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.25rem; left: 0.25rem;
color: #697077; color: #697077;
@ -1137,6 +1138,7 @@
left: 1.5rem; left: 1.5rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.25rem; right: 0.25rem;
color: #697077; color: #697077;

View File

@ -1124,6 +1124,7 @@
color: #a80000; color: #a80000;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.429rem; left: 0.429rem;
color: #848484; color: #848484;
@ -1137,6 +1138,7 @@
left: 1.858rem; left: 1.858rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.429rem; right: 0.429rem;
color: #848484; color: #848484;

View File

@ -1128,6 +1128,7 @@
color: #a80000; color: #a80000;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.429rem; left: 0.429rem;
color: #848484; color: #848484;
@ -1141,6 +1142,7 @@
left: 1.858rem; left: 1.858rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.429rem; right: 0.429rem;
color: #848484; color: #848484;

View File

@ -1128,6 +1128,7 @@
color: #a80000; color: #a80000;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.429rem; left: 0.429rem;
color: #848484; color: #848484;
@ -1141,6 +1142,7 @@
left: 1.858rem; left: 1.858rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.429rem; right: 0.429rem;
color: #848484; color: #848484;

View File

@ -1128,6 +1128,7 @@
color: #a80000; color: #a80000;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.429rem; left: 0.429rem;
color: #848484; color: #848484;
@ -1141,6 +1142,7 @@
left: 1.858rem; left: 1.858rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.429rem; right: 0.429rem;
color: #848484; color: #848484;

View File

@ -1124,6 +1124,7 @@
color: #e7a3a3; color: #e7a3a3;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.429rem; left: 0.429rem;
color: #a6a6a6; color: #a6a6a6;
@ -1137,6 +1138,7 @@
left: 1.858rem; left: 1.858rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.429rem; right: 0.429rem;
color: #a6a6a6; color: #a6a6a6;

View File

@ -1124,6 +1124,7 @@
color: #f44336; color: #f44336;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.5rem; left: 0.5rem;
color: #6c757d; color: #6c757d;
@ -1137,6 +1138,7 @@
left: 2rem; left: 2rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.5rem; right: 0.5rem;
color: #6c757d; color: #6c757d;

View File

@ -1124,6 +1124,7 @@
color: #f44336; color: #f44336;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.5rem; left: 0.5rem;
color: #6c757d; color: #6c757d;
@ -1137,6 +1138,7 @@
left: 2rem; left: 2rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.5rem; right: 0.5rem;
color: #6c757d; color: #6c757d;

View File

@ -1124,6 +1124,7 @@
color: #f44336; color: #f44336;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.5rem; left: 0.5rem;
color: #6c757d; color: #6c757d;
@ -1137,6 +1138,7 @@
left: 2rem; left: 2rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.5rem; right: 0.5rem;
color: #6c757d; color: #6c757d;

View File

@ -1124,6 +1124,7 @@
color: #f44336; color: #f44336;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.5rem; left: 0.5rem;
color: #6c757d; color: #6c757d;
@ -1137,6 +1138,7 @@
left: 2rem; left: 2rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.5rem; right: 0.5rem;
color: #6c757d; color: #6c757d;

View File

@ -1148,6 +1148,7 @@
color: #ff9a9a; color: #ff9a9a;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.75rem; left: 0.75rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
@ -1161,6 +1162,7 @@
left: 2.5rem; left: 2.5rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.75rem; right: 0.75rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);

View File

@ -1148,6 +1148,7 @@
color: #ff6767; color: #ff6767;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.75rem; left: 0.75rem;
color: #708da9; color: #708da9;
@ -1161,6 +1162,7 @@
left: 2.5rem; left: 2.5rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.75rem; right: 0.75rem;
color: #708da9; color: #708da9;

View File

@ -1159,6 +1159,7 @@
color: #f0a9a7; color: #f0a9a7;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.75rem; left: 0.75rem;
color: #71717A; color: #71717A;
@ -1172,6 +1173,7 @@
left: 2.5rem; left: 2.5rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.75rem; right: 0.75rem;
color: #71717A; color: #71717A;

View File

@ -1124,6 +1124,7 @@
color: #ef9a9a; color: #ef9a9a;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.5rem; left: 0.5rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
@ -1137,6 +1138,7 @@
left: 2rem; left: 2rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.5rem; right: 0.5rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);

View File

@ -1124,6 +1124,7 @@
color: #ef9a9a; color: #ef9a9a;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.5rem; left: 0.5rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
@ -1137,6 +1138,7 @@
left: 2rem; left: 2rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.5rem; right: 0.5rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);

View File

@ -1124,6 +1124,7 @@
color: #ef9a9a; color: #ef9a9a;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.5rem; left: 0.5rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
@ -1137,6 +1138,7 @@
left: 2rem; left: 2rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.5rem; right: 0.5rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);

View File

@ -1124,6 +1124,7 @@
color: #ef9a9a; color: #ef9a9a;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.5rem; left: 0.5rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
@ -1137,6 +1138,7 @@
left: 2rem; left: 2rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.5rem; right: 0.5rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);

View File

@ -1156,6 +1156,7 @@
color: #f78c79; color: #f78c79;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.75rem; left: 0.75rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
@ -1169,6 +1170,7 @@
left: 2.5rem; left: 2.5rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.75rem; right: 0.75rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);

View File

@ -1156,6 +1156,7 @@
color: #f88c79; color: #f88c79;
} }
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type { .p-input-icon-left > i:first-of-type {
left: 0.75rem; left: 0.75rem;
color: #898989; color: #898989;
@ -1169,6 +1170,7 @@
left: 2.5rem; left: 2.5rem;
} }
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type { .p-input-icon-right > i:last-of-type {
right: 0.75rem; right: 0.75rem;
color: #898989; color: #898989;