<form action="/search-results" id="site-search" class="bux-search">
<label class="bux-search__label visually-hidden" for="search-input"> Search this site</label>
<input id="search-input" class="bux-search__input" type="search" placeholder="Search this site">
<button class="bux-search__submit"><span class="visually-hidden">Submit search</span></button>
</form>
<form action="{{ site_search_action }}" id="site-search" class="bux-search">
<label class="bux-search__label visually-hidden" for="search-input"> Search this site</label>
<input id="search-input" class="bux-search__input" type="search" placeholder="Search this site">
<button class="bux-search__submit"><span class="visually-hidden">Submit search</span></button>
</form>
site_name_prefix: Office of
site_name: Learning Relations Excellence
site_slogan: Additional text or site slogan
address_1: 100 Building Name
address_2: 1 Oval Mall
city: Columbus
state: OH
zip: '43210'
contact_email: email@osu.edu
contact_phone: 614-292-OHIO
contact_tty: 614-688-8605
site_search_action: /search-results
.bux-search {
position: relative;
height: 36px;
}
.bux-search__input {
padding: rem-calc(6 8 5);
border-bottom: 2px solid $gray-dark-60;
color: $gray-dark-60;
line-height: 1;
height: 36px;
width: 100%;
&::placeholder {
color: $gray-dark-40;
font-size: rem-calc(15);
}
}
.bux-search__submit {
@include button-reset;
height: 30px;
width: 36px;
font-size: 18px;
position: absolute;
right: 2px;
padding-top: 6px;
margin-top: 2px;
&:after {
content: "\f012";
font-family: $icon;
}
&:focus {
outline: 2px solid $focus;
}
}
No notes defined.