.breadcrumb{
	list-style: none;
	margin: 0;
	padding: 0;
	border: 2px solid $breadcrumbBorder;
	padding: $spacing;
	border-radius: $radius;

	li{
		display: inline-block;
		padding-left: $spacing;
		margin: 0;

		* {
			display: inline-block;
		}

		&:before{
			content: "/";
			padding-right: $spacing;
			color: $breadcrumbDelimeterColor;
		}

		&:first-child{
			padding-left: 0;

			&:before{
				content: none;
			}
		}
	}

	.active{
		color: $breadcrumb--active;
	}
}