@import "variables.less";

code, pre, div.pre {
	background-color: rgba(0,0,0,0.04);
	border-radius: 3px;
	padding: 2px 6px;
	font-family: @fontMonospace;
	font-size: 12px;
}

div.pre {
	span.value {
		white-space: pre;
		color: #840a6e;
		&.string  { color: #000; }
		&.boolean { color: #0086b3; }
		&.number  { color: #40a070; }
	}
}

kbd {
	display: inline-block;
	padding: 3px 5px;
	font-size: 11px;
	line-height: 10px;
	color: #444d56;
	vertical-align: text-bottom;
	background-color: #fafbfc;
	border: solid 1px #c6cbd1;
	border-bottom-color: #959da5;
	border-radius: 3px;
	box-shadow: inset 0 -1px 0 #959da5;
}