<commit_before>//======================================================================
// Card
//======================================================================

// card list
ul.card-list {
	margin: 0;
	padding: 0;
	list-style: none;
	
	li {
		display: inline-block;
		vertical-align: top;
	}
}

// default - vertical
.card {
	display: flex;
	flex-direction: column;
	z-index: 2;
	margin: 0.5rem 0;
	padding: 0;
	color: $card-color;
	background-color: $card-bg-color;
	border-radius: $card-radius;
	box-shadow: $card-shadow;
	height: $card-size;
	
	// card size
	&.small {
		height: $card-size-small;
	}
	&.large {
		height: $card-size-large;
	}

	.card-image {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
		flex: 2;
		border-radius: $card-radius $card-radius 0 0;

		img {
			max-width: none;
			@include cardImageSize("vertical");
		}
		.card-title {
			position: absolute;
			z-index: 3;
			bottom: 0.2em;
			left: 0.5em;
			margin: 0.3em 0;
			color: $card-title-color;
			text-shadow: 0 0 4px black;
		}
	}
	.card-content {
		flex: 1;
		padding: 1rem;
	}

	// horizontal
	&.horizontal {
		flex-direction: row;

		// card size
		& { height: $card-size * 0.6; }
		&.small { height: $card-size-small * 0.6; }
		&.large { height: $card-size-large * 0.6; }

		%card-horizontal-child {
			display: inline-block;
			max-height: none;
			width: auto;
			height: 100%;
		}
		.card-image {
			@extend %card-horizontal-child;
			flex: 2;
			border-radius: $card-radius 0 0 $card-radius;

			img {
				@include cardImageSize("horizontal");
			}
		}
		.card-content {
			@extend %card-horizontal-child;
			flex: 3;
		}
	}

	&.inline {
		display: inline-flex;
		vertical-align: text-top;
		max-width: 100%;
		margin: 0.5rem 0;
		
		// width size
		& { @include calCardSize($card-size); }
		&.small { @include calCardSize($card-size-small); }
		&.large { @include calCardSize($card-size-large); }
		&.horizontal {
			& { @include calCardSize($card-size, "horizontal"); }
			&.small { @include calCardSize($card-size-small, "horizontal"); }
			&.large { @include calCardSize($card-size-large, "horizontal"); }
		}

		@include media-tablet-up {
			margin: 0.5rem;
		}
	}

	a:not(.btn) {
		color: $card-link-color;
		transition: color $transition-time;
		&:hover { color: lighten($card-link-color, 20%); }
	}

	&.hoverable {
		transition: box-shadow $transition-time;

		&:focus,
		&:hover {
			box-shadow: $card-hover-shadow;
		}
	}
}<commit_msg>Fix .card-list at card.scss<commit_after>//======================================================================
// Card
//======================================================================

// card list
ul.card-list {
	margin: 0;
	padding: 0;
	list-style: none;
	
	li:not(.card) {
		display: inline-block;
		vertical-align: top;
	}
}

// default - vertical
.card {
	display: flex;
	flex-direction: column;
	z-index: 2;
	margin: 0.5rem 0;
	padding: 0;
	color: $card-color;
	background-color: $card-bg-color;
	border-radius: $card-radius;
	box-shadow: $card-shadow;
	height: $card-size;
	
	// card size
	&.small {
		height: $card-size-small;
	}
	&.large {
		height: $card-size-large;
	}

	.card-image {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
		flex: 2;
		border-radius: $card-radius $card-radius 0 0;

		img {
			max-width: none;
			@include cardImageSize("vertical");
		}
		.card-title {
			position: absolute;
			z-index: 3;
			bottom: 0.2em;
			left: 0.5em;
			margin: 0.3em 0;
			color: $card-title-color;
			text-shadow: 0 0 4px black;
		}
	}
	.card-content {
		flex: 1;
		padding: 1rem;
	}

	// horizontal
	&.horizontal {
		flex-direction: row;

		// card size
		& { height: $card-size * 0.6; }
		&.small { height: $card-size-small * 0.6; }
		&.large { height: $card-size-large * 0.6; }

		%card-horizontal-child {
			display: inline-block;
			max-height: none;
			width: auto;
			height: 100%;
		}
		.card-image {
			@extend %card-horizontal-child;
			flex: 2;
			border-radius: $card-radius 0 0 $card-radius;

			img {
				@include cardImageSize("horizontal");
			}
		}
		.card-content {
			@extend %card-horizontal-child;
			flex: 3;
		}
	}

	&.inline {
		display: inline-flex;
		vertical-align: text-top;
		max-width: 100%;
		margin: 0.5rem 0;
		
		// width size
		& { @include calCardSize($card-size); }
		&.small { @include calCardSize($card-size-small); }
		&.large { @include calCardSize($card-size-large); }
		&.horizontal {
			& { @include calCardSize($card-size, "horizontal"); }
			&.small { @include calCardSize($card-size-small, "horizontal"); }
			&.large { @include calCardSize($card-size-large, "horizontal"); }
		}

		@include media-tablet-up {
			margin: 0.5rem;
		}
	}

	a:not(.btn) {
		color: $card-link-color;
		transition: color $transition-time;
		&:hover { color: lighten($card-link-color, 20%); }
	}

	&.hoverable {
		transition: box-shadow $transition-time;

		&:focus,
		&:hover {
			box-shadow: $card-hover-shadow;
		}
	}
}
{'fraction_non_alphanumeric': 0.22008334987100614, 'fraction_numerical': 0.018257590791823774, 'mean_word_length': 3.0514469453376205, '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': '5300551', 'n_tokens_mistral': 2194, 'n_tokens_neox': 1861, 'n_words': 389}