<commit_before>@import 'base';

$outline: rgba(82, 79, 73, .75);

.future-desc {
	padding-top: 0px
}

.players {
	background-color: white;
}

.players .name {
	font-weight: bold;
}

.panel .game-buttons {
	padding-bottom: 5px;
}

.game-buttons li {
	margin: 0 10px 10px 0;
	float: left;
}

.area-header {
	position: relative;
}

.area-title {
	max-width: 210px;
	overflow: hidden;
}

.area-desc {
	position: absolute;
	right: 15px;
	top: 20px;
	color: lightgrey;
}

.board-area {
	//background-color: lightgrey;
	margin: 0px auto 20px auto;
	width: 360px;
}

.board-area .card-small {
	margin: -1px;
}

.player-field-column {
	//background-color: grey;
	float: left;
}

.target {
	//background-color: darkgrey;
	width: 65px;
	height: 93px;
	margin: 0px 12px 12px 12px;
	border: 1px solid $outline;
}

.target-selector {
	background-color: rgba(255, 255, 255, .25);
	cursor: pointer;
	width: 65px;
	height: 93px;
}

.players .desc {
	color: grey;
	font-size: 12px;
	position: relative;
	top: -5px;
}

#hand {
	position: fixed;
	top: 200px; left: 0;
	background-color: darken($navbar-inverse-bg, 5);
	width: 100%;
	border-top: 1px solid lightgrey;
	border-bottom: 1px solid lightgrey;
	padding: 0 30px 0 30px;
	@include box-shadow(2px, 2px, 7px, rgba(0,0,0,.8));
}<commit_msg>show hand on bottom with animation<commit_after>@import 'base';

$outline: rgba(82, 79, 73, .75);

.future-desc {
	padding-top: 0px
}

.players {
	background-color: white;
}

.players .name {
	font-weight: bold;
}

.panel .game-buttons {
	padding-bottom: 5px;
}

.game-buttons li {
	margin: 0 10px 10px 0;
	float: left;
}

.area-header {
	position: relative;
}

.area-title {
	max-width: 210px;
	overflow: hidden;
}

.area-desc {
	position: absolute;
	right: 15px;
	top: 20px;
	color: lightgrey;
}

.board-area {
	margin: 0px auto 20px auto;
	width: 360px;
}

.board-area .card-small {
	margin: -1px;
}

.player-field-column {
	float: left;
}

.target {
	width: 65px;
	height: 93px;
	margin: 0px 12px 12px 12px;
	border: 1px solid $outline;
}

.target-selector {
	background-color: rgba(255, 255, 255, .25);
	cursor: pointer;
	width: 65px;
	height: 93px;
}

.players .desc {
	color: grey;
	font-size: 12px;
	position: relative;
	top: -5px;
}

#hand {
	position: fixed;
	bottom: 0px; left: 0;
	background-color: darken($navbar-inverse-bg, 5);
	width: 100%;
	border-top: 1px solid lightgrey;
	padding: 0 30px 0 30px;
	@include box-shadow(2px, 2px, 7px, rgba(0,0,0,.8));
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

#hand.ng-hide {
	bottom: -300px;
}

#hand.ng-hide-add,
#hand.ng-hide-remove {
	display: block !important;
}
{'fraction_non_alphanumeric': 0.1624326404926867, 'fraction_numerical': 0.06543494996150885, 'mean_word_length': 3.5676625659050965, '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': '6583225', 'n_tokens_mistral': 1275, 'n_tokens_neox': 1106, 'n_words': 275}