Your IP : 216.73.217.80

Current Path : /home/j/l/g/jlgagfroyt/www/templates/yoo_organic/less/uikit/
Upload File :
Current File : /home/j/l/g/jlgagfroyt/www/templates/yoo_organic/less/uikit/navbar.less

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

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


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

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

@navbar-nav-line-height:                        @navbar-nav-height - (@navbar-nav-border-width * 2);
@navbar-nav-padding-horizontal:                 10px;
@navbar-nav-color:                              @global-dark-color;
@navbar-nav-font-size:                          round((@global-font-size * 1.06)); // 14px / 16px
@navbar-nav-font-weight:                        300;
@navbar-nav-font-family:                        'Lato';
@navbar-nav-hover-background:                   rgba(0,0,0,0);
@navbar-nav-hover-color:                        @global-link-color;
@navbar-nav-onclick-background:                 rgba(0,0,0,0);
@navbar-nav-onclick-color:                      @global-link-color;
@navbar-nav-active-background:                  rgba(0,0,0,0);
@navbar-nav-active-color:                       @global-link-color;

@navbar-brand-font-size:                        round((@global-font-size * 4)); // 18px / 60px
@navbar-brand-color:                            @global-dark-color;
@navbar-brand-hover-color:                      @navbar-brand-color;

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

//
// New
//

@navbar-nav-margin-left:                        10px;
@navbar-nav-text-transform:                     @global-text-transform;
@navbar-nav-border-width:                       2px;
@navbar-nav-hover-border:                       fade(@global-dark-color, 10%);
@navbar-nav-active-border:                      @navbar-nav-hover-border;

@navbar-brand-font-family:                      'Great Vibes';


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

.hook-navbar() {}


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

.hook-navbar-nav() {
    border: @navbar-nav-border-width solid transparent;
    text-transform: @navbar-nav-text-transform;
}

// Hover
.hook-navbar-nav-hover() {
    border-color: @navbar-nav-hover-border;
}

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

// Active
.hook-navbar-nav-active() {
    border-color: @navbar-nav-active-border;
}


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

.hook-navbar-content() {}


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

.hook-navbar-misc() {

    .uk-navbar-nav + .uk-navbar-nav,
    .uk-navbar-nav > li:nth-child(n+2) { margin-left: @navbar-nav-margin-left; }

    .uk-navbar-brand {
        height: @navbar-brand-font-size;
        font-family: @navbar-brand-font-family;
    }

    /* Sub-object: `uk-navbar-center`
     ========================================================================== */

    .uk-navbar-center { max-width: 60%; }

}