body {
	background: $AU-color-background;
	color: $AU-color-foreground-text;
	margin: 0;
	@include AU-space( padding, 6unit 1.5unit 2unit 1.5unit );
	overflow-x: hidden; //For Opera apparently.

	&:before {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		background: repeating-linear-gradient(
			-45deg,
			#222,
			#222 10px,
			#333 10px,
			#333 20px
		);
		@include AU-space( padding, 1.5unit );
		@include AU-fontgrid( sm, nospace );
		content: "📃 Test file";
		font-family: $AU-font-monospace;
		color: white;
	}
}

.test-link {
	font-family: $AU-font;
}

//--------------------------------------------------------------------------------------------------------------------------------------------------------------
// split style
//--------------------------------------------------------------------------------------------------------------------------------------------------------------
.split-wrapper {
	overflow: hidden;
}

.split {
	padding: 1%;

	&.split--alt {
		background: $AU-color-background-alt;
	}

	&.split--dark {
		background: $AU-colordark-background;
		color: $AU-colordark-foreground-text;
	}

	&.split--dark.split--alt {
		background: $AU-colordark-background-alt;
	}

	@include AU-media( sm ) {
		width: 48%;
		float: left;
	}
}


@media print {
	body,
	.split--dark,
	.split--alt,
	.split--alt.split--dark {
		background: transparent !important;
	}
	.split {
		padding: 0 !important;
		width: 100% !important;
	}
}

