<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
  • Content:
    .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;
    	}
    }
    
  • URL: /components/raw/search-form/_search-form.scss
  • Filesystem Path: src/components/search-form/_search-form.scss
  • Size: 554 Bytes

No notes defined.