Your IP : 216.73.216.240

Current Path : /home/sunflowe/www2/floridevilladereve/templates/saffron/less/uikit/
Upload File :
Current File : /home/sunflowe/www2/floridevilladereve/templates/saffron/less/uikit/navbar.less

// Copyright (C) arrowthemes, https://www.gnu.org/licenses/gpl.html GNU/GPL */

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


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

@navbar-background:                             rgba(255, 255, 255, 0.1);
@navbar-color:                                  @global-light-color;
@navbar-link-color:                             @global-link-color;
@navbar-link-hover-color:                       @global-link-hover-color;

@navbar-nav-height:                             60px;
@navbar-nav-line-height:                        @navbar-nav-height - 3;
@navbar-nav-padding-horizontal:                 25px;
@navbar-nav-color:                              @navbar-color;
@navbar-nav-font-size:                          @global-font-size - 2;
@navbar-nav-font-weight:                        300;
@navbar-nav-font-family:                        'Varela Round';
@navbar-nav-hover-background:                   rgba(255, 255, 255, 0.15);
@navbar-nav-hover-color:                        @navbar-color;
@navbar-nav-onclick-background:                 rgba(0,0,0,0);
@navbar-nav-onclick-color:                      @navbar-color;
@navbar-nav-active-background:                  @navbar-nav-hover-background;
@navbar-nav-active-color:                       @navbar-color;

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

@navbar-toggle-font-size:                       round((@global-font-size * 1.28));
@navbar-toggle-color:                           @global-light-color;
@navbar-toggle-hover-color:                     @global-light-color;

@navbar-nav-item-border:                        rgba(0,0,0,0.1);
@navbar-nav-item-box-shadow:                    rgba(255, 255, 255, 0.1);
@navbar-nav-text-transform:                     uppercase;


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

.hook-navbar() {}


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

.hook-navbar-nav() {

    border-right: 1px solid @navbar-nav-item-border;
    box-shadow: 1px 0 0 @navbar-nav-item-box-shadow;
    text-transform: @navbar-nav-text-transform;

}

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

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

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


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

.hook-navbar-content() {
    padding: 0 20px 0 10px;
}


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

.hook-navbar-misc() {

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

    .uk-navbar > .uk-navbar-nav:first-child > li:first-child > a {
        border-left-width: 0;
        box-shadow: 1px 0 0 @navbar-nav-item-box-shadow;
    }

    .uk-navbar-flip > .uk-navbar-nav > li:last-child > a {
        border-right-width: 0;
        box-shadow: none;
    }

    .uk-navbar-brand + .uk-navbar-nav > li:first-child > a,
    .uk-navbar-flip > .uk-navbar-nav > li:first-child > a {
        border-left: 1px solid @navbar-nav-item-border;
        box-shadow: 1px 0 0 @navbar-nav-item-box-shadow,
                    inset 1px 0 0 @navbar-nav-item-box-shadow;
    }

    .uk-navbar-nav-subtitle > div {
        margin-top: 0;
    }

    .uk-nav-navbar > li.uk-active > a,
    .uk-nav-navbar ul li.uk-active > a {
        color: @theme-menuitem-hover-color;
        background-color: @theme-menuitem-hover-background;
    }

    .tm-navbar {
        .uk-navbar-nav-subtitle > div {
            margin-top: -10px;
            text-transform: lowercase;
        }
    }

    // Sub-object: 'uk-navbar-toggle'

    .uk-navbar-toggle {
        float: right;
        height: 65px;
    }


}