@mixin bootstrap-button-ui(
$ui,

$color: $button-default-color,
$color-over: null,
$color-focus: null,
$color-pressed: null,
$color-disabled: null,

$background-color: $button-default-background-color,
$background-color-over: null,
$background-color-focus: null,
$background-color-pressed: null,
$background-color-disabled: null,

$border-color: $button-default-border-color,
$border-color-over: null,
$border-color-focus: null,
$border-color-pressed: null,
$border-color-disabled: null,

$glyph-color: $button-default-glyph-color
) {
  @if ($color-over == null) { $color-over: $color}
  @if ($color-focus == null) { $color-focus: $color}
  @if ($color-pressed == null) { $color-pressed: $color}
  @if ($color-disabled == null) { $color-disabled: $color}

  @if ($background-color-over == null) {
    @if ($background-color != 'transparent') { $background-color-over: darken($background-color, 8%) }
    @else { $background-color-over: $background-color }
  }
  @if ($background-color-focus == null) { $background-color-focus: $background-color-over}
  @if ($background-color-pressed == null) { $background-color-pressed: $background-color-over}
  @if ($background-color-disabled == null) { $background-color-disabled: $background-color}

  @if ($border-color-over == null) {
    @if ($border-color != 'transparent') { $border-color-over: darken($border-color, 12%) }
    @else { $border-color-over: $border-color }
  }
  @if ($border-color-focus == null) { $border-color-focus: $border-color-over}
  @if ($border-color-pressed == null) { $border-color-pressed: $border-color-over}
  @if ($border-color-disabled == null) { $border-color-disabled: $border-color}

  @include extjs-button-extra-small-ui(
    $ui: $ui,

    $border-color: $border-color,
    $border-color-over: $border-color-over,
    $border-color-focus: $border-color-focus,
    $border-color-pressed: $border-color-pressed,
    $border-color-disabled: $border-color-disabled,

    $background-color: $background-color,
    $background-color-over: $background-color-over,
    $background-color-focus:$background-color-focus,
    $background-color-pressed: $background-color-pressed,
    $background-color-disabled: $background-color-disabled,

    $color: $color,
    $color-over: $color-over,
    $color-focus: $color-focus,
    $color-pressed: $color-pressed,
    $color-disabled: $color-disabled,

    $glyph-color: $glyph-color
  );
  @include extjs-button-small-ui(
    $ui: $ui,

    $border-color: $border-color,
    $border-color-over: $border-color-over,
    $border-color-focus: $border-color-focus,
    $border-color-pressed: $border-color-pressed,
    $border-color-disabled: $border-color-disabled,

    $background-color: $background-color,
    $background-color-over: $background-color-over,
    $background-color-focus:$background-color-focus,
    $background-color-pressed: $background-color-pressed,
    $background-color-disabled: $background-color-disabled,

    $color: $color,
    $color-over: $color-over,
    $color-focus: $color-focus,
    $color-pressed: $color-pressed,
    $color-disabled: $color-disabled,

    $glyph-color: $glyph-color
  );
  @include extjs-button-medium-ui(
    $ui: $ui,

    $border-color: $border-color,
    $border-color-over: $border-color-over,
    $border-color-focus: $border-color-focus,
    $border-color-pressed: $border-color-pressed,
    $border-color-disabled: $border-color-disabled,

    $background-color: $background-color,
    $background-color-over: $background-color-over,
    $background-color-focus:$background-color-focus,
    $background-color-pressed: $background-color-pressed,
    $background-color-disabled: $background-color-disabled,

    $color: $color,
    $color-over: $color-over,
    $color-focus: $color-focus,
    $color-pressed: $color-pressed,
    $color-disabled: $color-disabled,

    $glyph-color: $glyph-color
  );
  @include extjs-button-large-ui(
    $ui: $ui,

    $border-color: $border-color,
    $border-color-over: $border-color-over,
    $border-color-focus: $border-color-focus,
    $border-color-pressed: $border-color-pressed,
    $border-color-disabled: $border-color-disabled,

    $background-color: $background-color,
    $background-color-over: $background-color-over,
    $background-color-focus:$background-color-focus,
    $background-color-pressed: $background-color-pressed,
    $background-color-disabled: $background-color-disabled,

    $color: $color,
    $color-over: $color-over,
    $color-focus: $color-focus,
    $color-pressed: $color-pressed,
    $color-disabled: $color-disabled,

    $glyph-color: $glyph-color
  );
  @include extjs-button-toolbar-extra-small-ui(
    $ui: $ui,

    $border-color: $border-color,
    $border-color-over: $border-color-over,
    $border-color-focus: $border-color-focus,
    $border-color-pressed: $border-color-pressed,
    $border-color-disabled: $border-color-disabled,

    $background-color: $background-color,
    $background-color-over: $background-color-over,
    $background-color-focus:$background-color-focus,
    $background-color-pressed: $background-color-pressed,
    $background-color-disabled: $background-color-disabled,

    $color: $color,
    $color-over: $color-over,
    $color-focus: $color-focus,
    $color-pressed: $color-pressed,
    $color-disabled: $color-disabled,

    $glyph-color: $glyph-color
  );
  @include extjs-button-toolbar-small-ui(
    $ui: $ui,

    $border-color: $border-color,
    $border-color-over: $border-color-over,
    $border-color-focus: $border-color-focus,
    $border-color-pressed: $border-color-pressed,
    $border-color-disabled: $border-color-disabled,

    $background-color: $background-color,
    $background-color-over: $background-color-over,
    $background-color-focus:$background-color-focus,
    $background-color-pressed: $background-color-pressed,
    $background-color-disabled: $background-color-disabled,

    $color: $color,
    $color-over: $color-over,
    $color-focus: $color-focus,
    $color-pressed: $color-pressed,
    $color-disabled: $color-disabled,

    $glyph-color: $glyph-color
  );
  @include extjs-button-toolbar-medium-ui(
    $ui: $ui,

    $border-color: $border-color,
    $border-color-over: $border-color-over,
    $border-color-focus: $border-color-focus,
    $border-color-pressed: $border-color-pressed,
    $border-color-disabled: $border-color-disabled,

    $background-color: $background-color,
    $background-color-over: $background-color-over,
    $background-color-focus:$background-color-focus,
    $background-color-pressed: $background-color-pressed,
    $background-color-disabled: $background-color-disabled,

    $color: $color,
    $color-over: $color-over,
    $color-focus: $color-focus,
    $color-pressed: $color-pressed,
    $color-disabled: $color-disabled,

    $glyph-color: $glyph-color
  );
  @include extjs-button-toolbar-large-ui(
    $ui: $ui,

    $border-color: $border-color,
    $border-color-over: $border-color-over,
    $border-color-focus: $border-color-focus,
    $border-color-pressed: $border-color-pressed,
    $border-color-disabled: $border-color-disabled,

    $background-color: $background-color,
    $background-color-over: $background-color-over,
    $background-color-focus:$background-color-focus,
    $background-color-pressed: $background-color-pressed,
    $background-color-disabled: $background-color-disabled,

    $color: $color,
    $color-over: $color-over,
    $color-focus: $color-focus,
    $color-pressed: $color-pressed,
    $color-disabled: $color-disabled,

    $glyph-color: $glyph-color
  );
}
//
//@include bootstrap-button-ui-all-sizes(
//  $ui: 'transparent',
//  $background-color: transparent,
//  $background-highlight-color: null,
//  $border-color: transparent,
//  $border-color-over: transparent,
//  $border-color-focus: transparent,
//  $border-color-pressed: transparent,
//  $border-color-disabled: transparent,
//  $color: $button-default-color,
//  $text-shadow: null
//);
//
//@if $include-ext-toolbar-toolbar {
//  @include bootstrap-button-ui-all-sizes(
//    $ui: 'default-toolbar',
//    $background-color: $button-default-background-color,
//    $background-highlight-color: $button-default-background-highlight-color,
//    $color: $button-default-color,
//    $text-shadow: 0 1px 1px rgba($white,.75),
//    $include-split-noline-arrows: $button-toolbar-include-split-noline-arrows
//  );
//
//  @include bootstrap-button-ui-all-sizes(
//    $ui: 'primary-toolbar',
//    $background-color: $button-primary-background-color,
//    $background-highlight-color: $button-primary-background-highlight-color,
//    $color: $button-primary-color,
//    $include-split-noline-arrows: $button-toolbar-include-split-noline-arrows
//  );
//
//  @include bootstrap-button-ui-all-sizes(
//    $ui: 'info-toolbar',
//    $background-color: $button-info-background-color,
//    $background-highlight-color: $button-info-background-highlight-color,
//    $color: $button-info-color,
//    $include-split-noline-arrows: $button-toolbar-include-split-noline-arrows
//  );
//
//  @include bootstrap-button-ui-all-sizes(
//    $ui: 'success-toolbar',
//    $background-color: $button-success-background-color,
//    $background-highlight-color: $button-success-background-highlight-color,
//    $color: $button-success-color,
//    $include-split-noline-arrows: $button-toolbar-include-split-noline-arrows
//  );
//
//  @include bootstrap-button-ui-all-sizes(
//    $ui: 'warning-toolbar',
//    $background-color: $button-warning-background-color,
//    $background-highlight-color: $button-warning-background-highlight-color,
//    $color: $button-warning-color,
//    $include-split-noline-arrows: $button-toolbar-include-split-noline-arrows
//  );
//
//  @include bootstrap-button-ui-all-sizes(
//    $ui: 'danger-toolbar',
//    $background-color: $button-danger-background-color,
//    $background-highlight-color: $button-danger-background-highlight-color,
//    $color: $button-danger-color,
//    $include-split-noline-arrows: $button-toolbar-include-split-noline-arrows
//  );
//
//  @include bootstrap-button-ui-all-sizes(
//    $ui: 'inverse-toolbar',
//    $background-color: $button-inverse-background-color,
//    $background-highlight-color: $button-inverse-background-highlight-color,
//    $color: $button-inverse-color,
//    $include-split-noline-arrows: $button-toolbar-include-split-noline-arrows
//  );
//
//  @include bootstrap-button-ui-all-sizes(
//    $ui: 'transparent-toolbar',
//    $background-color: transparent,
//    $background-highlight-color: null,
//    $border-color: transparent,
//    $border-color-over: transparent,
//    $border-color-focus: transparent,
//    $border-color-pressed: transparent,
//    $border-color-disabled: transparent,
//    $color: $button-default-color,
//    $text-shadow: null,
//    $include-split-noline-arrows: $button-toolbar-include-split-noline-arrows
//  );
//
//}
