// some changes to twbs navbar

// Basics of a navbar
// $navbar-height:                    50px !default;
// $navbar-margin-bottom:             $line-height-computed !default;
// $navbar-border-radius:             $border-radius-base !default;
// $navbar-padding-horizontal:        floor(($grid-gutter-width / 2)) !default;
// $navbar-padding-vertical:          (($navbar-height - $line-height-computed) / 2) !default;
// $navbar-collapse-max-height:       340px !default;

/*
.navbar
	.header
		.navbar-brand
	.navbar-collapse
		.nav.navbar-nav.navbar-left
			li a
		.nav.navbar-nav.navbar-right
			li a

*/
.navbar {
	
	// .navbar-nav {
	// 	a:not(.btn) {
	// 		
	// 	}
	// }
	// 
	// // default hight 50px
	// a.btn {
	// 	@include vertical-padding( $navbar-padding-vertical / 2 - 1 );
	// 	@include vertical-margin( $navbar-padding-vertical / 2 );
	// }
	
}



.navbar {
	background: $white;
	border-color: $main-border-color;
	
	.corset, .container { background: inherit; }
	.navbar-collapse { background: inherit; }
	
	// default hight 50px
	.navbar-nav {
		background: inherit;
		// a:not(.btn) { }
		& > li > a, & > a {
			padding: 15px 10px;
			line-height: 20px;
			
			&.btn {
				margin: 9px 5px;
				@include vertical-padding( 5px );
				line-height: 20px;
				&.btn-sm {
					margin: 11px 5px;
					@include vertical-padding( 3px );
				}
				&.btn-xs {
					margin: 13px 5px;
					@include vertical-padding( 1px );
				}
				&.btn-lg {
					margin: 6px 5px;
					@include vertical-padding( 8px );
				}
			}
		}
		
	}
	
	@media (max-width: $grid-float-breakpoint-max) {
		.corset .navbar-collapse { @include horizontal-margin( -10px ); }
	}
	
	&.navbar-xs { @include sized-navbar( 30px ); }
	&.navbar-sm { @include sized-navbar( 40px ); }
	&.navbar-lg { @include sized-navbar( 60px ); }
	&.navbar-xl { @include sized-navbar( 80px ); }
	
}


body, #body, #container, .main-content, .main_content {
	
	&.fixed-nav-xs { padding: 30px 0 0; }
	&.fixed-nav-sm { padding: 40px 0 0; }
	&.fixed-nav    { padding: 50px 0 0; }
	&.fixed-nav-lg { padding: 60px 0 0; }
	&.fixed-nav-xl { padding: 80px 0 0; }
	
}




@media (max-width: $grid-float-breakpoint) {
	.navbar {
		&.navbar-slidebar {
			.navbar-collapse {
				display: block; position: fixed;
				top: 0; right: auto; bottom: 0; left: 0;
				margin: 0;
				background: $dark-bg;
				@include transform( translateZ( 0 ) );
				@include transform( translateX( -222px ) ); 
				width: 220px;
				max-height: none;
				overflow-y: scroll;
				@include transition (all 0.7s ease-in-out);
				.btn { @include horizontal-margin( 15px ); width: auto; }
				&.on { @include transform( translateX( 0 ) );  }
			}
			
			&.fixed-top .navbar-collapse, &.navbar-fixed-top .navbar-collapse {
				top: 50px;
				&.navbar-xs { top: 30px; }
				&.navbar-sm { top: 40px; }
				&.navbar-lg { top: 60px; }
				&.navbar-xl { top: 80px; }
			}
		}
	}
}