39 lines
690 B
SCSS
39 lines
690 B
SCSS
:host {
|
|
$borderRadiusValue: 10em;
|
|
position: relative;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
|
|
form {
|
|
display: flex;
|
|
|
|
input {
|
|
flex: 1;
|
|
border-radius: $borderRadiusValue;
|
|
background-color: white;
|
|
border: solid 1px #ddd;
|
|
padding: .2em 2.7em .2em 1em;
|
|
height: 2em;
|
|
width: 100%;
|
|
}
|
|
|
|
button {
|
|
position: absolute;
|
|
display: flex;
|
|
align-items: center;
|
|
border-radius: $borderRadiusValue;
|
|
background-color: white;
|
|
border: none;
|
|
top: 0;
|
|
right: 0;
|
|
color: #aaaaaa;
|
|
padding: .3em;
|
|
|
|
&:hover {
|
|
background-color: #eee;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
}
|
|
}
|