@if luiTheme(element, breadcrumbs, enabled) {
	@at-root #{$namespace} {
		$vars: luiTheme(element, breadcrumbs);

		#{$prefix}.breadcrumbs {
			@extend ul#{$prefix}.unstyled;

			> li {
				position: relative;
				display: inline-block;
				vertical-align: middle;
				padding: map-gets($vars, padding);

				&:after {
					display: inline-block;
					font-family: map-gets($vars, dividers, fontFamily);
					content: map-gets($vars, dividers, character);
					vertical-align: middle;
					margin: map-gets($vars, dividers, margin);
				}
				&:last-child:after { content: ""; }

				> a { display: inline-block; }

				h1, h2, h3, h4, h5, h6 {
					display: inline-block;
					vertical-align: bottom;
				}
			}

			// Changes inter-items dividers with slashes rather than the default ">"
			&.slashes > li:after { content: "/"; }
		}
	}
}