No notes defined.
<div class=" search">
<form action="">
<div class=" filters">
<div class="filters__filter select">
<label class="select__label" for="filter1">Filter by Type:</label>
<select class="select__select" name="filter1">
<option>Ipsum asperiores</option>
<option>Consectetur in</option>
<option>Ipsum impedit</option>
<option>Dolor vero</option>
<option>Sit minima</option>
<option>Adipisicing animi</option>
<option>Lorem voluptatem</option>
<option>Lorem voluptatibus</option>
<option>Lorem ipsam</option>
<option>Elit eligendi</option>
</select>
</div>
<div class="filters__filter select">
<label class="select__label" for="filter1">Filter by Type:</label>
<select class="select__select" name="filter1">
<option>Amet vitae</option>
<option>Sit voluptatibus</option>
<option>Elit reprehenderit</option>
<option>Adipisicing esse</option>
<option>Sit in</option>
<option>Amet quia</option>
<option>Ipsum in</option>
<option>Lorem impedit</option>
<option>Amet inventore</option>
<option>Adipisicing in</option>
</select>
</div>
</div>
<div class="search__field">
<input class="search__input" type="search" placeholder="Search...">
<button class="search__button button -primary" type="submit">Search</button>
</div>
<div class="search__meta">
1-10 of 42 results.
</div>
</form>
</div>
@use "/resources/styles/config";
.search {
$b: &;
margin-bottom: 3rem;
&__field {
display: flex;
margin-bottom: 1rem;
}
&__input,
input#{&}__input {
margin: 0;
}
&__meta {
color: config.$meta-text;
}
}