src/components/UI/SearchBar/SearchBar.scss
@import "../../../assets/sass/main";
.search-bar {
display: flex;
width: 100%;
height: 4.2rem;
background-color: $color-white;
border-bottom: 1px solid rgba($color-light-blue, .8);
&__area {
border: 2px solid rgba($color-black, .8);
padding: 1.1rem;
width: 90%;
height: 75%;
margin: auto;
border-radius: 6px;
text-align: center;
&:focus {
outline: none !important;
box-shadow: 0 0 .5rem $color-light-blue;
}
&::placeholder {
font-size: 1.5rem;
font-weight: 600;
}
}
}