public.component.assets.css.less.ace-nav.less Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of e-core-static Show documentation

e-core-static

There is a newer version: 3.0.1.11

//ace top nav/bar
@navbar-background: #438EB9;//navbar background color
@navbar-text-color: #FFF;

@ace-nav-border: rgba(255,255,255,0.4);

.navbar {
  margin: 0;
  padding-left: 0;
  padding-right: 0;

  border-width: 0;
  border-radius : 0;
 .box-shadow(none);

  min-height: @navbar-min-height;

  background: @navbar-background;

  .navbar-text, .navbar-link {
	 color: @navbar-text-color;
  }

  .navbar-brand {
	 color: @navbar-text-color;
	 font-size: @font-size-brand;
	 text-shadow: none;

	 padding-top: 10px;
	 padding-bottom: 10px;

	 height: auto;

	 &:hover , &:focus {
		color: @navbar-text-color;
	 }
  }
}

/**
@media (min-width: @grid-float-breakpoint) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: 0;
	margin-right: 0;
  }
}
*/

@media only screen and (min-width: @grid-float-breakpoint) {
 .navbar-container {
	padding-left: 10px;
	padding-right: 10px;
 }
}
//inside .container
.navbar-container.container {
	padding-left: 0;
	padding-right: 0;
}



//ace-nav
@import "navbar/user-buttons.less";
@import "navbar/user-dropdown-position.less";
@import "navbar/user-buttons-move-down.less";//move down when screen size is below 460px (@screen-topbar-down) 
@import "navbar/user-menu.less";//the menu and photo of logged in user

//collapsible (.navbar.navbar-collapse)
@import "navbar/collapsible.less";
@import "navbar/navbar-menu-form.less";


//some bs resetting!
.navbar-fixed-top , .navbar-static-top , .navbar-fixed-bottom  {
    .navbar-collapse {
		padding-left: floor(@grid-gutter-width / 2);
		padding-right: floor(@grid-gutter-width / 2);
	}
}




////
//this is only because of "inside-container"
//we want the top blue section not to be more than 45px(inherit)
 @media only screen and (min-width: @screen-sm-min) and (max-width: @grid-float-breakpoint-max)  {
  .navbar.navbar-collapse {
	 background-color: transparent;

	 &:before {
			background: @navbar-background;
			content: "";
			display: block;

			position: absolute;
			min-height: inherit;

			left: 0;
			right: 0;
			top: 0;

			z-index: -1;
			border-radius: inherit;
	 }

	.navbar-container {
		background-color: @navbar-background;
	}
  }
 }






@import "navbar/toggle-button.less";