// Rem output with px fallback
@mixin font-size($sizeValue: 1) {
	font-size: ($sizeValue * 16) * 1px;
	font-size: $sizeValue * 1rem;
}

// Center block
@mixin center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

// Clearfix
@mixin clearfix() {
	content: "";
	display: table;
	table-layout: fixed;
}

// Clear after (not all clearfix need this also)
@mixin clearfix-after() {
	clear: both;
}

// Border radius
@mixin border-radius($radius) {
	background-clip: padding-box; /* stops bg color from leaking outside the border: */
	-webkit-border-radius: $radius;
	border-radius: $radius;
}

// Hover delay on links
@mixin anchorhover($delay){ // 0.2s
  -o-transition: $delay;
  -ms-transition: $delay;
  -moz-transition: $delay;
  -webkit-transition: $delay;
  transition: $delay;
}

// Box Shadow
@mixin subtle-box-shadow() {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
// Font Awesome List Icon
// Usage: li:before { @include fontawesomelist('\f02e'); }
@mixin fontawesomelist($font) { 
    font-family: 'FontAwesome';
    content: $font;
    margin:0 15px 0 -15px;
}

