mrmartineau

// This is needed to prevent onreadystatechange being run twice
var ready = false;

document.onreadystatechange = function() {

	if (ready) {
		return;
	}
	
	// interactive = DOMContentLoaded & complete = window.load

mrmartineau

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

mrmartineau

@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*/
  
}

mrmartineau

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

mrmartineau

<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>

mrmartineau

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

mrmartineau

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

mrmartineau

<div class="row">
	
</div>

mrmartineau

<span class="form_note">?<span>First name &amp; last name</span></span>

mrmartineau

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