/*
	jQuery.mmenu themes extension CSS
*/

@import "../inc/variables";

@mixin mm_apply_theme()
{
	@include mm_colors( $mm_t_cls,
		$mm_t_backgroundColor, $mm_t_pageShadow,
		$mm_t_textColor, $mm_t_dimmedTextColor,
		$mm_t_emphasizedBackgroundColor, $mm_t_highlightedBackgroundColor,
		$mm_t_borderColor );

	@include mm_colors_buttonbars( $mm_t_cls,
		$mm_t_backgroundColor,
		$mm_t_textColor );

	@include mm_colors_checks( $mm_t_cls,
		$mm_t_textColor );
		
	@include mm_colors_counters( $mm_t_cls,
		$mm_t_dimmedTextColor );

	@include mm_colors_footer( $mm_t_cls,
		$mm_t_dimmedTextColor,
		$mm_t_borderColor );

	@include mm_colors_header( $mm_t_cls,
		$mm_t_dimmedTextColor,
		$mm_t_borderColor );
	
	@include mm_colors_labels( $mm_t_cls,
		$mm_t_highlightedBackgroundColor );
	
	@include mm_colors_searchfield( $mm_t_cls,
		$mm_t_inputBackgroundColor, $mm_t_textColor,
		$mm_t_dimmedTextColor );
	
	@include mm_colors_toggles( $mm_t_cls,
		$mm_t_backgroundColor,
		$mm_t_borderColor );
}


//	Light
$mm_t_cls						: ".mm-light";
$mm_t_pageShadow				: 0 0 10px rgba( 0, 0, 0, 0.3 );
$mm_t_borderColor				: rgba( 0, 0, 0, 0.1 );
$mm_t_backgroundColor			: #f3f3f3;
$mm_t_emphasizedBackgroundColor	: rgba( 255, 255, 255, 0.6 );
$mm_t_highlightedBackgroundColor: rgba( 0, 0, 0, 0.03 );
$mm_t_textColor					: rgba( 0, 0, 0, 0.6 );
$mm_t_dimmedTextColor			: rgba( 0, 0, 0, 0.3 );
$mm_t_inputBackgroundColor		: rgba( 0, 0, 0, 0.1 );
@include mm_apply_theme;


//	White
$mm_t_cls						: ".mm-white";
$mm_t_pageShadow				: 0 0 10px rgba( 0, 0, 0, 0.3 );
$mm_t_borderColor				: rgba( 0, 0, 0, 0.1 );
$mm_t_backgroundColor			: #fff;
$mm_t_emphasizedBackgroundColor	: rgba( 0, 0, 0, 0.06 );
$mm_t_highlightedBackgroundColor: rgba( 0, 0, 0, 0.03 );
$mm_t_textColor					: rgba( 0, 0, 0, 0.6 );
$mm_t_dimmedTextColor			: rgba( 0, 0, 0, 0.3 );
$mm_t_inputBackgroundColor		: rgba( 0, 0, 0, 0.1 );
@include mm_apply_theme;


//	Black
$mm_t_cls						: ".mm-black";
$mm_t_pageShadow				: none;
$mm_t_borderColor				: rgba( 255, 255, 255, 0.2 );
$mm_t_backgroundColor			: #000;
$mm_t_emphasizedBackgroundColor	: rgba( 255, 255, 255, 0.25 );
$mm_t_highlightedBackgroundColor: rgba( 255, 255, 255, 0.15 );
$mm_t_textColor					: rgba( 255, 255, 255, 0.6 );
$mm_t_dimmedTextColor			: rgba( 255, 255, 255, 0.3 );
$mm_t_inputBackgroundColor		: rgba( 255, 255, 255, 0.3 );
@include mm_apply_theme;