2020-12-26 15:03:12 +01:00
|
|
|
.input-icon {
|
|
|
|
position: absolute;
|
|
|
|
min-width: .3em;
|
|
|
|
padding: .1em;
|
|
|
|
color: $input-icon-fg;
|
|
|
|
}
|
|
|
|
|
|
|
|
input[type=text],
|
|
|
|
input[type=password],
|
|
|
|
input[type=search],
|
2023-12-11 22:17:47 +01:00
|
|
|
input[type=time],
|
|
|
|
input[type=datetime-local],
|
2020-12-26 15:03:12 +01:00
|
|
|
input[type=number] {
|
|
|
|
border: $default-border-2;
|
|
|
|
border-radius: .5em;
|
|
|
|
padding: .25em;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
border: $input-icon-hover-border;
|
|
|
|
}
|
|
|
|
|
|
|
|
&:focus {
|
|
|
|
border: $input-icon-focus-border;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.with-icon {
|
|
|
|
padding-left: .3em;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
input[type=search],
|
|
|
|
input[type=text] {
|
|
|
|
border-radius: 1em;
|
|
|
|
padding: .25em .5em;
|
|
|
|
}
|