$pluginVars: (enabled: false) !default;

// Collapse
// =============================================

$collapse: (
	transitionDuration: 		0.2s,
	transitionEasing: 			ease-out
);
$pluginVars: map-extend($pluginVars, (collapse: $collapse));


// Dropdown
// =============================================

$dropdown: (
	isAnimated: 				true,
	animationDuration: 			100ms,

	width: 						100%,
	minWidth: 					15em,
	maxHeight: 					15em,

	hoverBackground: 			luiPalette(light, color, light),
	activeBackground: 			luiPalette(light, color)
);
$pluginVars: map-extend($pluginVars, (dropdown: $dropdown));


// UI select
// =============================================

$uiSelect: (
	minWidth: 					15em,
	thumbSize: 					1.5em,
	horizontalPadding: 			5px,
	multiple: (
		closeSize: 				1.5em
	),
	natural: (
		border: 1px dotted luiPalette(light, color),
		fontWeight: 600,
		dropdownWidth: lui_rem(15)
	)
);
$pluginVars: map-extend($pluginVars, (uiSelect: $uiSelect));


// Modal
// =============================================

$modal: (
	zIndex: 					999,
	topMargin: 					5em,
	bottomMargin: 				0,
	background: 				#FFF,
	padding: 					1.5em,

	maxWidth: 					90%,

	sizes: (
		sm: 					35em,
		md:						60em,
		lg: 					90%
	)
);
$pluginVars: map-extend($pluginVars, (modal: $modal));


// Tooltip
// =============================================

$tooltip: (
	zIndex: 					1000,
	maxWidth: 					15em,
	verticalPadding: 			0.25em,
	horizontalPadding: 			0.5em,
	borderRadius: 				3px,
	defaultColoring: 			(color: #333, text: #CCC )
);
$pluginVars: map-extend($pluginVars, (tooltip: $tooltip));


// Popover
// =============================================

$popover: (
	minWidth: 					15em,
	maxWidth: 					25em,

	innerVerticalPadding: 		lui_rem(),
	innerHorizontalPadding: 	lui_rem(),

	title: (
		fontSize: 				1.25em,
		background: 			rgba(0, 0, 0, 0.1),
		dividerColor: 			rgba(0, 0, 0, 0.1),
		bottomMargin: 			lui_rem(),
	),

	defaultColoring: 			(color: #FFF, text: luiPalette(grey, color)),

);
$pluginVars: map-extend($pluginVars, (popover: $popover));


// Pagination
// =============================================

$pagination: (
	verticalMargin: 			0.5em,
	horizontalMargin: 			auto,
	background: 				#FFF,
	defaultColoring: (
		color: 					luiPalette(primary, color),
		text: 					luiPalette(primary, text)
	),
	dividing: (
		borderWidth: 			3px
	)
);
$pluginVars: map-extend($pluginVars, (pagination: $pagination));