<commit_before>@font-face{
	font-family: "icons-turn-arrow";
	src: url('../fonts/icons/turn-arrow.eot') format("embedded-opentype"), /* IE9*/
         url('../fonts/icons/turn-arrow.woff') format('woff'), /* chrome、firefox */
         url('../fonts/icons/turn-arrow.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
         url('../fonts/icons/turn-arrow.svg') format('svg'); /* iOS 4.1- */

}
html,body{
  background-color:#222;
  width:100%;
  height:100%;
}
#app{
	width: 100%;
	height: 100%;
}
img{
	width:240px;
	height:240px;
}
/* stage start */
.stage{
  position:relative;
  width:100%;
  height:100%;
}
/*stage end *／
/** image start */
.img-sec{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;

	background-color: #ddd;

	perspective:1800px;

	@at-root{
		.img-figure{
			position: absolute;
			width: 320px;
			height:360px;
			margin: 0;
			padding: 40px;
			box-sizing:boder-box;

			background-color: #fff;

			cursor: pointer;
			transform-origin:0 50% 0;
			transform-style:preserve-3d;
			//perspective:1800px;
			transition:transform .6s ease-in-out,left .6s ease-in-out,top .6s ease-in-out;

			&.is-inverse{
				transform:translate(320px) rotateY(180deg);
			}
		}
		figcaption{
			text-align: center;
			.img-title{
				margin: 20px 0 0 0;
				color: #a7a0a2;
				font-style: 16px;
			}
			.img-back{
				position: absolute;
				left:0;
				top:0;
				width:100%;
				height:100%;
				padding:30px;
				box-sizing:boder-box;
				text-align: center;
				color: #666;
				transform:rotateY(180deg) translateZ(1px);
				background: #fff;
				backface-visibility:hidden;
			}
		}
	}
}

/* image end */

/* controller start */
.controller-nav{
	position: absolute;
	left:0;
	bottom: 30px;
	z-index: 101;
	width:100%;
	text-align: center;
	@at-root{
		.controller-unit{
			display: inline-block;
			width: 30px;
			height: 30px;
			margin: 0 5px;
			text-align: center;
			cursor: pointer;
			background-color: #aaa;
			border-radius: 50%;
			transform:scale(.5);
			vertical-align: middle;
			transition:transform .6s ease-in-out,background-color .3s;
			&.is-center{
				background: #888;
				transform:scale(1);
				&.is-inverse{
					background-color: #555;
					transform:rotateY(180deg);
				}

				&::after{
					color: #fff;
					font-family: "icons-turn-arrow";
					line-height: 30px;
					content: "\e600";
					font-size:80%;
					-webkit-font-smoothing:antialiased;
					-moz-osx-font-smoothing:grayscale;

				}
			}
		 }
	}
}
/* controller end */<commit_msg>修改图片样式<commit_after>@font-face{
	font-family: "icons-turn-arrow";
	src: url('../fonts/icons/turn-arrow.eot') format("embedded-opentype"), /* IE9*/
         url('../fonts/icons/turn-arrow.woff') format('woff'), /* chrome、firefox */
         url('../fonts/icons/turn-arrow.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
         url('../fonts/icons/turn-arrow.svg') format('svg'); /* iOS 4.1- */

}
html,body{
  background-color:#222;
  width:100%;
  height:100%;
}
#app{
	width: 100%;
	height: 100%;
}
img{
	width:240px;
	height:240px;
}
/* stage start */
.stage{
  position:relative;
  width:100%;
  height:100%;
}
/*stage end *／
/** image start */
.img-sec{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;

	background-color: #ddd;

	perspective:1800px;

	@at-root{
		.img-figure{
			position: absolute;
			width: 320px;
			height:360px;
			margin: 0;
			padding: 40px;
			box-sizing:boder-box;
			text-align: center;
			background-color: #fff;

			cursor: pointer;
			transform-origin:0 50% 0;
			transform-style:preserve-3d;
			//perspective:1800px;
			transition:transform .6s ease-in-out,left .6s ease-in-out,top .6s ease-in-out;

			&.is-inverse{
				transform:translate(320px) rotateY(180deg);
			}
		}
		figcaption{
			text-align: center;
			.img-title{
				margin: 20px 0 0 0;
				color: #a7a0a2;
				font-style: 16px;
			}
			.img-back{
				position: absolute;
				left:0;
				top:0;
				width:100%;
				height:100%;
				padding:30px;
				box-sizing:boder-box;
				text-align: center;
				color: #666;
				transform:rotateY(180deg) translateZ(1px);
				background: #fff;
				backface-visibility:hidden;
			}
		}
	}
}

/* image end */

/* controller start */
.controller-nav{
	position: absolute;
	left:0;
	bottom: 30px;
	z-index: 101;
	width:100%;
	text-align: center;
	@at-root{
		.controller-unit{
			display: inline-block;
			width: 30px;
			height: 30px;
			margin: 0 5px;
			text-align: center;
			cursor: pointer;
			background-color: #aaa;
			border-radius: 50%;
			transform:scale(.5);
			vertical-align: middle;
			transition:transform .6s ease-in-out,background-color .3s;
			&.is-center{
				background: #888;
				transform:scale(1);
				&.is-inverse{
					background-color: #555;
					transform:rotateY(180deg);
				}

				&::after{
					color: #fff;
					font-family: "icons-turn-arrow";
					line-height: 30px;
					content: "\e600";
					font-size:80%;
					-webkit-font-smoothing:antialiased;
					-moz-osx-font-smoothing:grayscale;

				}
			}
		 }
	}
}
/* controller end */
{'fraction_non_alphanumeric': 0.1730504812414064, 'fraction_numerical': 0.05224906698094677, 'mean_word_length': 2.8693009118541033, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3784802', 'n_tokens_mistral': 2537, 'n_tokens_neox': 1953, 'n_words': 360}