timhettler

# Numerous always-ignore extensions
*.diff
*.err
*.orig
*.log
*.rej
*.swo
*.swp
*.vi
*~

timhettler

//*
// Makes an element appear circular.
@mixin circular() {
    border-radius: 50%;
}

//*
// Disables text selection and the on iOS devices that displays information about a link.
@mixin disable-selection() {
  @include user-select(none); //disables text selection

timhettler

// ---
// Sass (v3.2.9)
// ---


%placeholder {
  color: red;
}

%placeholder {

timhettler

var interactionType = {
    click: 	(Modernizr.touch) ? 'touchend' : 'click',
    down:	(Modernizr.touch) ? 'touchstart' : 'mousedown',
    up:		(Modernizr.touch) ? 'touchend' : 'mouseup',
    enter:	(Modernizr.touch) ? 'touchstart' : 'mouseenter',
    leave:	(Modernizr.touch) ? 'touchend' : 'mouseleave',
    over:	(Modernizr.touch) ? 'touchstart' : 'mouseover',
    out:	(Modernizr.touch) ? 'touchend' : 'mouseout',
    move:	(Modernizr.touch) ? 'touchmove' : 'mousemove'
};

timhettler

Prism.languages.scss = {
  'comment': {
    pattern: /(^|[^\\])(\/\*[\w\W]*?\*\/|\/\/.*?(\r?\n|$))/g,
    lookbehind: true
  },
  'keyword': {
    pattern: /(\s)(if|in|from|through|and|or|not)(?=\s)/i,
    lookbehind: true,
  },
  'boolean': /\b(true|false)\b/g,

timhettler

figure {
	box-shadow: 0 18px 5px -18px rgba(0,0,0,.7), 0 12px 8px -12px rgba(0,0,0,.5);
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 10px;
	position: relative;
	width: 300px;
}

figure img {

timhettler

// Original script: http://www.jeffreyharrell.com/blog/2010/11/creating-a-shake-event-in-mobile-safari/
// Thanks to Ben Allman's write-up of jQuery Special Events: http://benalman.com/news/2010/03/jquery-special-events/

// jQuery shake event by Tim Hettler
(function ($) {

    $.event.special.shake = {

        setup: function ( data, namespaces ) {

timhettler

for(var i=0;i<10;i++){
 (function(i){ 
  setTimeout(function(){console.warn(i)},i*1000);
 })(i);
}

timhettler

/**
 * The first commented line is your dabblet’s title
 */
 
 body {
 	font: bold 15px/1.1 Helvetica;
 	text-align: center;
 }
 
 div {

timhettler

figure {
	box-shadow: 0 18px 5px -18px rgba(0,0,0,.7), 0 12px 8px -12px rgba(0,0,0,.5);
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 10px;
	position: relative;
	width: 300px;
}

figure img {