<commit_before>@import "../settings/colors";
@import "../settings/widths";
@import "../helpers/mixins";
@import "../vendor/breakpoint";

.portfolio {
	display: grid;
	grid-template-columns: 1fr;
	padding-top: 60px;

	@include bp(600px) {
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 20px;
	}

	@include bp(800px) {
		grid-template-columns: 1fr 1fr 1fr;
	}

	&--item {
		margin-bottom: 30px;
		color: white;
		display: flex;
		flex-direction: column;
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
		border-radius: 4px;

		&--image {
			font-size: 0;
			img {
				width: 100%;
			}
		}
		&--image {
			height: 200px;
			width: 100%;
			border-radius: 4px 4px 0 0;
			background: {
				size: cover;
				repeat: no-repeat;
			}
		}
		&--card {
			width: 100%;
			color: black;
			padding: 10px;
			text-align: center;
			min-height: 150px;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: center;
			&--title {
				width: 100%;
				font-size: 2.5rem;
			}
			p {
				width: 100%;
				font-size: 1.6rem;
			}
			a {
				font-size: 1.4rem;
			}
		}
	}
}<commit_msg>chore: add hover effects to portfolio items<commit_after>@import "../settings/colors";
@import "../settings/widths";
@import "../helpers/mixins";
@import "../vendor/breakpoint";

.portfolio {
	display: grid;
	grid-template-columns: 1fr;
	padding-top: 60px;

	@include bp(600px) {
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 20px;
	}

	@include bp(800px) {
		grid-template-columns: 1fr 1fr 1fr;
	}

	&--item {
		margin-bottom: 30px;
		color: white;
		display: flex;
		flex-direction: column;
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
		border-radius: 4px;
		transition: all 0.3s ease-out;

		&:hover {
			box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
			transform: translateY(-5px);
		}

		&--image {
			font-size: 0;
			img {
				width: 100%;
			}
		}
		&--image {
			height: 200px;
			width: 100%;
			border-radius: 4px 4px 0 0;
			background: {
				size: cover;
				repeat: no-repeat;
			}
		}
		&--card {
			width: 100%;
			color: black;
			padding: 10px;
			text-align: center;
			min-height: 150px;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: center;
			&--title {
				width: 100%;
				font-size: 2.5rem;
			}
			p {
				width: 100%;
				font-size: 1.6rem;
			}
			a {
				font-size: 1.4rem;
			}
		}
	}
}
{'fraction_non_alphanumeric': 0.16624790619765495, 'fraction_numerical': 0.05737018425460637, 'mean_word_length': 2.4473304473304474, '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': '2755083', 'n_tokens_mistral': 1270, 'n_tokens_neox': 955, 'n_words': 224}