//------------------------------------------------------------------------------------------------
// HTML STYLES
//------------------------------------------------------------------------------------------------

/*
Set basic styles for HTML top level element.
*/

/*
[1] Set the default `font-size` and `line-height` for the entire project, sourced
from our default variables. The `font-size` is calculated to exist in ems so
the users browser font-size is respected if changed.
*/

html {
	font-family: sans-serif;
	font-size: ($global-font-size / 16px) * 1em; /* [1] */
	line-height: $global-line-height; /* [1] */
	min-height: 100%;
	overflow-y: scroll;
}