@import "../default-skin.less";
@import "../../global/mixin.less";

code { font-family:Consolas,"Liberation Mono",Courier,monospace,simsun; background:@bg-dark-0-4; border:1px solid #ddd; line-height:1+0.5*@gap; display:inline-block; vertical-align:middle; padding:0 0.25em; margin:0 0.25em; position:relative;}
.c_code {
	background:@bg-dark-0-4; overflow:auto; font-family:Consolas,"Liberation Mono",Courier,monospace,simsun;
	pre { font-family: Consolas, "Liberation Mono", Courier, monospace, simsun; margin-top:-1-0.5*@gap;}
	pre span { font-family: Consolas, "Liberation Mono", Courier, monospace, simsun;}
	pre code { border:0 none; border-radius:0;}
	.strong-2,
	.strong { display:inline-block; border:1px solid @warning-light-2; height:1+0.5*@gap; box-sizing:border-box; background:@warning-light-8; border-radius:0.25em; padding:0 0.25em;}
	.strong-2 { border-color:@fg-light-8; background:@bg-dark-0-6;}
	&-border {
		border:1px solid @fg-light-8-5;
	}
	&-rower {
		position:relative; overflow:hidden;
		> .num { width:3em; line-height:1+0.5*@gap; color:@fg-light-7; position:absolute; left:0; top:0; overflow:hidden; z-index:4; padding-right:1em; background:@bg-dark-0-4;}
		> .num ul li { text-align:right; width:3em; overflow:hidden;}
		> .code { padding-left:4em; overflow:auto; height:100%;}
		code { margin:0;}
	}
	&-full {
		height:100%;
	}
	&-black {
		background:@fg-light-2; color:@fg-light-2; overflow:visible;
		> .num { background:@fg-light-2; color:@bg-dark-5;}
		code { background:@fg-light-2; color:@bg;}
		.strong { color:@danger; background:none; border:none;}
	}
	&-wrap {
		pre { white-space:pre-wrap;}
	}
}