_navbar.scss in magic_stylez-0.0.0.28

- old
+ new

@@ -33,10 +33,73 @@
 	// 	@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;
@@ -52,9 +115,13 @@
 				&.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; }
 			}
 		}
 	}
 }
\ No newline at end of file