jordandobson

<div id="the_div">
  <ul id="the_list">
    <li id="the_item">Click me!</li>
  </ul>
</div>

<p id="log"></p>

<script type="text/javascript" charset="utf-8">
  function log(string){

jordandobson

(function(document){

  window.CLS = window.CLS || {};
  
  CLS.add = function(el, cn){
    if(!CLS.exists(el, cn)){
      el.className = el.className ? el.className + ' ' + cn : cn;
    }
  }

jordandobson

<blockquote>
  <header>
    <meter>
      <strong>5</strong><span> of 5</span>
    </meter>
    <address>
      <strong>Diane S</strong> from Edmonds, WA
    </address>
    <h1>We came to the Westin to check out the beds.</h1>
  </header>

jordandobson

$grid-color: #000;
$grid-opacity: .15;

$clear: transparent;

#grid{
  width:  100%;
  height: 100%;
  position: absolute;
  /* Old Webkit */

jordandobson

/***************************************************************************
**	Orientation Indicators
***************************************************************************/

.orientation{
	position: absolute;
	top:   .5em;
	right: .5em;
	z-index: 1000;

jordandobson

/* Update to Ribbon *****************************************************************/


#page-content header.affix {
  position: fixed;
  top: 0px;
}

#page-content header > .panelContainer{
	width: 100%;

jordandobson

/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */

jordandobson

  "recipe":{
	"overview":{
		"title": "Easy Layered Taco Bake",
		"total": "35 min",
		"prep": "15 min.",
		"makes": "6 servings, 1 cup each."
	},
	"steps": [{
		"step": ["Heat oven to 400\u2109.", "Brown meat in large skillet on medium-high heat."],
		"pic": "/assets/images/taco-bake/intro.jpg"

jordandobson

/* Loader */

$loader-size = 2.1334em

@keyframes rotate
  0%
    transform: rotate(0deg)
  100%
    transform: rotate(360deg)

jordandobson

var b = document.documentElement;
b.setAttribute('data-ua', navigator.userAgent);
b.setAttribute('data-pf',  navigator.platform );