Stanton

Given the following markup:

<fieldset id="comp-1">
    <legend id="comp-1[label]">Legend One</legend>    
    <label for="dd-1" id="dd-1[label]">Day</label>
    <input id="dd-1" type="text" />
</fieldset>

Stanton

<nav>
<ul class="nav">
    <li class="nav__item"><a href="#" class="nav__link">The workshop</a></li><!--
    --><li class="nav__item nav__item--current"><a href="#" class="nav__link">2013 schedule</a></li><!--
    --><li class="nav__item"><a href="#" class="nav__link">About CSSWizardry</a></li><!--
    --><li class="nav__item"><a href="#" class="nav__link">Contact</a></li>
</ul>
</nav>

Stanton

// Assume .foo triggers a CSS animation, or a transition and that we wish to
// remove the .foo class when the animation completes.
// 
// Useful for declarative animation class names like .shake

// on animation end

var animationEnd = 'webkitAnimationEnd oanimationend oAnimationEnd msAnimationEnd animationend';
$('.foo')
	.addClass('bar')

Stanton

<p class="foo">foo</p>

<p class="foo foo--bar">foo bar</p>

Stanton

// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----

.block {
  color: red;
  
  &__element {
    color: white;

Stanton

PATH="/usr/local/bin:/usr/local/share/npm/bin:$PATH"
#!/bin/sh
grunt sass:dev

Stanton

/**
 * Adds a transparent noise texture as a background image to a given element.
 * Texture strength can be controlled with @opacity parameter.
 */
.noise (@opacity: .3) {
	&:before {
		bottom: 0;
		content: "";
		left: 0;
		opacity: @opacity;

Stanton

<?php

class UsersController extends AppController {

	var $name = 'Users';
	var $scaffold = 'admin';
	var $components = array('JqImgcrop');
	var $helpers = array('Javascript', 'Thumbnail', 'CropImage');

	function beforeFilter() {

Stanton

function getDocumentHeight() {
	return Math.max(
		Math.max(document.body.scrollHeight, document.documentElement.scrollHeight),
		Math.max(document.body.offsetHeight, document.documentElement.offsetHeight),
		Math.max(document.body.clientHeight, document.documentElement.clientHeight)
	);
}

Stanton

text-shadow: 0px -1px 0px #666;