pre {
	//border: 1px solid $gray-1;
	//border-radius: 2px;
	tab-size: 2;
	//width: 111%;
	//margin-left: -11%;
	//padding-left: 9%;
	//padding-right: 2%;
	//background: #29292e;
	code {
		white-space: pre-wrap;
	}
}

%code-font {
	font-family: $code-font-family;
	font-size: $code-font-size;
	//line-height: $code-line-height;
}

%code-in-rounded-box {
	border-radius: 4px;
	padding: 2px 4px;
	color: $code-color;
	background-color: $code-background-color;
}

%code-style-codersblock {
	padding: 2px 4px;
	border: 1px dotted #adb5db;
	background-color: $gray-1;
}

%code-style-npf {
	padding: .25em .5em;
	color: #bf616a;
	background-color: #f9f9f9;
	border-radius: 3px;
}

//-code {
//	white-space: pre-wrap;
//	@extend %code-font;
//	@extend %code-in-rounded-box;
//}

code {
	@extend %code-font;
	@extend %code-style-npf;
}

// highlight.js
.hljs {
	font-size: $code-fence-font-size;
	font-weight: 300;
	white-space: pre;
	border: 1px solid $gray-3;
	border-radius: 4px;
}