Your IP : 216.73.217.80

Current Path : /home/jlgagfroyt/www/templates/yoo_katana/less/uikit/
Upload File :
Current File : /home/jlgagfroyt/www/templates/yoo_katana/less/uikit/dropdown.less

// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

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


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

@dropdown-z-index:                              @global-z-index + 1000;
@dropdown-color:                                @global-color;
@dropdown-divider-border:                       @global-border;

@dropdown-navbar-color:                         @global-color;

@dropdown-margin-top:                           15px;
@dropdown-padding:                              20px;
@dropdown-background:                           #f5f5f5;
@dropdown-color:                                @global-color;
@dropdown-font-size:                            1rem;
@dropdown-animation:                            uk-fade;

@dropdown-divider-border-width:                 1px;
@dropdown-divider-border:                       #ddd;

@dropdown-small-padding:                        5px;

@dropdown-navbar-margin:                        0;
@dropdown-navbar-background:                    @global-color;
@dropdown-navbar-color:                         @global-contrast-color;
@dropdown-navbar-animation:                     uk-slide-bottom;

@dropdown-scrollable-height:                    200px;

//
// New
//

@dropdown-navbar-link-color: 					lighten(@base-link-color, 15%);
@dropdown-navbar-link-hover-color: 				lighten(@base-link-hover-color, 30%);


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

.hook-dropdown() {}


// Modifier: `uk-dropdown-navbar`
// ========================================================================

.hook-dropdown-navbar() {}


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

.hook-dropdown-misc() {

	.uk-dropdown-navbar a {

		color: @dropdown-navbar-link-color;

		&:hover { color: @dropdown-navbar-link-hover-color; }

	}

}