@import "compass/css3";

// Vars
$accent: #363f48;
$accent_new: var(--stagtools-accent, #363f48);

$button-map: (
	black: #000,
	blue: #1b93c7,
	green: #84c333,
	grey: #979797,
	light-blue: #56c3f2,
	orange: #fc901d,
	red: #d15858,
	purple: #c16ad7,
	white: #fff,
	dark: $accent
);

$alert-map: (
	white: #f5f5f5,
	grey: #979797,
	red: #d15858,
	yellow: #ffd164,
	green: #84c333,
	blue: #1b93c7,
);

// Mixin to quickly include font style
@mixin iconify( $code: null ){
	@if $code {
		content: "#{$code}";
	} @else {
		@content;
	}
	display: inline-block;
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 900;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

%cf {
	zoom: 1;
	&:before,
	&:after {
		display: table;
		content: "";
	}
	&:after {
		clear: both;
	}
}
