baueradvance/httpdocs/files/theme/assets/scss/_mixins.scss

$base-size: 16;
@function size($target, $context: $base-size) {
  @return ($target / $context) * 1rem;
}

@mixin futura-light {
font-family: futura-pt, sans-serif;
font-weight: 300;
font-style: normal;
}

@mixin futura-medium {
font-family: futura-pt, sans-serif;
font-weight: 500;
font-style: italic;
}

@mixin futura-bold {
font-family: futura-pt, sans-serif;
font-weight: 800;
font-style: italic;
}

@mixin button {
	@include futura-bold;
	font-size: size(14);
	line-height: size(30);
	text-transform: uppercase;
	color: $main-color;
	display: block;
	border: 2px solid $main-color;
	border-radius: 6px;
	height: 33px;
	padding: 0 1rem;
}