// ====================================================================================================================
// NAVS
// ====================================================================================================================

@if $navs {

// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
// Base
// --------------------------------------------------------------------------------------------------------------------

	.nav {
		@extend .clearfix;
		list-style: none;
		margin-bottom: rhythm();
		margin-left: 0;
		padding-left: 0;

		li {
			> a {
				display: block;
				line-height: 1em;

				&:hover, &:focus {
					text-decoration: none;
				}

				img { max-width: none; }
			}

			&.disabled > a:hover,
			&.disabled > a:focus {
				text-decoration: none;
				background-color: transparent;
				cursor: default;
			}
		}
	}

// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
// Horizontal nav
// --------------------------------------------------------------------------------------------------------------------
	.nav--inline {
		li { float: left;}
	}

// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
// Vertical nav
// --------------------------------------------------------------------------------------------------------------------
	.nav--vertical {
		.title {
			@include adjust-font-size-to($milli-size);
			color: $gray;
			display: block;
			font-weight: bold;
			padding: $input-padding;
			text-transform: uppercase;
		}

		.divider { @include nav-divider(); }
	}

// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
// Nav with blocky links
// --------------------------------------------------------------------------------------------------------------------
	.nav--btn {
		li {
			> a {
				padding: $navs-padding;
				@extend %nav-btn;

				&:hover, &:focus {
					@extend %nav-btn_hover;
				}
			}

			&.active > a,
			&.active > a:hover,
			&.active > a:focus {
				@extend %nav-btn_active;
			}

			// Disabled
			&.disabled > a { @extend %nav-btn_disabled; }
		}
	}

// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
// Nav with pills as links
// --------------------------------------------------------------------------------------------------------------------
	.nav--pills {
		> li > a {
			@include border-radius($base-border-radius);
			margin-right: em(4px);
		}

		&[class*="vertical"] > li > a { margin-bottom: em(4px);  }
		&[class*="vertical"] > li:last-child > a { margin-bottom: 0; }
	}

}