Zander Martineau mrmartineau

## index.js
// This is needed to prevent onreadystatechange being run twice
var ready = false;

document.onreadystatechange = function() {

	if (ready) {
		return;
	}

	// interactive = DOMContentLoaded & complete = window.load

## css.css
a {
  transition: all .3s cubic-bezier(.3,2,.5,.8);
}

## hidpi.css
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (min--moz-device-pixel-ratio: 1.3),
       only screen and (-o-min-device-pixel-ratio: 1.3),
       only screen and (min-resolution: 125dpi),
       only screen and (min-resolution: 1.3dppx) {
  /* Content goes below*/

}

## Boost <form>
<form action="#" class="form_stacked">

</form>

## Boost form items
<ul>
	<li>
		<label for="name">Name</label>
		<div class="input">
			<input type="text" id="name" placeholder="Zander Martineau" />
		</div>

	</li>
	<li>
		<label for="email">Email</label>

## Boost form item
<li>
	<label for="name">Label</label>
	<div class="input">
		<input type="text" id="name" placeholder="Zander Martineau" />
	</div>
</li>

## Boost 2 columns
<div class="row">
	<div class="grid_6 column">

	</div>
	<div class="grid_6 column">

	</div>
</div>

## Boost row
<div class="row">

</div>

## Boost form note
<span class="form_note">?<span>First name &amp; last name</span></span>

## Boost column
<div class="grid_6 column">

</div>