File Manager

Current Directory: /home/astoriaah/www/templates/yootheme-BK/vendor/assets/uikit-themes/master-vision
Viewing File: /home/astoriaah/www/templates/yootheme-BK/vendor/assets/uikit-themes/master-vision/navbar.less
// // Component: Navbar // // ======================================================================== // Variables // ======================================================================== @navbar-background: @global-background; @navbar-padding-vertical: 20px; @navbar-nav-item-color: @global-color; @navbar-nav-item-hover-color: @global-emphasis-color; @navbar-nav-item-onclick-color: @global-color; @navbar-toggle-color: @global-emphasis-color; @navbar-toggle-hover-color: @global-muted-color; @navbar-dropdown-padding: 25px; @navbar-dropdown-background: lighten(@global-secondary-background, 7%); @navbar-dropdown-width: 240px; @navbar-dropdown-color: fade(@global-inverse-color, 70%); @navbar-dropdown-nav-item-color: fade(@global-inverse-color, 70%); @navbar-dropdown-nav-item-hover-color: @global-link-color; @navbar-dropdown-nav-item-active-color: @global-inverse-color; @navbar-dropdown-nav-header-color: fade(@global-inverse-color, 50%); @navbar-dropdown-nav-divider-border: fade(@global-inverse-color, 10%); @navbar-dropdown-nav-sublist-item-color: fade(@global-inverse-color, 50%); @navbar-dropdown-nav-sublist-item-hover-color: fade(@global-inverse-color, 70%); @navbar-dropdown-dropbar-margin-bottom: (@navbar-dropdown-dropbar-margin-top + 30px); // // Master // @navbar-nav-item-font-weight: 400; @navbar-nav-item-line-mode: true; // true / false @navbar-nav-item-line-slide-mode: true; // true / false @navbar-nav-item-line-height: @global-border-width; @navbar-nav-item-line-hover-background: transparent; @navbar-nav-item-line-onclick-background: transparent; @navbar-nav-item-line-margin-vertical: 25px; @navbar-nav-item-line-margin-horizontal: @navbar-nav-item-padding-horizontal; @navbar-sticky-box-shadow: @global-medium-box-shadow; @navbar-dropdown-nav-font-size: @global-small-font-size; @navbar-dropdown-nav-text-transform: uppercase; @navbar-dropdown-nav-letter-spacing: 0.7px; @navbar-dropdown-box-shadow: 2px 2px 4px rgba(0,0,0,0.15), 4px 10px 15px rgba(0,0,0,0.1); @navbar-dropbar-box-shadow: @global-large-box-shadow; // 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() {} // Item // ======================================================================== .hook-navbar-nav-item-line() {} // 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 // ======================================================================== @inverse-navbar-nav-item-color: @inverse-global-color; @inverse-navbar-nav-item-hover-color: @inverse-global-emphasis-color; @inverse-navbar-nav-item-onclick-color: @inverse-global-color; .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() {}