| Axle | 'Widgets'

HTML Example:

<div class="site_search_block">
  <form>
    <input type="text" />
    <button>search</button>
  </form>			
</div>
			

Example LESS mixin:

.site_standard_search() {
  .dual_primary_buttons_small;
  .grid_12(6);      // sets width of search widget within the screen
  input {
    .grid_12(4.85); // width accounts for padding and border
    .alpha;
  button {
    .push_12(.1);   // overrides standard button spacing
  }
}

			

Example semantic LESS:

.site_search_block {
  .site_standard_search;
}