37 lines
713 B
CSS
37 lines
713 B
CSS
/* From Uiverse.io by LightAndy1 */
|
|
.group {
|
|
box-shadow: 0 1px 2px 1px #001529;
|
|
border-radius: 15px;
|
|
padding: 0.1rem 0.5rem 0.1rem 1rem;
|
|
display: flex;
|
|
line-height: 28px;
|
|
align-items: center;
|
|
position: relative;
|
|
max-width: 400px;
|
|
}
|
|
|
|
.input {
|
|
width: 100%;
|
|
height: 32px;
|
|
line-height: 28px;
|
|
padding: 0 1rem;
|
|
border: 2px solid transparent;
|
|
border-radius: 8px;
|
|
outline: none;
|
|
background-color: #f3f3f4;
|
|
color: #0d0c22;
|
|
transition: 0.3s ease;
|
|
}
|
|
|
|
.input::placeholder {
|
|
color: #9e9ea7;
|
|
}
|
|
|
|
.input:focus,
|
|
input:hover {
|
|
outline: none;
|
|
border-color: #40A9FF;
|
|
background-color: #fff;
|
|
box-shadow: 0 0 0 4px rgba(199, 199, 197, 0.1);
|
|
}
|