Your IP : 216.73.217.80

Current Path : /home/jlgagfroyt/www/templates/yoo_katana/less/uikit/
Upload File :
Current File : /home/jlgagfroyt/www/templates/yoo_katana/less/uikit/navbar.less

// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

//
// Component: Navbar
//
// ========================================================================


// Variables
// ========================================================================

@navbar-background:                             @global-contrast-color;
@navbar-color:                                  @global-color;
@navbar-link-color:                             @global-link-color;
@navbar-link-hover-color:                       @global-link-hover-color;

@navbar-nav-height: 							100px;
@navbar-nav-line-height:                        @navbar-nav-height;
@navbar-nav-padding-horizontal:                 15px;
@navbar-nav-color:                              @global-color;
@navbar-nav-font-size:                          @global-font-size;
@navbar-nav-hover-color:                        @global-color;
@navbar-nav-hover-background:                   @navbar-background;
@navbar-nav-onclick-color:                      @global-color;
@navbar-nav-onclick-background:                 @navbar-background;
@navbar-nav-active-color:                       @global-color;
@navbar-nav-active-background:                  @navbar-background;

@navbar-brand-font-size:                        round((@global-font-size * 1.28)); // 18px / 20px
@navbar-brand-color:                            @global-color;
@navbar-brand-hover-color:                      @global-color;

@navbar-toggle-font-size:                       round((@global-font-size * 1.28)); // 18px / 20px
@navbar-toggle-color:                           @global-color;
@navbar-toggle-hover-color:                     @global-color;


//
// New
//

@navbar-nav-border: 							@global-primary-background;


// Component
// ========================================================================

.hook-navbar() {}


// Sub-object: `uk-navbar-nav`
// ========================================================================

.hook-navbar-nav() {

	&:before {
		position: absolute;
		content: '';
		height: 8px;
		width: 100%;
		background: @navbar-nav-border;
		margin-left: -@navbar-nav-padding-horizontal;
		opacity: 0;
		bottom: 0;
	}

}

// Hover
.hook-navbar-nav-hover() {

	&:before { opacity: 1; }

}

// OnClick
.hook-navbar-nav-onclick() {}

// Active
.hook-navbar-nav-active() {

	&:before {
		opacity: 1;
		bottom: 0;
	}

}


// Sub-object: `uk-navbar-content`
// ========================================================================

.hook-navbar-content() {}


// Miscellaneous
// ========================================================================

.hook-navbar-misc() {}