gfs-react-dm/doc/assets/css/code-demo.css

简化react和redux的繁杂流程，更简单的数据操作管理

body {
	padding-top: 60px;
}
.code-toolbar {
	margin : 8px;
}

#mod {
	margin-right: 5px;
	font-weight: bold;
}
.htmlInput .CodeMirror{
	height : 200px;
}
.CodeMirror {
	position: relative;
	border:solid 2px #f8f8f8;
	margin-bottom : 10px;
	border-radius: 10px;
}
.CodeMirror:before {
	content : "html";
	display: block;
	position: absolute;
	top:0;
	left:100%;
	z-index: 999;
	color: #fff;
	width : 50px;
	margin-left:-50px;
	padding : 5px 0;
	text-align: center;
	/*font-style: italic;*/
	font-weight: bold;
	font-size: 16px;
	/*opacity : .6;*/
}
.htmlInput .CodeMirror:before {
	content : "Html";
}
.jsInput .CodeMirror:before {
	content : "JS";
}
#render {
	border-width : 0;
	width : 100%;
	height : 350px;
}

@media (max-width:768px){

	.container-fluid{
		padding-right: 10px;
		padding-left: 10px;
	}
	#__show {
		margin: 0;
	}
	#__logs {
		margin: 5px 0px;
	}
}