//------------------------------------------------------------------------------------------------
// CODE STYLES
//------------------------------------------------------------------------------------------------

/*
Add some default spacing for code & pre elements
*/

pre {
	background-color: color('very-light');
	width: 100%;
	overflow: scroll;
	padding: rem(10px) rem(7px);
}

code {
	color: color('pop');
	margin: 0 rem(3px);
}

@include mq('sm') {
	code {
		white-space: nowrap;
	}
	
	pre code {
		white-space: pre;
	}
}