1
Fork 0
mirror of https://github.com/pds-nest/nest.git synced 2024-11-25 14:34:19 +00:00
pds-2021-g2-nest/nest_frontend/components/base/InputWithIcon.module.css

47 lines
No EOL
776 B
CSS

.InputWithIcon {
display: flex;
flex-direction: row;
color: var(--fg-field-off);
margin: 2px;
width: 100%;
}
.InputWithIcon.Focused {
color: var(--fg-field-on);
}
.IconPart {
border-radius: 25px 0 0 25px;
padding: 2px 4px;
background-color: var(--bg-field-off);
}
.Focused .IconPart {
background-color: var(--bg-field-on);
}
.InputPart {
border-radius: 0 25px 25px 0;
padding: 2px;
flex-grow: 1;
background-color: var(--bg-field-off);
border-width: 0;
outline: 0;
/* Repeat properties overridden by <input> */
font-family: var(--font-regular);
color: var(--fg-field-off);
width: 100%;
}
.Focused .InputPart {
background-color: var(--bg-field-on);
color: var(--fg-field-on);
}