File Manager

// // Component: Subnav // // ======================================================================== // Variables // ======================================================================== @subnav-divider-border-height: 0.9em; @subnav-pill-item-padding-vertical: 8px; @subnav-pill-item-padding-horizontal: 20px; @subnav-pill-item-hover-background: @global-background; @subnav-pill-item-onclick-color: @global-emphasis-color; // // Master // @subnav-item-font-size: @global-small-font-size; @subnav-pill-item-border-radius: 500px; @subnav-pill-item-hover-box-shadow: @global-medium-box-shadow; @subnav-pill-item-onclick-box-shadow: @global-small-box-shadow; @subnav-pill-item-active-box-shadow: 2px 6px 15px fade(@subnav-pill-item-active-background, 35%); // Component // ======================================================================== .hook-subnav() {} .hook-subnav-item() {} .hook-subnav-item-hover() {} .hook-subnav-item-active() {} // Divider modifier // ======================================================================== .hook-subnav-divider() {} // Pill modifier // ======================================================================== .hook-subnav-pill-item() {} .hook-subnav-pill-item-hover() {} .hook-subnav-pill-item-onclick() {} .hook-subnav-pill-item-active() {} // Disabled // ======================================================================== .hook-subnav-item-disabled() {} // Miscellaneous // ======================================================================== .hook-subnav-misc() {} // Inverse // ======================================================================== .hook-inverse-subnav-item() {} .hook-inverse-subnav-item-hover() {} .hook-inverse-subnav-item-active() {} .hook-inverse-subnav-divider() {} .hook-inverse-subnav-pill-item() {} .hook-inverse-subnav-pill-item-hover() {} .hook-inverse-subnav-pill-item-onclick() {} .hook-inverse-subnav-pill-item-active() {} .hook-inverse-subnav-item-disabled() {}