/**
 * Navigation
 */

.Nav {
	padding: 0;
	list-style: none;
	margin-bottom: 2rem;

	a:hover {
		// hover styles
	}

	.is-active {
		// active styles
		&:hover {
			// active hover styles
		}
	}
}

.Nav-item {
	margin-right: 1rem;
}

/**
 * Modifier: breadcrumbs
 */

.Nav--breadcrumbs {
	@include clearfix;

	li {
		float: left;

		&::after {
			content: ' →  ';
		}

		&:last-child::after {
			display: none;
		}
	}

	a {
		display: inline;
	}
}

/**
 * Pagination (use together with .Nav class)
 */

.Pagination {
	text-align: center;

	li {
		display: inline-block;
	}

	a {
		display: block;
		padding: 0.2em 0.4em; // bigger tap area
	}
}