/**
 *  Button settings
 *  Nature
 *
 */

$context--button-border-width-style: 1px solid;

// Button Themes
// Variables to set themes styles

$context--button-default: (
	'color': color('blue'),
	'backgroundColor': transparent,
	'backgroundImage': none,
	'border': $context--button-border-width-style color('blue'),
	'visitedColor': color('blue'),
	'hoverColor': white,
	'hoverBorder': $context--button-border-width-style color('blue'),
	'hoverBackgroundColor': color('blue'),
	'hoverBackgroundImage': none,
	'focusBorder': $context--button-border-width-style color('blue')
);

$context--button-primary: (
	'color': white,
	'backgroundColor': color('blue'),
	'backgroundImage': none,
	'border': $context--button-border-width-style color('blue'),
	'visitedColor': white,
	'hoverColor': color('blue'),
	'hoverBorder': $context--button-border-width-style color('blue'),
	'hoverBackgroundColor': white,
	'hoverBackgroundImage': none,
	'focusBorder': $context--button-border-width-style color('blue')
);

$context--button-disabled: (
	'color': greyscale(),
	'backgroundColor': transparent,
	'backgroundImage': none,
	'border': $context--button-border-width-style greyscale(80),
	'visitedColor': greyscale(),
	'opacity': 0.7,
	'hoverColor': greyscale(),
	'hoverBorder': $context--button-border-width-style greyscale(80),
	'hoverBackgroundColor': transparent,
	'hoverBackgroundImage': none,
	'hoverTextDecoration': none,
	'focusBorder': $context--button-border-width-style greyscale(80),
	'focusTextDecoration': none
);
