| Current Path : /home/azimutno/azimutno/azimutno/www/templates/jdirect_aviato/less/uikit/ |
| Current File : /home/azimutno/azimutno/azimutno/www/templates/jdirect_aviato/less/uikit/navbar.less |
// Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */
//
// Component: Navbar
//
// ========================================================================
// Variables
// ========================================================================
@navbar-nav-height: 90px;
@navbar-color: @global-color;
@navbar-link-color: @global-link-color;
@navbar-link-hover-color: @global-link-hover-color;
@navbar-nav-line-height: @navbar-nav-height;
@navbar-nav-color: @global-color;
@navbar-nav-font-size: @global-font-size;
@navbar-nav-hover-color: @global-link-hover-color;
@navbar-nav-onclick-color: @global-color;
@navbar-nav-active-color: @global-color;
@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;
@navbar-mobile-navbar-height: 45px;
@navbar-mobile-navbar-padding: 5px;
// Component
// ========================================================================
.hook-navbar() {}
// Sub-object: `uk-navbar-nav`
// ========================================================================
.hook-navbar-nav() {}
// Hover
.hook-navbar-nav-hover() {}
// OnClick
.hook-navbar-nav-onclick() {}
// Active
.hook-navbar-nav-active() {
border-bottom: 4px solid @global-link-color;
}
// Sub-object: `uk-navbar-content`
// ========================================================================
.hook-navbar-content() {}
// Miscellaneous
// ========================================================================
.hook-navbar-misc() {}
/* Only phones */
@media (max-width: @breakpoint-small-max) {
.uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle {
height: @navbar-mobile-navbar-height;
}
.tm-navbar {
padding: @navbar-mobile-navbar-padding 0;
}
}