xiaxianlin

.assembly
	- 2.times do
		.wheel
			.rotor
				- 12.times do
					.cube
						- 5.times do
							.cube__face

xiaxianlin

.container {
	width: 160px;
	height: 90px;
	margin: 100px auto;
	background: #58a; 
	background: radial-gradient(circle at top left, transparent 15px, #58a 0) top left,				
				radial-gradient(circle at top right, transparent 15px, #58a 0) top right,
				radial-gradient(circle at bottom right, transparent 15px, #58a 0) bottom right,
				radial-gradient(circle at bottom left, transparent 15px, #58a 0) bottom left;
	background-size: 50% 50%;

xiaxianlin

.container {
	width: 160px;
	height: 90px;
	margin: 100px auto;
	background: #58a; 
	background: linear-gradient(135deg, transparent 15px, #58a 0) top left,				
				linear-gradient(-135deg, transparent 15px, #58a 0) top right,
				linear-gradient(-45deg, transparent 15px, #58a 0) bottom right,
				linear-gradient(45deg, transparent 15px, #58a 0) bottom left;
	background-size: 50% 50%;

xiaxianlin

.container {
	width: 160px;
	height: 90px;
	margin: 100px auto;
	background: #58a; 
	background: linear-gradient(135deg, transparent 15px, #58a 0) top left,				
				linear-gradient(-135deg, transparent 15px, #58a 0) top right,
				linear-gradient(-45deg, transparent 15px, #58a 0) bottom right,
				linear-gradient(45deg, transparent 15px, #58a 0) bottom left;
	background-size: 50% 50%;

xiaxianlin

.container {
	width: 160px;
	height: 90px;
	margin: 100px auto;
	background: #58a; 
	background: linear-gradient(135deg, transparent 15px, #58a 0) top left,				
				linear-gradient(-135deg, transparent 15px, #58a 0) top right,
				linear-gradient(-45deg, transparent 15px, #58a 0) bottom right,
				linear-gradient(45deg, transparent 15px, #58a 0) bottom left;
	background-size: 50% 50%;

xiaxianlin

.container {
	width: 160px;
	height: 90px;
	margin: 100px auto; 
	background: linear-gradient(-45deg, transparent 15px, lightblue 0)
}

xiaxianlin

.container{
	overflow: hidden;
	/*overflow:scroll;*/
	float: left;
	/*float: right;*/
	position: absolute;
	display: inline-block;
	/*display: table-cell;*/
	/*display: table-caption;*/
}

xiaxianlin

.btn{
	position: relative;
	width: 100px;
	height:30px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	margin: 150px auto;
	background: #58a;
}

xiaxianlin

.btn{
	position: relative;
	width: 100px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	margin: 150px auto;
	background: #58a;
}
.btn:before,

xiaxianlin

.btn{
	position: relative;
	width: 100px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	margin: 150px auto;
	background: #58a;
}
.btn:before,