
@import './reset.less';
//@import './elements.less';
@import './animations.less';
@import './colors.less';
@import './tooltip.less';
@import './fonts/fonts.css';
html,body, #reactRoot {
	height      : 100vh;
	min-height  : 100vh;
	margin      : 0;
	font-family : 'Open Sans', sans-serif;
}
* { box-sizing : border-box; }
.colorButton(@backgroundColor : @green) {
	.animate(background-color);
	display          : inline-block;
	padding          : 0.6em 1.2em;
	font-family      : 'Open Sans', sans-serif;
	font-size        : 0.8em;
	font-weight      : 800;
	color            : white;
	text-transform   : uppercase;
	text-decoration  : none;
	cursor           : pointer;
	outline          : none;
	background-color : @backgroundColor;
	border           : none;
	&:hover { background-color : darken(@backgroundColor, 5%); }
	&:active { background-color : darken(@backgroundColor, 10%); }
	&:disabled {
		cursor           : not-allowed;
		background-color : @silver !important;
	}
}
