mirror of
https://github.com/pds-nest/nest.git
synced 2024-11-22 21:14:18 +00:00
45 lines
No EOL
833 B
CSS
45 lines
No EOL
833 B
CSS
.InputWithIcon {
|
|
display: flex;
|
|
flex-direction: row;
|
|
|
|
color: var(--fg-field-off);
|
|
margin: 2px;
|
|
|
|
width: 300px;
|
|
}
|
|
|
|
.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; /* TODO: Questo è sconsigliato dalle linee guida sull'accessibilità! */
|
|
|
|
/* Repeat properties overridden by <input> */
|
|
font-family: var(--font-regular);
|
|
color: var(--fg-field-off);
|
|
}
|
|
|
|
|
|
.Focused .InputPart {
|
|
background-color: var(--bg-field-on);
|
|
color: var(--fg-field-on);
|
|
} |