//====================================================================
//	This is the file you should edit to make the flavor you want.
// 	Please read the instructions carefully.
//====================================================================
// 				!!	 IMPORTANT	!!
//	Please copy this file or rename it, if you want to keep the default
// 	flavor definitions file.
//====================================================================
//	Update the comment below to include it in your flavor, providing the information
//	you want along with your customized flavor. You can also delete it if you don't
// 	want it in your final CSS file.
/*
	Flavor name: Default (mini-default)
	Author: Angelos Chalaris (chalarangelo@gmail.com)
	mini.css version: v1.0 (September, 2016)
*/
//====================================================================
//
//		CORE COMPONENTS (located in `mini`):
//
//====================================================================
//	Variable definitions for the Base module (_base.scss)
//====================================================================
//	Basic rules for body
$body-margin:					0;												// Margin for body
$body-bg-color:					#f5f5f5;										// Body background color
$body-color:					#222;											// Body text color
//	Basic typography rules
$base-fonts:					"\"Helvetica Neue\", Helvetica, sans-serif";	// Font-family
$base-font-size:				1em;											// Font-size
$base-line-height:				1.5;											// Line-height
//	Rules for headers (multipliers apply on top of the basic typography rules)
$h1-multiplier:					2;												// Header 1 font-sze multiplier
$h2-multiplier:					1.5;											// Header 2 font-sze multiplier
$h3-multiplier:					1.15;											// Header 3 font-sze multiplier
$h4-multiplier:					1;												// Header 4 font-sze multiplier
$h5-multiplier:					0.8;											// Header 5 font-sze multiplier
$h6-multiplier:					0.7;											// Header 6 font-sze multiplier
$header-line-height-multiplier:	0.8;											// Multiplier for line height of headers					 
$header-margin:					0.7em 0;										// Margin for headers
$header-font-weight:			500;											// Font weight for headers
//	Rules for small elements inside headers
$header-small-color:			lighten($body-color, 20%);						// Header small text color
$header-small-font-weight:		200;											// Header small font weight
//	Rules for horizontal rules
$hr-line-height-multiplier:		0.8;											// Multiplier for line height of horizontal rule
$hr-margin:						0.7em 0;										// Margin for horizontal rule
$hr-border-style:				1px solid darken($body-bg-color, 15%);			// Color and style of horizontal rule
//	Common content typography rules (paragraphs, lists etc.)
$p-margin:						0 0 0.6em;										// Margin for paragraph and pre elements
$small-font-size:				75%;											// Font size for small, sub and sup elements
$sub-bottom:					-0.25em;										// Sub bottom
$sup-top:						-0.5em;											// Sup top
$list-margin-top:				0;												// Top margin for lists
$list-margin-bottom:			0.6em;											// Bottom margin for lists
$mark-bg-color:					#ffff33;										// Mark background color
$mark-color:					$body-color;									// Mark text color
//	Code, preformatted and keyboard rules
$code-fonts:					monospace, monospace;							// Font-family for code, pre, kbd, samp elements
$code-padding:					2px 4px;										// Padding for code and pre elements
$code-bg-color:					darken($body-bg-color, 10%);					// Code and pre background color	
$code-border-radius:			4px;											// Border radius for code, pre and kbd elements
$kbd-bg-color:					$body-color; 									// Kbd background color
$kbd-color:						lighten($body-bg-color, 3.5%);					// Kbd text color
//	Hyperlink rules
$a-color:						#2678b3;										// Hyperlink text color
$a-hover-color:					lighten($a-color, 10%);							// Hyperlink hover text color
$a-visited-color:				darken($a-color, 10%);							// Hyperlink visited text color
$a-visited-hover-color:			$a-color;										// Hyperlink visited hover text color
//	Button, input and form rules
$button-fonts:					$base-fonts;									// Font-family for buttons and inputs
$button-font-size:				100%;											// Font size for buttons and inputs
$button-line-height-multiplier:	0.8;											// Multiplier for line height of buttons and inputs
$button-margin:					0;												// Margin for buttons and inputs
$fieldset-border:				1px solid darken($body-bg-color, 15%);			// Border style for fieldset
$fieldset-border-radius:		4px;											// Border radius for fieldset
$fieldset-margin:				0 2px;											// Margin for fieldset
$fieldset-padding:				0.35em 0.65em 0.75em;							// Padding for fieldset
//	Enable base (_base.scss) and use the variables defined above.
@import '../scss/mini/base';
//====================================================================
//	Variable definitions for the Button module (_button.scss)
//====================================================================
// 	Colors and styles (you can remove things you don't need or define more
//	colors if you need them).
$btn-default-color:							#2a2a2a;							// Default text color for buttons
$btn-alt-color:								#eeeeee;							// Alternative text color for buttons
$btn-default-bg-color:						#eaeaea;							// Default background color for buttons
$btn-b-bg-color:							#3f84b3;							// Color for button style 1
$btn-g-bg-color:							#2db747;							// Color for button style 2
$btn-r-bg-color:							#ea4848;							// Color for button style 3
//	Button class names (you can remove things you don't need or define more
//	classes if you need them).
$btn-class-name:							btn;								// Name for the base button class
$btn-style1-name:							'blue';								// Name for button style 1 class
$btn-style2-name:							'green';							// Name for button style 2 class
$btn-style3-name:							'red';								// Name for button style 3 class
$btn-size1-name:							lg;									// Name for the button size 1 class
$btn-size2-name:							sm;									// Name for the button size 2 class
//	Enable buttons (_button.scss). (Use individual mixins below to use.)
@import '../scss/mini/button';
// Use button mixins to create buttons with given specs. For more information
// refer to the _button.scss file to check the definitions.
@include make-btn($btn-class-name, 0, 4px, 2px 0, 6px 12px, $btn-default-color, $btn-default-bg-color, lighten, 7.5%, pointer, not-allowed, .65);
@include make-btn-style($btn-class-name, $btn-style1-name, $btn-alt-color, $btn-b-bg-color);
@include make-btn-style($btn-class-name, $btn-style2-name, $btn-alt-color, $btn-g-bg-color);
@include make-btn-style($btn-class-name, $btn-style3-name, $btn-alt-color, $btn-r-bg-color);
@include make-btn-size($btn-class-name, $btn-size1-name, 9px 15px, 135%);
@include make-btn-size($btn-class-name, $btn-size2-name, 4px 8px, 80%);
//====================================================================
//	Variable definitions for the Grid module (_grid.scss)
//====================================================================
//	Class names for the grid system
$grid-container-name:						grid-container;						// Name for the grid container class
$grid-row-name:								row;								// Name for the grid's row class
$grid-column-name:							col;								// Name for the grid's column class
$grid-extra-small-device-name:				xs;									// Name for extra small devices
$grid-small-device-name:					sm;									// Name for small devices
$grid-medium-device-name:					md;									// Name for medium devices
$grid-large-device-name:					lg;									// Name for large devices
$grid-no-show-name:							no;									// Name for hidden grid elements class
//	Grid breakpoints for different screens
$grid-small-breakpoint:						768px;								// Breakpoint for extra small to small devices
$grid-medium-breakpoint:					1024px;								// Breakpoint for small to medium devices
$grid-large-breakpoint:						1280px;								// Breakpoint for medium to large devices
//	Enable grid(s) (_grid.scss). (Use individual mixins below to use.)
@import '../scss/mini/grid';
// Use grid mixin to create grid with given specs. For more information
// refer to the grid.scss file to check the definitions.
@include make-grid($grid-container-name, 0, $grid-row-name, $grid-column-name, 12, 12px, $grid-extra-small-device-name, $grid-small-device-name, $grid-medium-device-name, $grid-large-device-name, $grid-no-show-name, $grid-small-breakpoint, $grid-medium-breakpoint, $grid-large-breakpoint);
//====================================================================
//	Variable definitions for the Form module (_form.scss)
//====================================================================
//	Class names for the forms and components
$form-class-name:							frm;								// Name for the form class
$form-control-group-name:					ctrl-group;							// Name for the form's control group class
//	Colors for form components
$form-focus-color:							#2678b3;							// Color for focused form element outline
$form-invalid-color:						#e9322d;							// Color for invalid form element outline
//	Enable forms (_form.scss). (Use individual mixins below to use.)
@import '../scss/mini/form';
// Use form mixin to create form with given specs. For more information
// refer to the _form.scss file to check the definitions.
@include make-frm($form-class-name, 1px solid #ccc, 4px, 0.2em, 0.3em, $form-focus-color, $form-invalid-color, not-allowed, .65, darken($body-bg-color,10%), darken($body-bg-color,25%), 1.9em, 0.5em 0 0 0.2em, $form-control-group-name,  0 0 0.3em 0, inline, aligned,15em);
//====================================================================
//	Variable definitions for the Table module (_table.scss)
//====================================================================
//	Class names for the tables
$table-class-name:							tbl;								// Name for the table class
$table-horizontal-name:						hor;								// Name for the horizontal style tables
$table-bordered-name:						bor;								// Name for the bordered style tables
//	Colors for the tables
$table-head-bg-color:						#d9d9d9;							// Table header background color
$table-head-color:							#111;								// Table header text color
$table-body-bg-color:						#f5f5f5;							// Table body bakground color
$table-body-alt-bg-color:					#ececec;							// Table body alternative background color
$table-body-color:							#111;								// Table body text color
//	Enable tables (_table.scss). (Use individual mixins below to use.)
@import '../scss/mini/table';
// Use table mixin to create table with given specs. For more information
// refer to the _table.scss file to check the definitions.
@include make-tbl($table-class-name, 1px solid #bdbdbd, 0, 0.5em, $table-head-bg-color, $table-head-color, $table-body-bg-color,$table-body-alt-bg-color, $table-body-color, $table-horizontal-name, $table-bordered-name);
//====================================================================
//	Variable definitions for the Navigation module (_nav.scss)
//====================================================================
//	Class names for the navigation elements
$navigation-class-name:						nav;								// Name for the navigation bar class
$navigation-vertical-name:					vertical;							// Name for the vertical navigation class
$navigation-fixed-name:						fixed;								// Name for the fixed navigation class
$navigation-logo-name:						logo;								// Name for the navigation logo class
$navigation-link-name:						link;								// Name for the navigation link class
// 	Colors and breakpoint for the navigation
$navigation-bg-color:						#272727;							// Background color for the navigation bar
$navigation-color:							#ddd;								// Color for the navigation text
$navigation-fixed-collapse-breakpoint:		768px;								// Breakpoint for fixed naviation collapse
//	Enable navigation (_nav.scss). (Use individual mixins below to use.)
@import '../scss/mini/nav';
// Use nav mixin to create nav with default specs. For more information
// refer to the _nav.scss file to check the definitions.
@include make-nav($navigation-class-name, $navigation-vertical-name, $navigation-fixed-name, $navigation-logo-name, 135%, $navigation-link-name, 8px, $navigation-color, $navigation-bg-color, darken, 7.5%, not-allowed, .65, left, 12, 2, $navigation-fixed-collapse-breakpoint, top-right, 10px, 1.75em);
//====================================================================
//	Variable definitions for the Utilities and Helper Classes module (_utility.scss)
//====================================================================
//	Class names for the utility and helper classes (you can remove things you 
//	don't need or define more if you need them).
$thumbnail-class-name:						thumb;								// Name for the thumbnail class
$bordered-class-name:						bordered;							// Name for the bordered class
$bordered-radial-name:						rounded;							// Name for the rounded border class	
$bordered-radial2-name:						circle;								// Name for the alternative rounded border class
$colored-text1-name:						txt-blue;							// Name for the colored text style 1 class
$colored-text2-name:						txt-green;							// Name for the colored text style 2 class
$colored-text3-name:						txt-red;							// Name for the colored text style 3 class
$colored-bg-text1-name:						bg-blue;							// Name for the colored background text style 1 class
$colored-bg-text2-name:						bg-green;							// Name for the colored background text style 2 class
$colored-bg-text3-name:						bg-red;								// Name for the colored background text style 3 class
$drag-left-name:							drg-left;							// Name for the drag-left class
$drag-right-name:							drg-right;							// Name for the drag-right class
$center-block-name:							ct-block;							// Name for the center block class
$caret-class-name:							caret;								// Name for the caret class
$close-class-name:							close;								// Name for the close class
$clearfix-class-name:						cf;									// Name for the clearfix class
$hidden-class-name:							hidden;								// Name for the hidden class
//	Colors for the utility and helper classes (you can remove things you
//	don't need or define more colors if you need them).
$bordered-radial-radius:					4px;								// Border radius of rounded borders
$bordered-radial2-radius:					50%;								// Border radius of the alternative rounded borders
$colored-text1-color:						$btn-b-bg-color;					// Text color for the colored text style 1 class
$colored-text2-color:						$btn-g-bg-color;					// Text color for the colored text style 2 class
$colored-text3-color:						$btn-r-bg-color;					// Text color for the colored text style 3 class
$colored-bg-text1-bg-color:					$btn-b-bg-color;					// Background color for the colored text style 1 class
$colored-bg-text2-bg-color:					$btn-g-bg-color;					// Background color for the colored text style 2 class
$colored-bg-text3-bg-color:					$btn-r-bg-color;					// Background color for the colored text style 3 class
//	Enable utilities (_utility.scss). (Use individual mixins below to use.)
@import '../scss/mini/utility';
// Use utility mixins to create utility classes with given specs. For more information
// refer to the _utility.scss file to check the definitions.
@include make-thumb($thumbnail-class-name, 0.25em, 1px solid #ccc, 4px);
@include make-border-generic($bordered-class-name);
@include make-border-radial-style($bordered-radial-name, $bordered-radial-radius);
@include make-border-radial-style($bordered-radial2-name, $bordered-radial2-radius);
@include make-colored-text($colored-text1-name, $colored-text1-color);
@include make-colored-text($colored-text2-name, $colored-text2-color);
@include make-colored-text($colored-text3-name, $colored-text3-color);
@include make-colored-bg-text($colored-bg-text1-name, $colored-bg-text1-bg-color);
@include make-colored-bg-text($colored-bg-text2-name, $colored-bg-text2-bg-color);
@include make-colored-bg-text($colored-bg-text3-name, $colored-bg-text3-bg-color);
@include make-caret-down($caret-class-name, 0.35em, #222);
@include make-close($close-class-name, #aaa, pointer, 1.3em, 700, #777);
@include make-drags($drag-left-name, $drag-right-name);
@include make-center-block($center-block-name);
@include make-clearfix($clearfix-class-name);
@include make-hidden($hidden-class-name);
//====================================================================
//
//		EXTRA COMPONENTS (located in `mini-extra`):
//
//====================================================================
//	Variable definitions for the Label module (_label.scss)
//====================================================================
// 	Colors and styles (you can remove things you don't need or define more
//	colors if you need them).
$lbl-default-color:							$btn-alt-color;						// Default text color for labels/badges
$lbl-default-bg-color:						#777;								// Default background color for labels/badges
$lbl-b-bg-color:							$btn-b-bg-color;					// Color for labels/badges style 1
$lbl-g-bg-color:							$btn-g-bg-color;					// Color for labels/badges style 2
$lbl-r-bg-color:							$btn-r-bg-color;					// Color for labels/badges style 3
//	Label class names (you can remove things you don't need or define more
//	classes if you need them).
$lbl-class-name:							lbl;								// Name for the base labels class
$lbl-style1-name:							'blue';								// Name for labels/badges style 1 class
$lbl-style2-name:							'green';							// Name for labels/badges style 2 class
$lbl-style3-name:							'red';								// Name for labels/badges style 3 class
$badge-class-name:							bdg;								// Name for the base badges class
//	Enable labels (_label.scss). (Use individual mixins below to use.)
@import '../scss/mini-extra/label';
// Use label mixins to create labels with given specs. For more information
// refer to the _label.scss file to check the definitions.
@include make-lbl($lbl-class-name, $lbl-default-bg-color, $lbl-default-color, 4px, 6px 10px, hide);
@include make-lbl-style($lbl-class-name, $lbl-style1-name, $lbl-default-color, $lbl-b-bg-color);
@include make-lbl-style($lbl-class-name, $lbl-style2-name, $lbl-default-color, $lbl-g-bg-color);
@include make-lbl-style($lbl-class-name, $lbl-style3-name, $lbl-default-color, $lbl-r-bg-color);
@include make-lbl($badge-class-name, $lbl-default-bg-color, $lbl-default-color, 8px, 3px 8px, hide);
@include make-lbl-style($badge-class-name, $lbl-style1-name, $lbl-default-color, $lbl-b-bg-color);
@include make-lbl-style($badge-class-name, $lbl-style2-name, $lbl-default-color, $lbl-g-bg-color);
@include make-lbl-style($badge-class-name, $lbl-style3-name, $lbl-default-color, $lbl-r-bg-color);
//====================================================================
//	Variable definitions for the Tab module (_tab.scss)
//====================================================================
//	Tab class names.
$tabs-class-name:							tabs;								// Name for the tab system container class
// 	Colors and styles (you can remove things you don't need or define more
//	colors if you need them).
$tabs-border-color:							#ccc;								// Border color for the tabs system
$tabs-content-bg-color:						#fff;								// Background for the active tab's content
$tabs-color:								$a-color;							// Color for the text in the tab labels
$tabs-bg-color:								$body-bg-color;						// Background color for the tab labels
$tabs-active-color:							$body-color;						// Color for the text in the active tab's label
$tabs-active-bg-color:						$tabs-content-bg-color;				// Background color for the active tab's label
$tabs-active-stripe-style:					3px solid $a-color;					// Style for the active tab label's stripe
//	Enable tabs (_tab.scss). (Use individual mixins below to use.)
@import '../scss/mini-extra/tab';
// Use tabs mixin to create tab system with given specs. For more information
// refer to the _tab.scss file to check the definitions.
@include make-tabs($tabs-class-name, 250px, 3px, 40px, 8px 14px, $tabs-color, $tabs-bg-color, $tabs-active-color, $tabs-active-bg-color, $tabs-border-color, 4px 4px 0 0, $tabs-active-stripe-style, 'darken', 10%, $tabs-content-bg-color, 20px);
//====================================================================
//	Variable definitions for the Modal module (_modal.scss)
//====================================================================
//	Modal class names.
$modal-class-name:							modal;								// Name for the modal class
// 	Colors and styles (you can remove things you don't need or define more
//	colors if you need them).
$modal-bg-color:							$body-bg-color;						// Background color for the modal
$modal-color:								$body-color;						// Color for the text in the modal
$modal-border:								1px solid #ccc;						// Border style for the modal
//	Enable modal (_modal.scss). (Use individual mixins below to use.)
@import '../scss/mini-extra/modal';
// Use modal mixin to create modal with given specs. For more information
// refer to the _modal.scss file to check the definitions.
@include make-modal($modal-class-name, $modal-color, $modal-bg-color, 'enabled', 'enabled', $modal-border, 4px, 18px, 8.5%, 45%);
@include make-modal-close-support($modal-class-name, $close-class-name, 20px);