<commit_before>import styled, { css } from 'styled-components';
import { bp } from '../../styled/mixins';
import { HEADER_HEIGHT, WIDTHS } from '../../styled/sizes';
import { CUSTOM_PROPERTIES } from '../../styled/colors';

export const StyledNav = styled.div`
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 16px 0;

	a {
		color: ${CUSTOM_PROPERTIES.COLOR_TEXT};
	}

	${bp(
		WIDTHS.M,
		css`
			padding: 0;
			flex-wrap: nowrap;
		`
	)}

	& .logo {
		margin: 0;
		font-size: 2.5rem;
		font-family: 'Publico', serif;
		width: 100%;
		text-align: center;
		display: none;

		${bp(
			600,
			css`
				display: block;
				margin-bottom: 16px;
			`
		)}

		${bp(
			WIDTHS.M,
			css`
				width: 250px;
				text-align: left;
				margin: 0;
			`
		)};

		a {
			color: ${CUSTOM_PROPERTIES.COLOR_TEXT};
			text-decoration: none;
			border-color: transparent;

			&:hover {
				color: ${CUSTOM_PROPERTIES.COLOR_TEXT};
			}
		}
	}

	.menu {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		list-style: none;
		margin: 0;
		padding: 0;
		width: 100%;
		color: ${CUSTOM_PROPERTIES.COLOR_TEXT};

		${bp(
			WIDTHS.M,
			css`
				justify-content: flex-end;
			`
		)};

		& .item {
			display: inline-block;
			margin: 0;

			&:not(:last-child) {
				margin-right: 15px;
			}

			a {
				color: ${CUSTOM_PROPERTIES.COLOR_TEXT};
				font-size: 1.2rem;
				border-color: transparent;

				${bp(
					362,
					css`
						font-size: 1.6rem;
					`
				)};
			}

			&.is-active {
				a {
					color: ${CUSTOM_PROPERTIES.COLOR_WHITE};
					background-color: ${CUSTOM_PROPERTIES.COLOR_TEXT};
				}
			}
		}
	}
`;
<commit_msg>chore: update padding for heading<commit_after>import styled, { css } from 'styled-components';
import { bp } from '../../styled/mixins';
import { HEADER_HEIGHT, WIDTHS } from '../../styled/sizes';
import { CUSTOM_PROPERTIES } from '../../styled/colors';

export const StyledNav = styled.div`
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 16px 0;

	a {
		color: ${CUSTOM_PROPERTIES.COLOR_TEXT};
	}

	${bp(
		WIDTHS.M,
		css`
			flex-wrap: nowrap;
		`
	)}

	& .logo {
		margin: 0;
		font-size: 2.5rem;
		font-family: 'Publico', serif;
		width: 100%;
		text-align: center;
		display: none;

		${bp(
			600,
			css`
				display: block;
				margin-bottom: 16px;
			`
		)}

		${bp(
			WIDTHS.M,
			css`
				width: 250px;
				text-align: left;
				margin: 0;
			`
		)};

		a {
			color: ${CUSTOM_PROPERTIES.COLOR_TEXT};
			text-decoration: none;
			border-color: transparent;

			&:hover {
				color: ${CUSTOM_PROPERTIES.COLOR_TEXT};
			}
		}
	}

	.menu {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		list-style: none;
		margin: 0;
		padding: 0;
		width: 100%;
		color: ${CUSTOM_PROPERTIES.COLOR_TEXT};

		${bp(
			WIDTHS.M,
			css`
				justify-content: flex-end;
			`
		)};

		& .item {
			display: inline-block;
			margin: 0;

			&:not(:last-child) {
				margin-right: 15px;
			}

			a {
				color: ${CUSTOM_PROPERTIES.COLOR_TEXT};
				font-size: 1.2rem;
				border-color: transparent;

				${bp(
					362,
					css`
						font-size: 1.6rem;
					`
				)};
			}

			&.is-active {
				a {
					color: ${CUSTOM_PROPERTIES.COLOR_WHITE};
					background-color: ${CUSTOM_PROPERTIES.COLOR_TEXT};
				}
			}
		}
	}
`;

{'fraction_non_alphanumeric': 0.16318729785357247, 'fraction_numerical': 0.01970008820935019, 'mean_word_length': 2.4714285714285715, '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': '2125221', 'n_tokens_mistral': 1756, 'n_tokens_neox': 1376, 'n_words': 268}