// Searchbar
// 
// The searchbar contains a few elements that will help a user search a site.
// 
// Styleguide 16

// Searchbar
// 
// Markup:
// <div class="searchbar">
//     <div class="input-group">
//         <div class="btn btn-group select">
//             Select
//             <div class="transport-bottom"></div>
//             <div class="{{modifier_class}}">
//                 <div class="select-item">
//                     <label class="select-label">Item One</label>
//                     <input type="checkbox" class="select-input" />
//                 </div>
//                 <div class="select-item">
//                     <label class="select-label">Item Two</label>
//                     <input type="checkbox" class="select-input" />
//                 </div>
//                 <div class="select-item">
//                     <label class="select-label">Item Three</label>
//                     <input type="checkbox" class="select-input" />
//                 </div>
//             </div>
//         </div>
//         <form class="input-reset">
//             <input type="text" placeholder="placeholder text" />
//             <input class="reset" type="reset" value="X" />
//         </form>
//         <button class="btn search" type="search" tabindex="1">Search</button>
//     </div>
// </div>
// 
// .select-list			- Default
// .select-list.active	- After user action
// 
// Styleguide 16.1

.searchbar {
	.input-group {
		.input-reset {
			width: 100%;
		}
	}
	&-options {
		margin-top: 10px;
	}
}