// some changes to twbs navbar

// Basics of a navbar
// $navbar-height-xs:                 30px !default;
// $navbar-height-sm:                 40px !default;
// $navbar-height:                    50px !default;
// $navbar-height-lg:                 60px !default;
// $navbar-height-xl:                 80px !default;
// 
// $subnav-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 );
	// 			}
	// 		}
	// 	}
	// 	
	// }
	
	@include sized-navbar( $navbar-height );
	
	@media (max-width: $grid-float-breakpoint-max) {
		.corset .navbar-collapse { @include horizontal-margin( -10px ); }
	}
	
	&.navbar-xs { @include sized-navbar( $navbar-height-xs ); }
	&.navbar-sm { @include sized-navbar( $navbar-height-sm ); }
	&.navbar-lg { @include sized-navbar( $navbar-height-lg ); }
	&.navbar-xl { @include sized-navbar( $navbar-height-xl ); }
	
}


body, #body, #container, .main-content, .main_content {
	
	&.fixed-nav-xs { padding-top: $navbar-height-xs; }
	&.fixed-nav-sm { padding-top: $navbar-height-sm; }
	&.fixed-nav    { padding-top: $navbar-height; }
	&.fixed-nav-lg { padding-top: $navbar-height-lg; }
	&.fixed-nav-xl { padding-top: $navbar-height-xl; }
	
}




@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-fixed-top {
				.navbar-collapse { top: $navbar-height; }
				&.navbar-xs { .navbar-collapse { top: $navbar-height-xs; } }
				&.navbar-sm { .navbar-collapse { top: $navbar-height-sm; } }
				&.navbar-lg { .navbar-collapse { top: $navbar-height-lg; } }
				&.navbar-xl { .navbar-collapse { top: $navbar-height-xl; } }
			}
		}
	}
}


@include responsiveStep-md {
    
	body, #body, #container, .main-content, .main_content {
    	&.fixed-sub-nav.fixed-nav-xs { padding-top: $subnav-height + $navbar-height-xs; }
    	&.fixed-sub-nav.fixed-nav-sm { padding-top: $subnav-height + $navbar-height-sm; }
    	&.fixed-sub-nav.fixed-nav    { padding-top: $subnav-height + $navbar-height; }
    	&.fixed-sub-nav.fixed-nav-lg { padding-top: $subnav-height + $navbar-height-lg; }
    	&.fixed-sub-nav.fixed-nav-xl { padding-top: $subnav-height + $navbar-height-xl; }
    }
}