tagr · January 24, 2015 02:50
diff --git a/emWxeV.markdown b/emWxeV.markdown
diff --git a/index.jade b/index.jade
 input(type=text)
 button validate
diff --git a/script.js b/script.js
 $('button').on('mousedown touch', function() {
  $('input').addClass('fail');
 });

 $('input').on('focus', function(){
  $('input').removeClass('fail');
 });
diff --git a/style.scss b/style.scss

 input {
  transition: background-color 0.6s;
 }
 .fail {
  background-color: hsl(360,100%,80%);
  color: hsl(0,100%,100%);
 }
	$('button').on('mousedown touch', function() {
	$('input').addClass('fail');
	});

	$('input').on('focus', function(){
	$('input').removeClass('fail');
	});

	input {
	transition: background-color 0.6s;
	}
	.fail {
	background-color: hsl(360,100%,80%);
	color: hsl(0,100%,100%);
	}