/* 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;
}

/* button*/
@mixin button($background) {
	display: inline-block;
	padding: 13px 25px;
	text-transform: uppercase;
	background-color: $background;
	color: $color__background-content;
	border:none;
	text-decoration: none;
	-webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
	transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
}