// Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

//
// Component: Button
//
// ========================================================================


// Variables
// ========================================================================

@button-height:                                 @global-height;
@button-mini-height:                            @global-height-mini;
@button-small-height:                           @global-height-small;
@button-large-height:                           @global-height-large;

@button-line-height:                            @global-height;
@button-mini-line-height:                       @global-height-mini;
@button-small-line-height:                      @global-height-small;
@button-large-line-height:                      @global-height-large;

@button-mini-font-size:                         round((@global-font-size * 0.78)); // 11px / 12px
@button-small-font-size:                        round((@global-font-size * 0.85)); // 12px / 14px
@button-large-font-size:                        round((@global-font-size * 1.14)); // 16px / 18px

@button-color:                                  @global-color;
@button-hover-color:                            @global-color;
@button-active-color:                           @global-color;

@button-primary-background:                     @global-primary-background;
@button-primary-color:                          @global-contrast-color;
@button-primary-hover-color:                    @global-contrast-color;
@button-primary-active-color:                   @global-contrast-color;

@button-success-background:                     @global-success-background;
@button-success-color:                          @global-contrast-color;
@button-success-hover-color:                    @global-contrast-color;
@button-success-active-color:                   @global-contrast-color;

@button-danger-background:                      @global-danger-background;
@button-danger-color:                           @global-contrast-color;
@button-danger-hover-color:                     @global-contrast-color;
@button-danger-active-color:                    @global-contrast-color;

@button-disabled-color:                         @global-muted-color;

@button-link-color:                             @global-link-color;
@button-link-hover-color:                       @global-link-hover-color;
@button-link-disabled-color:                    @global-muted-color;


// Component
// ========================================================================

.hook-button() {
	position: relative;
	border: 1px solid #171616;
	-moz-box-shadow: inset 0 1px 1px #666;
	-webkit-box-shadow: inset 0 1px 1px #666;
	box-shadow: inset 0 1px 1px #666;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE3MTcxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI3MjcyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(bottom, #171717 0%, #272727 100%);
	background-image: -o-linear-gradient(bottom, #171717 0%, #272727 100%);
	background-image: -webkit-linear-gradient(bottom, #171717 0%, #272727 100%);
	background-image: linear-gradient(bottom, #171717 0%, #272727 100%);
	text-shadow: 0 1px 1px rgba(0,0,0,.75);
}

.hook-button-hover() {
	border: 1px solid #171616;
	-moz-box-shadow: inset 0 1px 1px #666;
	-webkit-box-shadow: inset 0 1px 1px #666;
	box-shadow: inset 0 1px 1px #666;
	background-image: none;
	text-shadow: none;
}

.hook-button-active() {
	border: 1px solid rgb(11, 10, 10);
	-moz-box-shadow: inset 0px 1px 4px rgb(0, 0, 0);
	-webkit-box-shadow: inset 0px 1px 4px rgb(0, 0, 0);
	box-shadow: inset 0px 1px 4px rgb(0, 0, 0);
	background-image: none;
	text-shadow: none;
}


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

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

.hook-button-primary() {
	border: 1px solid rgb(172, 55, 43);
	-moz-box-shadow: inset 0 1px 1px rgb(239, 86, 71);
	-webkit-box-shadow: inset 0 1px 1px rgb(239, 86, 71);
	box-shadow: inset 0 1px 1px rgb(239, 86, 71);
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E0MzYyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M3NDMzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(bottom, rgb(164, 54, 43) 0%, rgb(199, 67, 55) 100%);
	background-image: -o-linear-gradient(bottom, #a4362b 0%, #c74337 100%);
	background-image: -webkit-linear-gradient(bottom, #a4362b 0%, #c74337 100%);
	background-image: linear-gradient(bottom, #a4362b 0%, #c74337 100%);
}

.hook-button-primary-hover() {
	border: 1px solid #ac372b;
	-moz-box-shadow: inset 0 1px 1px #ef5647;
	-webkit-box-shadow: inset 0 1px 1px #ef5647;
	box-shadow: inset 0 1px 1px #ef5647;
	background-image: none;
	text-shadow: none;
}

.hook-button-primary-active() {
	border: 1px solid rgb(149, 17, 4);
	-moz-box-shadow: inset 0 1px 4px RGB(150, 49, 39);
	-webkit-box-shadow: inset 0 1px 4px RGB(150, 49, 39);
	box-shadow: inset 0 1px 4px RGB(150, 49, 39);
	background-image: none;
	text-shadow: none;
}

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

.hook-button-success() {
	border: 1px solid #1c9951;
	-moz-box-shadow: inset 0 1px 1px #2dda76;
	-webkit-box-shadow: inset 0 1px 1px #2dda76;
	box-shadow: inset 0 1px 1px #2dda76;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlYTM1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI1YmI2NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(bottom, #1ea356 0%, #25bb65 100%);
	background-image: -o-linear-gradient(bottom, #1ea356 0%, #25bb65 100%);
	background-image: -webkit-linear-gradient(bottom, #1ea356 0%, #25bb65 100%);
	background-image: linear-gradient(bottom, #1ea356 0%, #25bb65 100%);
}

.hook-button-success-hover() {
	border: 1px solid #1c9951;
	-moz-box-shadow: inset 0 1px 1px #2dda76;
	-webkit-box-shadow: inset 0 1px 1px #2dda76;
	box-shadow: inset 0 1px 1px #2dda76;
	background-image: none;
	text-shadow: none;
}

.hook-button-success-active() {
	border: 1px solid #1c9951;
	-moz-box-shadow: inset 0 1px 4px #1d9850;
	-webkit-box-shadow: inset 0 1px 4px #1d9850;
	box-shadow: inset 0 1px 4px #1d9850;
	background-image: none;
	text-shadow: none;
}

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

.hook-button-danger() {}

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


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

.hook-button-disable() {
	-moz-box-shadow: inset 0px 1px 4px rgb(0, 0, 0);
	-webkit-box-shadow: inset 0px 1px 4px rgb(0, 0, 0);
	box-shadow: inset 0px 1px 4px rgb(0, 0, 0);
	background-image: none;
	text-shadow: none;
}


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

.hook-button-link() {}


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

.hook-button-large() {}


// Miscellaneous
// ========================================================================

.hook-button-misc() {}