/**
 * @copyright	Copyright 2010-2013, The Titon Project
 * @license		http://opensource.org/licenses/bsd-license.php
 * @link		http://titon.io
 */

@import "../common";

/**
 *	<nav class="breadcrumbs">
 *		<ol>
 *			<li><a href="">Home</a></li>
 *			<li><a href="">Sub-page</a></li>
 *			<li><a href="">Sub-page</a></li>
 *			<li><a href="">Sub-page</a></li>
 *			<li><a href="">Current</a></li>
 *		</ol>
 *	</nav>
 */

.breadcrumbs {
	text-align: left;
	margin: $margin 0;
	background: $gray;
	border: 1px solid $gray-dark;
	border-radius: $round;

	ul, ol {
		margin: 0;
		padding: 0;
	}

	li {
		position: relative;
		list-style: none;
		float: left;
	}

	a {
		display: block;
		padding: $medium-padding;
		line-height: 100%;
		font-size: $medium-size;
	}

	// Sizes
	&.small a { padding: $small-padding; font-size: $small-size; }
	&.large a { padding: $large-padding; font-size: $large-size; }

	@include clear-fix;
}