Contents

// 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 );
	// }
	
}

@media (max-width: $grid-float-breakpoint) {
	.navbar {
		&.navbar-slidebar {
			.navbar-collapse {
				display: block; position: fixed;
				top: 0; right: auto; bottom: 0; left: 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;
			}
		}
	}
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
magic_stylez-0.0.0.27	vendor/assets/stylesheets/magic/content/_navbar.scss
magic_stylez-0.0.0.26	vendor/assets/stylesheets/magic/content/_navbar.scss