benknight

/**
 * HTML Email buttons that work in Outlook 2007+
 *
 * This is a really weird hacked up piece of crap but basically the technique is the containing element has some solid color background, 
 * and the inner <a> has a solid border which acts like padding which is the same color as the background color
 */

benknight

// imports
@import 'normalize.less';
@import 'grid.less';
@import 'helpers.less';
@import 'mixins.less';

// brand colors
@red: hsl(6, 89%, 59%);
@light_gray: hsl(0, 0%, 93%);

benknight

/**
 * Infinite crawl effect using CSS animations
 */
@keyframes crawl {
  0% { background-position: 0 0; }
  100% { background-position: -1500px 0; /* 1500px = width of image */ }
}
#crawl {
  background: url(http://f.cl.ly/items/2i3q0a123z3w17241Q3F/page-subheader.jpg);
  height: 100px;

benknight

/**
 * Arrow tip button
 */

body { z-index: 0; text-align: center; padding-top: 100px; }
button {
	position: relative;
	font: 700 20px/1 'Helvetica Neue';
	color: white;
	border: none;

benknight

/**
 * Square avatars with CSS
 */
 	
.img.square {
	width: 54px;
	height: 54px;
	overflow: hidden;
	display: inline-block;