File Manager

Current Directory: /home/astoriaah/www/templates/yootheme-BK/vendor/assets/uikit-themes/master-horizon
Viewing File: /home/astoriaah/www/templates/yootheme-BK/vendor/assets/uikit-themes/master-horizon/navbar.less
// // Component: Navbar // // ======================================================================== // Variables // ======================================================================== @navbar-background: @global-background; @navbar-nav-item-color: @global-muted-color; @navbar-nav-item-hover-color: @global-emphasis-color; @navbar-nav-item-font-size: 12px; @navbar-toggle-color: @global-emphasis-color; @navbar-toggle-hover-color: @global-muted-color; @navbar-dropdown-background: @global-background; @navbar-dropdown-padding: 25px; // // Master // @navbar-nav-item-line-mode: true; @navbar-nav-item-line-position-mode: top; @navbar-nav-item-line-hover-background: transparent; @navbar-nav-item-line-onclick-background: transparent; @navbar-nav-item-line-onclick-height: 2px; @navbar-nav-item-line-active-height: 2px; @navbar-dropdown-nav-font-size: @global-small-font-size; @navbar-sticky-box-shadow: @global-small-box-shadow; @navbar-dropdown-box-shadow: @global-medium-box-shadow; @navbar-dropbar-box-shadow: 0 7px 10px rgba(0,0,0,0.03); // 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 // ======================================================================== // // Master // @inverse-navbar-nav-item-line-hover-background: transparent; @inverse-navbar-nav-item-line-onclick-background: @inverse-global-primary-background; @inverse-navbar-nav-item-line-active-background: @inverse-global-primary-background; .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() {}