1
Fork 0
mirror of https://github.com/pds-nest/nest.git synced 2024-11-30 08:24:20 +00:00
pds-2021-g2-nest/nest_frontend/components/base/InputWithIcon.module.css

47 lines
776 B
CSS
Raw Normal View History

2021-04-21 01:57:18 +00:00
.InputWithIcon {
display: flex;
flex-direction: row;
color: var(--fg-field-off);
margin: 2px;
2021-04-22 16:19:11 +00:00
2021-04-29 14:17:22 +00:00
width: 100%;
2021-04-21 01:57:18 +00:00
}
.InputWithIcon.Focused {
color: var(--fg-field-on);
}
2021-04-22 16:19:11 +00:00
.IconPart {
2021-04-21 01:57:18 +00:00
border-radius: 25px 0 0 25px;
padding: 2px 4px;
background-color: var(--bg-field-off);
}
2021-04-22 16:19:11 +00:00
.Focused .IconPart {
2021-04-21 01:57:18 +00:00
background-color: var(--bg-field-on);
}
2021-04-22 16:19:11 +00:00
.InputPart {
2021-04-21 01:57:18 +00:00
border-radius: 0 25px 25px 0;
padding: 2px;
2021-04-22 16:19:11 +00:00
flex-grow: 1;
2021-04-21 01:57:18 +00:00
background-color: var(--bg-field-off);
border-width: 0;
outline: 0;
2021-04-21 01:57:18 +00:00
2021-04-22 16:19:11 +00:00
/* Repeat properties overridden by <input> */
font-family: var(--font-regular);
2021-04-21 01:57:18 +00:00
color: var(--fg-field-off);
2021-05-11 15:06:52 +00:00
width: 100%;
2021-04-21 01:57:18 +00:00
}
2021-04-22 16:19:11 +00:00
.Focused .InputPart {
2021-04-21 01:57:18 +00:00
background-color: var(--bg-field-on);
color: var(--fg-field-on);
}