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

@mixin font-size($sizeValue: 16, $line: $sizeValue * 1.7) {
    font-size: ($sizeValue) + px;
    font-size: ($sizeValue / 16) + rem;
    line-height: ($line) + px;
    line-height: ($line / 16) + rem;
}

@mixin margin-bottom($fontSize) {
	margin-bottom: (( 18 * 1.7 ) / $fontSize) + rem;
}

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