/*
	Code (inline and block)
	========================================
*/

/* Inline and block code styles */
code,
pre {
	padding: 0 3px 2px;
	font-family: var(--mono-font-family);
	font-size: calc(var(--base-font-size) - 2px);
	color: var(--gray-dark);
	border-radius: 3px;
}

/* Inline code */
code {
	padding: 2px 4px;
	color: #d14;
	background-color: #f7f7f9;
	border: 1px solid #e1e1e8;
	white-space: nowrap;
}

/* Blocks of code */
pre {
	display: block;
	padding: calc((var(--base-line-height) - 1) / 2);
	margin: 0 0 calc(var(--base-line-height) / 2);
	font-size: calc(var(--base-font-size) - 1px);
	/* 14px to 13px */
	line-height: var(--base-line-height);
	word-break: break-all;
	word-wrap: break-word;
	white-space: pre;
	white-space: pre-wrap;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	/* fallback for IE7-8 */
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: var(--base-border-radius);
}

/* Make prettyprint styles more spaced out for readability */
pre.prettyprint {
	margin-bottom: var(--base-line-height);
}

/* Account for some code outputs that place code tags in pre tags */
pre code {
	padding: 0;
	color: inherit;
	white-space: pre;
	white-space: pre-wrap;
	background-color: transparent;
	border: 0;
}

/* Enable scrollable blocks of code */
.pre-scrollable {
	max-height: 340px;
	overflow-y: scroll;
}