Tyler Sticka tylersticka

## styles.css
.media-gallery__item-thumbnail:has(img:not([alt])) {
	position: relative;
}

.media-gallery__item-thumbnail:has(img:not([alt]))::after {
	align-items: center;
	background: rgb(191, 64, 64);
	border-radius: 4px;
	color: #fff;
	content: 'No alt';

## times.js
/**
 * Iterate over a block a given number of times.
 *
 * Usage:
 *   <ul>
 *     {{#times 5}}<li>Item {{@index}}</li>{{/times}}
 *   </ul>
 */

var Handlebars  = require('handlebars');

## moment.js
/*
 * Format a date using Moment.
 * Usage: {{moment date format="MMMM YYYY"}}
 */

var Handlebars = require('handlebars'),
    _ = require('lodash'),
    moment = require('moment');

Handlebars.registerHelper('moment', function (context, block) {

## gulpfile.js
// include gulp + template plugin
var gulp = require('gulp');
var template = require('gulp-template');
// include the koTemplates module locally
var koTemplates = require('./koTemplates');

// create the 'templates' task
gulp.task('templates', function () {
  // single-page app, so just pipe through index
  gulp.src('./src/templates/index.html')

## gulpfile.js
/**
 * This project's actual gulpfile contains much more than this,
 * but these are the relevant bits.
 */

// Node libraries
var fs = require('fs');
var path = require('path');

// Gulp + plugins

## chrome-webfont-fix.js
/**
 * Chrome 32/33 webfont issue fix.
 * Requires jQuery.
 * More info: http://blog.cloudfour.com/chrome-webfont-issues/
 */

(function($, window){
  // only proceed if this is Chrome
  if (window.navigator.userAgent.indexOf('Chrome') === -1) return;
  // only proceed if the version is 32 or greater

## .profile
alias plbuild="php core/builder.php -gc"  # Pattern Lab: Build/Clean
alias plwatch="php core/builder.php -rw"  # Pattern Lab: Watch/Sync

## scrollable.scss
// Native scrolling (iOS 5+, Android 4+)
.scrollable {
  overflow: auto; // Fallback for non-touch browsers
  -webkit-overflow-scrolling: touch; // Native-esque scrolling on touch-enabled webkit

  // Everything below here improves performance of scrolling. You can omit this at
  // first and add as your content becomes more complex and performance needs a boost.

  &, > * {
    -webkit-backface-visibility: hidden;

## jquery.fitstuff.js
/**
 * fitvids.js is awesome but kind of dependent on pretty
 * ideal and predictable markup. Unfortunately, a lot of
 * services and sites seem to break it.
 *
 * This is a dirtier but more forgiving spin on the same
 * idea. It is probably worse, but it works.
 *
 * https://gist.github.com/tylersticka/5967626
 */

## ko.bindingHandlers.transitionEnd.js
/*
 * Sample usage:
 *    <div data-bind="transitionEnd: modelMethod"></div>
 *
 * Issues:
 * - Webkit-only event name
 * - Fires multiple times when multiple properties are transitioned
 */
ko.bindingHandlers.transitionEnd = {
  init: function (element, valueAccessor) {
	.media-gallery__item-thumbnail:has(img:not([alt])) {
	position: relative;
	}

	.media-gallery__item-thumbnail:has(img:not([alt]))::after {
	align-items: center;
	background: rgb(191, 64, 64);
	border-radius: 4px;
	color: #fff;
	content: 'No alt';
	/**
	* Iterate over a block a given number of times.
	*
	* Usage:
	* <ul>
	* {{#times 5}}<li>Item {{@index}}</li>{{/times}}
	* </ul>
	*/

	var Handlebars = require('handlebars');
	/*
	* Format a date using Moment.
	* Usage: {{moment date format="MMMM YYYY"}}
	*/

	var Handlebars = require('handlebars'),
	_ = require('lodash'),
	moment = require('moment');

	Handlebars.registerHelper('moment', function (context, block) {
	// include gulp + template plugin
	var gulp = require('gulp');
	var template = require('gulp-template');
	// include the koTemplates module locally
	var koTemplates = require('./koTemplates');

	// create the 'templates' task
	gulp.task('templates', function () {
	// single-page app, so just pipe through index
	gulp.src('./src/templates/index.html')
	/**
	* This project's actual gulpfile contains much more than this,
	* but these are the relevant bits.
	*/

	// Node libraries
	var fs = require('fs');
	var path = require('path');

	// Gulp + plugins
	/**
	* Chrome 32/33 webfont issue fix.
	* Requires jQuery.
	* More info: http://blog.cloudfour.com/chrome-webfont-issues/
	*/

	(function($, window){
	// only proceed if this is Chrome
	if (window.navigator.userAgent.indexOf('Chrome') === -1) return;
	// only proceed if the version is 32 or greater
	alias plbuild="php core/builder.php -gc" # Pattern Lab: Build/Clean
	alias plwatch="php core/builder.php -rw" # Pattern Lab: Watch/Sync
	// Native scrolling (iOS 5+, Android 4+)
	.scrollable {
	overflow: auto; // Fallback for non-touch browsers
	-webkit-overflow-scrolling: touch; // Native-esque scrolling on touch-enabled webkit

	// Everything below here improves performance of scrolling. You can omit this at
	// first and add as your content becomes more complex and performance needs a boost.

	&, > * {
	-webkit-backface-visibility: hidden;
	/**
	* fitvids.js is awesome but kind of dependent on pretty
	* ideal and predictable markup. Unfortunately, a lot of
	* services and sites seem to break it.
	*
	* This is a dirtier but more forgiving spin on the same
	* idea. It is probably worse, but it works.
	*
	* https://gist.github.com/tylersticka/5967626
	*/
	/*
	* Sample usage:
	* <div data-bind="transitionEnd: modelMethod"></div>
	*
	* Issues:
	* - Webkit-only event name
	* - Fires multiple times when multiple properties are transitioned
	*/
	ko.bindingHandlers.transitionEnd = {
	init: function (element, valueAccessor) {