/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Button component
 *
 ========================================================================== */


/* Component
 ========================================================================== */

.hook-button() {
	box-shadow: inset 0 -1px 0 @theme_global-box-shadow;
	border-radius: @theme_button-border-radius;
	text-shadow: 0 1px 0 @theme_global-text-shadow;
	-webkit-transition: background-color .15s ease-in-out;
	transition: background-color .15s ease-in-out;
}

.hook-button-hover() {}

.hook-button-active() {}


/* Color modifiers
 ========================================================================== */

/*
 * Modifier: `uk-button-primary`
 */

.hook-button-primary() {}

.hook-button-primary-hover() {}
.hook-button-primary-active() {}

/*
 * Modifier: `uk-button-success`
 */

.hook-button-success() {}

.hook-button-success-hover() {}
.hook-button-success-active() {}

/*
 * Modifier: `uk-button-danger`
 */

.hook-button-danger() {}

.hook-button-danger-hover() {}
.hook-button-danger-active() {}


/* Disabled state
 ========================================================================== */

.hook-button-disable() { text-shadow: none; }


/* Modifier: `uk-button-link`
 ========================================================================== */

.hook-button-link() {
	box-shadow: none;
	text-shadow: none;
}


/* Size modifiers
 ========================================================================== */

.hook-button-large() {}


/* Sub-object `uk-button-group`
 ========================================================================== */

/*
 * Reset border-radius
 */

.uk-button-group > .uk-button:not(:first-child):not(:last-child),
.uk-button-group > div:not(:first-child):not(:last-child) .uk-button { border-radius: 0; }

.uk-button-group > .uk-button:first-child,
.uk-button-group > div:first-child .uk-button {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.uk-button-group > .uk-button:last-child,
.uk-button-group > div:last-child .uk-button {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}