File Manager

// // Component: Search // // ======================================================================== // Variables // ======================================================================== @search-color: @global-emphasis-color; @search-default-background: transparent; @search-default-focus-background: @global-background; @search-default-padding-horizontal: 16px; @search-navbar-font-size: @global-medium-font-size; @search-large-font-size: @global-xlarge-font-size; // // Master // @search-default-border-width: @global-border-width; @search-default-border: @global-border; @search-default-focus-border: darken(@search-default-border, 8%); @search-default-border-radius: 500px; // Component // ======================================================================== .hook-search-input() {} // Default modifiers // ======================================================================== .hook-search-default-input() {} .hook-search-default-input-focus() {} // Navbar modifiers // ======================================================================== .hook-search-navbar-input() {} // Large modifiers // ======================================================================== .hook-search-large-input() {} // Toggle // ======================================================================== .hook-search-toggle() {} .hook-search-toggle-hover() {} // Miscellaneous // ======================================================================== .hook-search-misc() {} // Inverse // ======================================================================== @inverse-search-default-background: transparent; .hook-inverse-search-default-input() {} .hook-inverse-search-default-input-focus() {} .hook-inverse-search-navbar-input() {} .hook-inverse-search-large-input() {} .hook-inverse-search-toggle() {} .hook-inverse-search-toggle-hover() {}