flex-layout/example/index.css

CSS3 Flexbox layout

.demo > .flex-column, .demo > .flex-row, .demo.flex-column, .demo.flex-row {
	background-image: linear-gradient(90deg, #F5F5F5 4.16666667%, #fdfdfd 4.16666667%, #fdfdfd 8.33333333%, #F5F5F5 8.33333333%, #F5F5F5 12.5%, #fdfdfd 12.5%, #fdfdfd 16.66666667%, #F5F5F5 16.66666667%, #F5F5F5 20.83333333%, #fdfdfd 20.83333333%, #fdfdfd 25%, #F5F5F5 25%, #F5F5F5 29.16666667%, #fdfdfd 29.16666667%, #fdfdfd 33.33333333%, #F5F5F5 33.33333333%, #F5F5F5 37.5%, #fdfdfd 37.5%, #fdfdfd 41.66666667%, #F5F5F5 41.66666667%, #F5F5F5 45.83333333%, #fdfdfd 45.83333333%, #fdfdfd 50%, #F5F5F5 50%, #F5F5F5 54.16666667%, #fdfdfd 54.16666667%, #fdfdfd 58.33333333%, #F5F5F5 58.33333333%, #F5F5F5 62.5%, #fdfdfd 62.5%, #fdfdfd 66.66666667%, #F5F5F5 66.66666667%, #F5F5F5 70.83333333%, #fdfdfd 70.83333333%, #fdfdfd 75%, #F5F5F5 75%, #F5F5F5 79.16666667%, #fdfdfd 79.16666667%, #fdfdfd 83.33333333%, #F5F5F5 83.33333333%, #F5F5F5 87.5%, #fdfdfd 87.5%, #fdfdfd 91.66666667%, #F5F5F5 91.66666667%, #F5F5F5 95.83333333%, #fdfdfd 95.83333333%);
}
.demo.flex-column .flex-column, .demo.flex-row .flex-column, .demo.flex-column .flex-row, .demo.flex-row .flex-row {
	background: none;
	box-shadow: none;
} 
.demo [class*=flex-item] {
	background-color: rgba(72, 174, 255, 0.27);
	box-shadow: inset 1px 1px rgba(78, 78, 78, 0.1), inset -1px -1px rgba(78, 78, 78, 0.1);
	line-height: 40px;
	text-align: center;
}
.panel {
	margin-bottom:  40px;
}
.panel a[href] {
	margin: 0 5px;
	color: #007BC5;
}

.box {
	margin: 20px 0;
	border-radius: 8px;
	border: solid 1px #d1d1d1;
	box-shadow: 0 1px 3px #e1e1e1;
}
.box .head {
	margin: 0;
	padding: 10px 20px;
	border-bottom: solid 1px #d1d1d1;
	border-top: solid 1px #fff;
	border-radius: 8px 8px 0 0;
	background-color: #f4f4f4;
}
.box .head .title {
	margin-right: 40px;
	color: #007BC5;
}
.box .head .tip {
	margin: 5px 0 0;
	line-height: 2;
	font-size: 12px;
}
.box .demo {
	margin: 20px 0;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
}

.demo1 {
	border: solid 1px #ccc;
}
.demo1 [class^=flex-item] {
	line-height: 60px;
}