Current Directory: /home/astoriaah/www/templates/yootheme/vendor/assets/uikit-themes/master-copper-hill
Viewing File: /home/astoriaah/www/templates/yootheme/vendor/assets/uikit-themes/master-copper-hill/navbar.less
//
// Component: Navbar
//
// ========================================================================
// Variables
// ========================================================================
@navbar-background: @global-background;
@navbar-nav-item-padding-horizontal: 20px;
@navbar-nav-item-color: @global-color;
@navbar-nav-item-font-size: @global-small-font-size;
@navbar-nav-item-hover-color: @global-primary-background;
@navbar-nav-item-onclick-color: @global-primary-background;
@navbar-nav-item-active-color: @global-primary-background;
@navbar-toggle-color: @global-color;
@navbar-toggle-hover-color: lighten(@navbar-toggle-color, 30%);
@navbar-dropdown-padding: 25px;
@navbar-dropdown-background: @global-background;
@navbar-dropdown-nav-item-color: @global-color;
@navbar-dropdown-nav-item-hover-color: @global-primary-background;
@navbar-dropdown-nav-item-active-color: @global-primary-background;
//
// Master
//
@navbar-nav-item-font-weight: @global-secondary-font-weight;
@navbar-nav-item-letter-spacing: 1px;
@navbar-item-font-family: @global-font-family;
@navbar-item-font-size: @global-font-size;
@navbar-sticky-box-shadow: 0 4px 18px rgba(0,0,0,0.04);
@navbar-dropdown-box-shadow: @global-small-box-shadow;
@navbar-dropdown-nav-item-padding-vertical: 6px;
@navbar-dropdown-nav-item-hover-background: transparent;
@navbar-dropdown-nav-divider-margin-vertical: 8px;
@navbar-dropdown-nav-text-transform: none;
@navbar-dropdown-nav-letter-spacing: 0;
@navbar-dropbar-box-shadow: 0 8px 16px rgba(0,0,0,0.04);
// Component
// ========================================================================
.hook-navbar() {}
// Container
// ========================================================================
.hook-navbar-container() {}
// Nav
// ========================================================================
.hook-navbar-nav-item() {}
.hook-navbar-nav-item-hover() {}
.hook-navbar-nav-item-onclick() {}
.hook-navbar-nav-item-active() {}
// Item
// ========================================================================
.hook-navbar-item() {}
// Toggle
// ========================================================================
.hook-navbar-toggle() {}
.hook-navbar-toggle-hover() {}
.hook-navbar-toggle-icon() {}
.hook-navbar-toggle-icon-hover() {}
// Subtitle
// ========================================================================
.hook-navbar-subtitle() {}
// Style modifiers
// ========================================================================
.hook-navbar-transparent() {}
.hook-navbar-sticky() {}
// Dropdown
// ========================================================================
.hook-navbar-dropdown() {}
.hook-navbar-dropdown-dropbar() {}
// Dropdown nav
// ========================================================================
.hook-navbar-dropdown-nav() {}
.hook-navbar-dropdown-nav-item() {}
.hook-navbar-dropdown-nav-item-hover() {}
.hook-navbar-dropdown-nav-header() {}
.hook-navbar-dropdown-nav-divider() {}
// Dropbar
// ========================================================================
.hook-navbar-dropbar() {}
.hook-navbar-dropbar-slide() {}
// Miscellaneous
// ========================================================================
.hook-navbar-misc() {}
// Inverse
// ========================================================================
.hook-inverse-navbar-nav-item() {}
.hook-inverse-navbar-nav-item-hover() {}
.hook-inverse-navbar-nav-item-onclick() {}
.hook-inverse-navbar-nav-item-active() {}
.hook-inverse-navbar-item() {}
.hook-inverse-navbar-toggle() {}
.hook-inverse-navbar-toggle-hover() {}