@import "~normalize.css";

*,
*::before,
*::after {
	box-sizing: border-box;
}

html, body {
	width: 100%;
	height: 100%;
	padding: 0;
	overflow: hidden;
}

html {
	font-size: $font-size-base;
	
	//  Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	
	// Font varient
	font-variant-ligatures: none;
	-webkit-font-variant-ligatures: none;
	
	// Smoothing
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
	
	
	// Setting @viewport causes scrollbars to overlap content in IE11 and Edge, so
	// we force a non-overlapping, non-auto-hiding scrollbar to counteract.
	-ms-overflow-style: scrollbar;
	
	// Change the default tap highlight to be completely transparent in iOS.
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
	background: $bg-body;
	@include font(
		$family: sans,
		$size: text-regular,
		$weight: 400,
		$color: base
	);
}

a {
	cursor: pointer;
	text-decoration: $link-decoration;
	color: $link-color;
	display: inline-block;
	
	&:hover {
		color: $link-hover-color;
		text-decoration: $link-hover-decoration;
	}
	
	&:active {
		color: $link-active-color;
	}
	
	&[disabled] {
		color: $link-disabled-color;
		cursor: not-allowed;
		pointer-events: none;
	}
}

form {
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
}

button {
	border: 0;
	border-radius: $border-radius-base;
	padding: 0;
	outline: none;
	background: none;
	box-shadow: none;
	line-height: $line-height-base;
	cursor: pointer;
}

// remove the clear button of a text input control in IE10+
input::-ms-clear,
input::-ms-reveal {
	display: none;
}

::selection {
	background-color: $primary-color;
	color: $white;
}