uikit/src/less/theme/dropdown.less

UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.

//
// Component: Dropdown
//
// ========================================================================


// Variables
// ========================================================================

@dropdown-padding:                              25px;
@dropdown-background:                           @global-background;

@dropdown-dropbar-padding-top:                  5px;

@dropdown-nav-subtitle-font-size:               12px;

//
// New
//

@dropdown-nav-font-size:                        @global-small-font-size;

@dropdown-box-shadow:                           0 5px 12px rgba(0,0,0,0.15);


// Component
// ========================================================================

.hook-dropdown() { box-shadow: @dropdown-box-shadow; }


// Dropbar modifier
// ========================================================================

.hook-dropdown-dropbar() { box-shadow: none; }

.hook-dropdown-dropbar-large() {}


// Nav
// ========================================================================

.hook-dropdown-nav() { font-size: @dropdown-nav-font-size; }

.hook-dropdown-nav-item() {}

.hook-dropdown-nav-item-hover() {}

.hook-dropdown-nav-subtitle() {}

.hook-dropdown-nav-header() {}

.hook-dropdown-nav-divider() {}


// Miscellaneous
// ========================================================================

.hook-dropdown-misc() {}