//defaults
@import "less/defaults.less";

//special
@skin_name:vanilla;

@target_color: #999;
@submenu_target_color: #999;

@toggle_background:#f9f9f9;
@toggle_color:#888;
@toggle_background_hover:#f0f0f0;
@toggle_color_hover:#444;

@menu_bar_background: transparent;
@top_level_font_weight:normal;
@top_level_color: #888;
@top_level_color_hover: #222;
@top_level_background_hover: transparent;

@top_level_current_item_color: #444;
@current_item_color: #444;

@header_color: #777;

@dropdown_background: #f9f9f9;
@dropdown_border: 1px solid #e0e0e0;
@dropdown_border_top: @dropdown_border;


//mixins
.bar_mix(){
	background:@menu_bar_background;
}

//skeleton
@import "less/skeleton.less";


//overrides
.ubermenu-skin-@{skin_name} .ubermenu-submenu-drop{
	border-bottom-width:3px;
}
.ubermenu-skin-@{skin_name}.ubermenu-transition-fade .ubermenu-item-level-0 > .ubermenu-submenu-drop{
  margin-top:0;	//in case they set a top level background, so there isn't a gap
}
.ubermenu-skin-@{skin_name}.ubermenu-mobile-modal.ubermenu-mobile-view{
	background:#fff;
}