// Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

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


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

@navbar-background:                             rgba(0,0,0,0);
@navbar-color:                                  @global-color;
@navbar-link-color:                             @global-link-color;
@navbar-link-hover-color:                       @global-dark-color;

@navbar-nav-height:                             70px;
@navbar-nav-hover-background:                   rgba(0,0,0,0);
@navbar-nav-onclick-background:                 rgba(0,0,0,0);
@navbar-nav-active-background:                  rgba(0,0,0,0);
@navbar-nav-subtitle-font-size:                 12px;

@navbar-nav-color:                              @global-dark-color;
@navbar-nav-hover-color:                        @global-link-color;
@navbar-nav-font-size:                          @global-font-size;
@navbar-nav-onclick-color:                      @global-dark-color;
@navbar-nav-active-color:                       @global-link-color;

@navbar-brand-color:                            @global-dark-color;
@navbar-brand-hover-color:                      @global-dark-color;

@navbar-toggle-color:                           @global-dark-color;
@navbar-toggle-hover-color:                     @global-dark-color;


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

.hook-navbar() { z-index: @global-z-index; }


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

.hook-navbar-nav() {}

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

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

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


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

.hook-navbar-content() {}


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

.hook-navbar-misc() {

    .uk-nav-navbar .uk-active a { color: @navbar-nav-active-color; }

}