File Manager

// // Component: Navbar // // ======================================================================== // Variables // ======================================================================== @navbar-background: @global-background; @navbar-nav-item-height: 100px; @navbar-nav-item-padding-horizontal: 30px; @navbar-nav-item-color: @global-color; @navbar-nav-item-font-size: 14px; @navbar-toggle-color: @global-color; @navbar-toggle-hover-color: @global-muted-color; @navbar-dropdown-background: lighten(@global-secondary-background, 2%); @navbar-dropdown-color: @global-muted-color; @navbar-dropdown-width: 250px; @navbar-dropdown-padding: 30px; @navbar-dropdown-grid-gutter-horizontal: 30px; @navbar-dropdown-nav-item-color: @global-muted-color; @navbar-dropdown-nav-item-hover-color: @global-inverse-color; @navbar-dropdown-nav-item-active-color: @global-inverse-color; @navbar-dropdown-nav-header-color: @global-muted-color; @navbar-dropdown-nav-divider-border: fade(@global-border, 15%); @navbar-dropdown-nav-sublist-item-color: @global-muted-color; @navbar-dropdown-nav-sublist-item-hover-color: @global-inverse-color; // // Master // @navbar-padding-vertical: 20px; @navbar-nav-item-transition-duration: 0.2s; @navbar-nav-item-line-slide-mode: true; @navbar-nav-item-line-margin-vertical: 50%; @navbar-nav-item-line-margin-horizontal: 26px; @navbar-nav-item-line-transition-duration: 0.3s; @navbar-nav-item-text-transform: uppercase; @navbar-nav-item-line-mode: true; @navbar-nav-item-line-hover-background: @navbar-nav-item-hover-color; @navbar-nav-item-line-onclick-background: @navbar-nav-item-onclick-color; @navbar-nav-item-line-active-background: @navbar-nav-item-active-color; // 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 // ======================================================================== @inverse-navbar-nav-item-hover-color: @inverse-global-emphasis-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() {}