@mixin extjs-button-large-ui(
$ui,
$border-radius: $button-large-border-radius,
$border-width: $button-large-border-width,
$border-color: null,
$border-color-over: null,
$border-color-focus: null,
$border-color-pressed: null,
$border-color-focus-over: null,
$border-color-focus-pressed: null,
$border-color-disabled: null,
$padding: $button-large-padding,
$text-padding: $button-large-text-padding,
$background-color: null,
$background-color-over: null,
$background-color-focus: null,
$background-color-pressed: null,
$background-color-focus-over: null,
$background-color-focus-pressed: null,
$background-color-disabled: null,
$background-gradient: $button-default-background-gradient,
$background-gradient-over: $button-default-background-gradient-over,
$background-gradient-focus: $button-default-background-gradient-focus,
$background-gradient-pressed: $button-default-background-gradient-pressed,
$background-gradient-focus-over: $button-default-background-gradient-focus-over,
$background-gradient-focus-pressed: $button-default-background-gradient-focus-pressed,
$background-gradient-disabled: $button-default-background-gradient-disabled,
$color: null,
$color-over: null,
$color-focus: null,
$color-pressed: null,
$color-focus-over: null,
$color-focus-pressed: null,
$color-disabled: null,
$inner-border-width: null,
$inner-border-width-over: null,
$inner-border-width-focus: null,
$inner-border-width-pressed: null,
$inner-border-width-focus-over: null,
$inner-border-width-focus-pressed: null,
$inner-border-width-disabled: null,
$inner-border-color: null,
$inner-border-color-over: null,
$inner-border-color-focus: null,
$inner-border-color-pressed: null,
$inner-border-color-focus-over: null,
$inner-border-color-focus-pressed: null,
$inner-border-color-disabled: null,
$body-outline-width-focus: $button-default-body-outline-width-focus,
$body-outline-style-focus: $button-default-body-outline-style-focus,
$body-outline-color-focus: $button-default-body-outline-color-focus,
$font-size: null,
$font-size-over: null,
$font-size-focus: null,
$font-size-pressed: null,
$font-size-focus-over: null,
$font-size-focus-pressed: null,
$font-size-disabled: null,
$font-weight: null,
$font-weight-over: null,
$font-weight-focus: null,
$font-weight-pressed: null,
$font-weight-focus-over: null,
$font-weight-focus-pressed: null,
$font-weight-disabled: null,
$font-family: null,
$font-family-over: null,
$font-family-focus: null,
$font-family-pressed: null,
$font-family-focus-over: null,
$font-family-focus-pressed: null,
$font-family-disabled: null,
$line-height: $button-large-line-height,
$icon-size: $button-large-icon-size,
$glyph-font-size: $button-large-glyph-font-size,
$icon-spacing: $button-large-icon-spacing,
$glyph-color: $button-default-glyph-color,
$glyph-opacity: $button-default-glyph-opacity,
$arrow-width: $button-large-arrow-width,
$arrow-height: $button-large-arrow-height,
$arrow-glyph: $button-large-arrow-glyph,
$arrow-glyph-color: $button-default-arrow-glyph-color,
$split-width: $button-large-split-width,
$split-height: $button-large-split-height,
$split-line-width: $button-large-split-line-width,
$split-line-color: $button-default-split-line-color,
$include-ui-menu-arrows: $button-include-ui-menu-arrows,
$include-ui-split-arrows: $button-include-ui-split-arrows,
$include-split-noline-arrows: $button-include-split-noline-arrows,
$include-split-over-arrows: $button-include-split-over-arrows,
$opacity-disabled: $button-opacity-disabled,
$inner-opacity-disabled: $button-inner-opacity-disabled
) {
@if $border-color == null {
$border-color: $button-default-border-color;
@if $border-color-over == null {
$border-color-over: $button-default-border-color-over;
}
@if $border-color-focus == null {
$border-color-focus: $button-default-border-color-focus;
}
@if $border-color-pressed == null {
$border-color-pressed: $button-default-border-color-pressed;
}
@if $border-color-focus-over == null {
$border-color-focus-over: $button-default-border-color-focus-over;
}
@if $border-color-focus-pressed == null {
$border-color-focus-pressed: $button-default-border-color-focus-pressed;
}
@if $border-color-disabled == null {
$border-color-disabled: $button-default-border-color-disabled;
}
} @else {
@if $border-color-over == null {
$border-color-over: button-default-border-color-over($border-color);
}
@if $border-color-focus == null {
$border-color-focus: button-default-border-color-focus($border-color);
}
@if $border-color-pressed == null {
$border-color-pressed: button-default-border-color-pressed($border-color);
}
@if $border-color-focus-over == null {
$border-color-focus-over: $border-color-over;
}
@if $border-color-focus-pressed == null {
$border-color-focus-pressed: $border-color-pressed;
}
@if $border-color-disabled == null {
$border-color-disabled: button-default-border-color-disabled($border-color);
}
}
@if $background-color == null {
$background-color: $button-default-background-color;
@if $background-color-over == null {
$background-color-over: $button-default-background-color-over;
}
@if $background-color-focus == null {
$background-color-focus: $button-default-background-color-focus;
}
@if $background-color-pressed == null {
$background-color-pressed: $button-default-background-color-pressed;
}
@if $background-color-focus-over == null {
$background-color-focus-over: $button-default-background-color-focus-over;
}
@if $background-color-focus-pressed == null {
$background-color-focus-pressed: $button-default-background-color-focus-pressed;
}
@if $background-color-disabled == null {
$background-color-disabled: $button-default-background-color-disabled;
}
} @else {
@if $background-color-over == null {
$background-color-over: button-default-background-color-over($background-color);
}
@if $background-color-focus == null {
$background-color-focus: button-default-background-color-focus($background-color);
}
@if $background-color-pressed == null {
$background-color-pressed: button-default-background-color-pressed($background-color);
}
@if $background-color-focus-over == null {
$background-color-focus-over: $background-color-over;
}
@if $background-color-focus-pressed == null {
$background-color-focus-pressed: $background-color-pressed;
}
@if $background-color-disabled == null {
$background-color-disabled: button-default-background-color-disabled($background-color);
}
}
@if $color == null {
$color: $button-default-color;
@if $color-over == null {
$color-over: $button-default-color-over;
}
@if $color-focus == null {
$color-focus: $button-default-color-focus;
}
@if $color-pressed == null {
$color-pressed: $button-default-color-pressed;
}
@if $color-focus-over == null {
$color-focus-over: $button-default-color-focus-over;
}
@if $color-focus-pressed == null {
$color-focus-pressed: $button-default-color-focus-pressed;
}
@if $color-disabled == null {
$color-disabled: $button-default-color-disabled;
}
} @else {
@if $color-over == null {
$color-over: button-default-color-over($color);
}
@if $color-focus == null {
$color-focus: button-default-color-focus($color);
}
@if $color-pressed == null {
$color-pressed: button-default-color-pressed($color);
}
@if $color-focus-over == null {
$color-focus-over: $color-over;
}
@if $color-focus-pressed == null {
$color-focus-pressed: $color-pressed;
}
@if $color-disabled == null {
$color-disabled: button-default-color-disabled($color);
}
}
@if $inner-border-width == null {
$inner-border-width: $button-default-inner-border-width;
@if $inner-border-width-over == null {
$inner-border-width-over: $button-default-inner-border-width-over;
}
@if $inner-border-width-focus == null {
$inner-border-width-focus: $button-default-inner-border-width-focus;
}
@if $inner-border-width-pressed == null {
$inner-border-width-pressed: $button-default-inner-border-width-pressed;
}
@if $inner-border-width-focus-over == null {
$inner-border-width-focus-over: $button-default-inner-border-width-focus-over;
}
@if $inner-border-width-focus-pressed == null {
$inner-border-width-focus-pressed: $button-default-inner-border-width-focus-pressed;
}
@if $inner-border-width-disabled == null {
$inner-border-width-disabled: $button-default-inner-border-width-disabled;
}
} @else {
@if $inner-border-width-over == null {
$inner-border-width-over: $inner-border-width;
}
@if $inner-border-width-focus == null {
$inner-border-width-focus: $inner-border-width;
}
@if $inner-border-width-pressed == null {
$inner-border-width-pressed: $inner-border-width;
}
@if $inner-border-width-focus-over == null {
$inner-border-width-focus-over: $inner-border-width-over;
}
@if $inner-border-width-focus-pressed == null {
$inner-border-width-focus-pressed: $inner-border-width-pressed;
}
@if $inner-border-width-disabled == null {
$inner-border-width-disabled: $inner-border-width;
}
}
@if $inner-border-color == null {
$inner-border-color: $button-default-inner-border-color;
@if $inner-border-color-over == null {
$inner-border-color-over: $button-default-inner-border-color-over;
}
@if $inner-border-color-focus == null {
$inner-border-color-focus: $button-default-inner-border-color-focus;
}
@if $inner-border-color-pressed == null {
$inner-border-color-pressed: $button-default-inner-border-color-pressed;
}
@if $inner-border-color-focus-over == null {
$inner-border-color-focus-over: $button-default-inner-border-color-focus-over;
}
@if $inner-border-color-focus-pressed == null {
$inner-border-color-focus-pressed: $button-default-inner-border-color-focus-pressed;
}
@if $inner-border-color-disabled == null {
$inner-border-color-disabled: $button-default-inner-border-color-disabled;
}
} @else {
@if $inner-border-color-over == null {
$inner-border-color-over: button-default-inner-border-color-over($background-color-over, $color-over);
}
@if $inner-border-color-focus == null {
$inner-border-color-focus: button-default-inner-border-color-focus($background-color-focus, $color-focus);
}
@if $inner-border-color-pressed == null {
$inner-border-color-pressed: button-default-inner-border-color-pressed($background-color-pressed, $color-pressed);
}
@if $inner-border-color-focus-over == null {
$inner-border-color-focus-over: button-default-inner-border-color-focus-over($background-color-focus-over, $color-focus-over);
}
@if $inner-border-color-focus-pressed == null {
$inner-border-color-focus-pressed: button-default-inner-border-color-focus-pressed($background-color-focus-pressed, $color-focus-pressed);
}
@if $inner-border-color-disabled == null {
$inner-border-color-disabled: button-default-inner-border-color-disabled($background-color-disabled, $color-disabled);
}
}
@if $font-size == null {
$font-size: $button-large-font-size;
@if $font-size-over == null {
$font-size-over: $button-large-font-size-over;
}
@if $font-size-focus == null {
$font-size-focus: $button-large-font-size-focus;
}
@if $font-size-pressed == null {
$font-size-pressed: $button-large-font-size-pressed;
}
@if $font-size-focus-over == null {
$font-size-focus-over: $button-large-font-size-focus-over;
}
@if $font-size-focus-pressed == null {
$font-size-focus-pressed: $button-large-font-size-focus-pressed;
}
@if $font-size-disabled == null {
$font-size-disabled: $button-large-font-size-disabled;
}
} @else {
@if $font-size-over == null {
$font-size-over: $font-size;
}
@if $font-size-focus == null {
$font-size-focus: $font-size;
}
@if $font-size-pressed == null {
$font-size-pressed: $font-size;
}
@if $font-size-focus-over == null {
$font-size-focus-over: $font-size-over;
}
@if $font-size-focus-pressed == null {
$font-size-focus-pressed: $font-size-pressed;
}
@if $font-size-disabled == null {
$font-size-disabled: $font-size;
}
}
@if $font-weight == null {
$font-weight: $button-large-font-weight;
@if $font-weight-over == null {
$font-weight-over: $button-large-font-weight-over;
}
@if $font-weight-focus == null {
$font-weight-focus: $button-large-font-weight-focus;
}
@if $font-weight-pressed == null {
$font-weight-pressed: $button-large-font-weight-pressed;
}
@if $font-weight-focus-over == null {
$font-weight-focus-over: $button-large-font-weight-focus-over;
}
@if $font-weight-focus-pressed == null {
$font-weight-focus-pressed: $button-large-font-weight-focus-pressed;
}
@if $font-weight-disabled == null {
$font-weight-disabled: $button-large-font-weight-disabled;
}
} @else {
@if $font-weight-over == null {
$font-weight-over: $font-weight;
}
@if $font-weight-focus == null {
$font-weight-focus: $font-weight;
}
@if $font-weight-pressed == null {
$font-weight-pressed: $font-weight;
}
@if $font-weight-focus-over == null {
$font-weight-focus-over: $font-weight-over;
}
@if $font-weight-focus-pressed == null {
$font-weight-focus-pressed: $font-weight-pressed;
}
@if $font-weight-disabled == null {
$font-weight-disabled: $font-weight;
}
}
@if $font-family == null {
$font-family: $button-large-font-family;
@if $font-family-over == null {
$font-family-over: $button-large-font-family-over;
}
@if $font-family-focus == null {
$font-family-focus: $button-large-font-family-focus;
}
@if $font-family-pressed == null {
$font-family-pressed: $button-large-font-family-pressed;
}
@if $font-family-focus-over == null {
$font-family-focus-over: $button-large-font-family-focus-over;
}
@if $font-family-focus-pressed == null {
$font-family-focus-pressed: $button-large-font-family-focus-pressed;
}
@if $font-family-disabled == null {
$font-family-disabled: $button-large-font-family-disabled;
}
} @else {
@if $font-family-over == null {
$font-family-over: $font-family;
}
@if $font-family-focus == null {
$font-family-focus: $font-family;
}
@if $font-family-pressed == null {
$font-family-pressed: $font-family;
}
@if $font-family-focus-over == null {
$font-family-focus-over: $font-family-over;
}
@if $font-family-focus-pressed == null {
$font-family-focus-pressed: $font-family-pressed;
}
@if $font-family-disabled == null {
$font-family-disabled: $font-family;
}
}
@include extjs-button-ui(
$ui: '#{$ui}-large',
$border-radius: $border-radius,
$border-width: $border-width,
$border-color: $border-color,
$border-color-over: $border-color-over,
$border-color-focus: $border-color-focus,
$border-color-pressed: $border-color-pressed,
$border-color-focus-over: $border-color-focus-over,
$border-color-focus-pressed: $border-color-focus-pressed,
$border-color-disabled: $border-color-disabled,
$padding: $padding,
$text-padding: $text-padding,
$background-color: $background-color,
$background-color-over: $background-color-over,
$background-color-focus: $background-color-focus,
$background-color-pressed: $background-color-pressed,
$background-color-focus-over: $background-color-focus-over,
$background-color-focus-pressed: $background-color-focus-pressed,
$background-color-disabled: $background-color-disabled,
$background-gradient: $background-gradient,
$background-gradient-over: $background-gradient-over,
$background-gradient-focus: $background-gradient-focus,
$background-gradient-pressed: $background-gradient-pressed,
$background-gradient-focus-over: $background-gradient-focus-over,
$background-gradient-focus-pressed: $background-gradient-focus-pressed,
$background-gradient-disabled: $background-gradient-disabled,
$color: $color,
$color-over: $color-over,
$color-focus: $color-focus,
$color-pressed: $color-pressed,
$color-focus-over: $color-focus-over,
$color-focus-pressed: $color-focus-pressed,
$color-disabled: $color-disabled,
$inner-border-width: $inner-border-width,
$inner-border-width-over: $inner-border-width-over,
$inner-border-width-focus: $inner-border-width-focus,
$inner-border-width-pressed: $inner-border-width-pressed,
$inner-border-width-focus-over: $inner-border-width-focus-over,
$inner-border-width-focus-pressed: $inner-border-width-focus-pressed,
$inner-border-width-disabled: $inner-border-width-disabled,
$inner-border-color: $inner-border-color,
$inner-border-color-over: $inner-border-color-over,
$inner-border-color-focus: $inner-border-color-focus,
$inner-border-color-pressed: $inner-border-color-pressed,
$inner-border-color-focus-over: $inner-border-color-focus-over,
$inner-border-color-focus-pressed: $inner-border-color-focus-pressed,
$inner-border-color-disabled: $inner-border-color-disabled,
$body-outline-width-focus: $body-outline-width-focus,
$body-outline-style-focus: $body-outline-style-focus,
$body-outline-color-focus: $body-outline-color-focus,
$font-size: $font-size,
$font-size-over: $font-size-over,
$font-size-focus: $font-size-focus,
$font-size-pressed: $font-size-pressed,
$font-size-focus-over: $font-size-focus-over,
$font-size-focus-pressed: $font-size-focus-pressed,
$font-size-disabled: $font-size-disabled,
$font-weight: $font-weight,
$font-weight-over: $font-weight-over,
$font-weight-focus: $font-weight-focus,
$font-weight-pressed: $font-weight-pressed,
$font-weight-focus-over: $font-weight-focus-over,
$font-weight-focus-pressed: $font-weight-focus-pressed,
$font-weight-disabled: $font-weight-disabled,
$font-family: $font-family,
$font-family-over: $font-family-over,
$font-family-focus: $font-family-focus,
$font-family-pressed: $font-family-pressed,
$font-family-focus-over: $font-family-focus-over,
$font-family-focus-pressed: $font-family-focus-pressed,
$font-family-disabled: $font-family-disabled,
$line-height: $line-height,
$icon-size: $icon-size,
$glyph-font-size: $glyph-font-size,
$icon-spacing: $icon-spacing,
$glyph-color: $glyph-color,
$glyph-opacity: $glyph-opacity,
$arrow-width: $arrow-width,
$arrow-height: $arrow-height,
$arrow-glyph: $arrow-glyph,
$arrow-glyph-color: $arrow-glyph-color,
$split-width: $split-width,
$split-height: $split-height,
$split-line-width: $split-line-width,
$split-line-color: $split-line-color,
$include-ui-menu-arrows: $include-ui-menu-arrows,
$include-ui-split-arrows: $include-ui-split-arrows,
$include-split-noline-arrows: $include-split-noline-arrows,
$include-split-over-arrows: $include-split-over-arrows,
$opacity-disabled: $opacity-disabled,
$inner-opacity-disabled: $inner-opacity-disabled
);
}
@mixin extjs-button-toolbar-large-ui(
$ui,
$border-radius: $button-large-border-radius,
$border-width: $button-large-border-width,
$border-color: null,
$border-color-over: null,
$border-color-focus: null,
$border-color-pressed: null,
$border-color-focus-over: null,
$border-color-focus-pressed: null,
$border-color-disabled: null,
$padding: $button-large-padding,
$text-padding: $button-large-text-padding,
$background-color: null,
$background-color-over: null,
$background-color-focus: null,
$background-color-pressed: null,
$background-color-focus-over: null,
$background-color-focus-pressed: null,
$background-color-disabled: null,
$background-gradient: $button-toolbar-background-gradient,
$background-gradient-over: $button-toolbar-background-gradient-over,
$background-gradient-focus: $button-toolbar-background-gradient-focus,
$background-gradient-pressed: $button-toolbar-background-gradient-pressed,
$background-gradient-focus-over: $button-toolbar-background-gradient-focus-over,
$background-gradient-focus-pressed: $button-toolbar-background-gradient-focus-pressed,
$background-gradient-disabled: $button-toolbar-background-gradient-disabled,
$color: null,
$color-over: null,
$color-focus: null,
$color-pressed: null,
$color-focus-over: null,
$color-focus-pressed: null,
$color-disabled: null,
$inner-border-width: null,
$inner-border-width-over: null,
$inner-border-width-focus: null,
$inner-border-width-pressed: null,
$inner-border-width-focus-over: null,
$inner-border-width-focus-pressed: null,
$inner-border-width-disabled: null,
$inner-border-color: null,
$inner-border-color-over: null,
$inner-border-color-focus: null,
$inner-border-color-pressed: null,
$inner-border-color-focus-over: null,
$inner-border-color-focus-pressed: null,
$inner-border-color-disabled: null,
$body-outline-width-focus: $button-toolbar-body-outline-width-focus,
$body-outline-style-focus: $button-toolbar-body-outline-style-focus,
$body-outline-color-focus: $button-toolbar-body-outline-color-focus,
$font-size: null,
$font-size-over: null,
$font-size-focus: null,
$font-size-pressed: null,
$font-size-focus-over: null,
$font-size-focus-pressed: null,
$font-size-disabled: null,
$font-weight: null,
$font-weight-over: null,
$font-weight-focus: null,
$font-weight-pressed: null,
$font-weight-focus-over: null,
$font-weight-focus-pressed: null,
$font-weight-disabled: null,
$font-family: null,
$font-family-over: null,
$font-family-focus: null,
$font-family-pressed: null,
$font-family-focus-over: null,
$font-family-focus-pressed: null,
$font-family-disabled: null,
$line-height: $button-large-line-height,
$icon-size: $button-large-icon-size,
$glyph-font-size: $button-large-glyph-font-size,
$icon-spacing: $button-large-icon-spacing,
$glyph-color: $button-toolbar-glyph-color,
$glyph-opacity: $button-toolbar-glyph-opacity,
$arrow-width: $button-large-arrow-width,
$arrow-height: $button-large-arrow-height,
$arrow-glyph: $button-large-arrow-glyph,
$arrow-glyph-color: $button-toolbar-arrow-glyph-color,
$split-width: $button-large-split-width,
$split-height: $button-large-split-height,
$split-line-width: $button-large-split-line-width,
$split-line-color: $button-toolbar-split-line-color,
$include-ui-menu-arrows: $button-include-ui-menu-arrows,
$include-ui-split-arrows: $button-include-ui-split-arrows,
$include-split-noline-arrows: $button-toolbar-include-split-noline-arrows,
$include-split-over-arrows: $button-include-split-over-arrows,
$opacity-disabled: $button-toolbar-opacity-disabled,
$inner-opacity-disabled: $button-toolbar-inner-opacity-disabled
) {
@if $border-color == null {
$border-color: $button-toolbar-border-color;
@if $border-color-over == null {
$border-color-over: $button-toolbar-border-color-over;
}
@if $border-color-focus == null {
$border-color-focus: $button-toolbar-border-color-focus;
}
@if $border-color-pressed == null {
$border-color-pressed: $button-toolbar-border-color-pressed;
}
@if $border-color-focus-over == null {
$border-color-focus-over: $button-toolbar-border-color-focus-over;
}
@if $border-color-focus-pressed == null {
$border-color-focus-pressed: $button-toolbar-border-color-focus-pressed;
}
@if $border-color-disabled == null {
$border-color-disabled: $button-toolbar-border-color-disabled;
}
} @else {
@if $border-color-over == null {
$border-color-over: button-toolbar-border-color-over($border-color);
}
@if $border-color-focus == null {
$border-color-focus: button-toolbar-border-color-focus($border-color);
}
@if $border-color-pressed == null {
$border-color-pressed: button-toolbar-border-color-pressed($border-color);
}
@if $border-color-focus-over == null {
$border-color-focus-over: $border-color-over;
}
@if $border-color-focus-pressed == null {
$border-color-focus-pressed: $border-color-pressed;
}
@if $border-color-disabled == null {
$border-color-disabled: button-toolbar-border-color-disabled($border-color);
}
}
@if $background-color == null {
$background-color: $button-toolbar-background-color;
@if $background-color-over == null {
$background-color-over: $button-toolbar-background-color-over;
}
@if $background-color-focus == null {
$background-color-focus: $button-toolbar-background-color-focus;
}
@if $background-color-pressed == null {
$background-color-pressed: $button-toolbar-background-color-pressed;
}
@if $background-color-focus-over == null {
$background-color-focus-over: $button-toolbar-background-color-focus-over;
}
@if $background-color-focus-pressed == null {
$background-color-focus-pressed: $button-toolbar-background-color-focus-pressed;
}
@if $background-color-disabled == null {
$background-color-disabled: $button-toolbar-background-color-disabled;
}
} @else {
@if $background-color-over == null {
$background-color-over: button-toolbar-background-color-over($background-color);
}
@if $background-color-focus == null {
$background-color-focus: button-toolbar-background-color-focus($background-color);
}
@if $background-color-pressed == null {
$background-color-pressed: button-toolbar-background-color-pressed($background-color);
}
@if $background-color-focus-over == null {
$background-color-focus-over: $background-color-over;
}
@if $background-color-focus-pressed == null {
$background-color-focus-pressed: $background-color-pressed;
}
@if $background-color-disabled == null {
$background-color-disabled: button-toolbar-background-color-disabled($background-color);
}
}
@if $color == null {
$color: $button-toolbar-color;
@if $color-over == null {
$color-over: $button-toolbar-color-over;
}
@if $color-focus == null {
$color-focus: $button-toolbar-color-focus;
}
@if $color-pressed == null {
$color-pressed: $button-toolbar-color-pressed;
}
@if $color-focus-over == null {
$color-focus-over: $button-toolbar-color-focus-over;
}
@if $color-focus-pressed == null {
$color-focus-pressed: $button-toolbar-color-focus-pressed;
}
@if $color-disabled == null {
$color-disabled: $button-toolbar-color-disabled;
}
} @else {
@if $color-over == null {
$color-over: button-toolbar-color-over($color);
}
@if $color-focus == null {
$color-focus: button-toolbar-color-focus($color);
}
@if $color-pressed == null {
$color-pressed: button-toolbar-color-pressed($color);
}
@if $color-focus-over == null {
$color-focus-over: $color-over;
}
@if $color-focus-pressed == null {
$color-focus-pressed: $color-pressed;
}
@if $color-disabled == null {
$color-disabled: button-toolbar-color-disabled($color);
}
}
@if $inner-border-width == null {
$inner-border-width: $button-toolbar-inner-border-width;
@if $inner-border-width-over == null {
$inner-border-width-over: $button-toolbar-inner-border-width-over;
}
@if $inner-border-width-focus == null {
$inner-border-width-focus: $button-toolbar-inner-border-width-focus;
}
@if $inner-border-width-pressed == null {
$inner-border-width-pressed: $button-toolbar-inner-border-width-pressed;
}
@if $inner-border-width-focus-over == null {
$inner-border-width-focus-over: $button-toolbar-inner-border-width-focus-over;
}
@if $inner-border-width-focus-pressed == null {
$inner-border-width-focus-pressed: $button-toolbar-inner-border-width-focus-pressed;
}
@if $inner-border-width-disabled == null {
$inner-border-width-disabled: $button-toolbar-inner-border-width-disabled;
}
} @else {
@if $inner-border-width-over == null {
$inner-border-width-over: $inner-border-width;
}
@if $inner-border-width-focus == null {
$inner-border-width-focus: $inner-border-width;
}
@if $inner-border-width-pressed == null {
$inner-border-width-pressed: $inner-border-width;
}
@if $inner-border-width-focus-over == null {
$inner-border-width-focus-over: $inner-border-width-over;
}
@if $inner-border-width-focus-pressed == null {
$inner-border-width-focus-pressed: $inner-border-width-pressed;
}
@if $inner-border-width-disabled == null {
$inner-border-width-disabled: $inner-border-width;
}
}
@if $inner-border-color == null {
$inner-border-color: $button-toolbar-inner-border-color;
@if $inner-border-color-over == null {
$inner-border-color-over: $button-toolbar-inner-border-color-over;
}
@if $inner-border-color-focus == null {
$inner-border-color-focus: $button-toolbar-inner-border-color-focus;
}
@if $inner-border-color-pressed == null {
$inner-border-color-pressed: $button-toolbar-inner-border-color-pressed;
}
@if $inner-border-color-focus-over == null {
$inner-border-color-focus-over: $button-toolbar-inner-border-color-focus-over;
}
@if $inner-border-color-focus-pressed == null {
$inner-border-color-focus-pressed: $button-toolbar-inner-border-color-focus-pressed;
}
@if $inner-border-color-disabled == null {
$inner-border-color-disabled: $button-toolbar-inner-border-color-disabled;
}
} @else {
@if $inner-border-color-over == null {
$inner-border-color-over: button-toolbar-inner-border-color-over($background-color-over, $color-over);
}
@if $inner-border-color-focus == null {
$inner-border-color-focus: button-toolbar-inner-border-color-focus($background-color-focus, $color-focus);
}
@if $inner-border-color-pressed == null {
$inner-border-color-pressed: button-toolbar-inner-border-color-pressed($background-color-pressed, $color-pressed);
}
@if $inner-border-color-focus-over == null {
$inner-border-color-focus-over: button-toolbar-inner-border-color-focus-over($background-color-focus-over, $color-focus-over);
}
@if $inner-border-color-focus-pressed == null {
$inner-border-color-focus-pressed: button-toolbar-inner-border-color-focus-pressed($background-color-focus-pressed, $color-focus-pressed)
}
@if $inner-border-color-disabled == null {
$inner-border-color-disabled: button-toolbar-inner-border-color-disabled($background-color-disabled, $color-disabled);
}
}
@if $font-size == null {
$font-size: $button-large-font-size;
@if $font-size-over == null {
$font-size-over: $button-large-font-size-over;
}
@if $font-size-focus == null {
$font-size-focus: $button-large-font-size-focus;
}
@if $font-size-pressed == null {
$font-size-pressed: $button-large-font-size-pressed;
}
@if $font-size-focus-over == null {
$font-size-focus-over: $button-large-font-size-focus-over;
}
@if $font-size-focus-pressed == null {
$font-size-focus-pressed: $button-large-font-size-focus-pressed;
}
@if $font-size-disabled == null {
$font-size-disabled: $button-large-font-size-disabled;
}
} @else {
@if $font-size-over == null {
$font-size-over: $font-size;
}
@if $font-size-focus == null {
$font-size-focus: $font-size;
}
@if $font-size-pressed == null {
$font-size-pressed: $font-size;
}
@if $font-size-focus-over == null {
$font-size-focus-over: $font-size-over;
}
@if $font-size-focus-pressed == null {
$font-size-focus-pressed: $font-size-pressed;
}
@if $font-size-disabled == null {
$font-size-disabled: $font-size;
}
}
@if $font-weight == null {
$font-weight: $button-large-font-weight;
@if $font-weight-over == null {
$font-weight-over: $button-large-font-weight-over;
}
@if $font-weight-focus == null {
$font-weight-focus: $button-large-font-weight-focus;
}
@if $font-weight-pressed == null {
$font-weight-pressed: $button-large-font-weight-pressed;
}
@if $font-weight-focus-over == null {
$font-weight-focus-over: $button-large-font-weight-focus-over;
}
@if $font-weight-focus-pressed == null {
$font-weight-focus-pressed: $button-large-font-weight-focus-pressed;
}
@if $font-weight-disabled == null {
$font-weight-disabled: $button-large-font-weight-disabled;
}
} @else {
@if $font-weight-over == null {
$font-weight-over: $font-weight;
}
@if $font-weight-focus == null {
$font-weight-focus: $font-weight;
}
@if $font-weight-pressed == null {
$font-weight-pressed: $font-weight;
}
@if $font-weight-focus-over == null {
$font-weight-focus-over: $font-weight-over;
}
@if $font-weight-focus-pressed == null {
$font-weight-focus-pressed: $font-weight-pressed;
}
@if $font-weight-disabled == null {
$font-weight-disabled: $font-weight;
}
}
@if $font-family == null {
$font-family: $button-large-font-family;
@if $font-family-over == null {
$font-family-over: $button-large-font-family-over;
}
@if $font-family-focus == null {
$font-family-focus: $button-large-font-family-focus;
}
@if $font-family-pressed == null {
$font-family-pressed: $button-large-font-family-pressed;
}
@if $font-family-focus-over == null {
$font-family-focus-over: $button-large-font-family-focus-over;
}
@if $font-family-focus-pressed == null {
$font-family-focus-pressed: $button-large-font-family-focus-pressed;
}
@if $font-family-disabled == null {
$font-family-disabled: $button-large-font-family-disabled;
}
} @else {
@if $font-family-over == null {
$font-family-over: $font-family;
}
@if $font-family-focus == null {
$font-family-focus: $font-family;
}
@if $font-family-pressed == null {
$font-family-pressed: $font-family;
}
@if $font-family-focus-over == null {
$font-family-focus-over: $font-family-over;
}
@if $font-family-focus-pressed == null {
$font-family-focus-pressed: $font-family-pressed;
}
@if $font-family-disabled == null {
$font-family-disabled: $font-family;
}
}
@include extjs-button-ui(
$ui: '#{$ui}-toolbar-large',
$border-radius: $border-radius,
$border-width: $border-width,
$border-color: $border-color,
$border-color-over: $border-color-over,
$border-color-focus: $border-color-focus,
$border-color-pressed: $border-color-pressed,
$border-color-focus-over: $border-color-focus-over,
$border-color-focus-pressed: $border-color-focus-pressed,
$border-color-disabled: $border-color-disabled,
$padding: $padding,
$text-padding: $text-padding,
$background-color: $background-color,
$background-color-over: $background-color-over,
$background-color-focus: $background-color-focus,
$background-color-pressed: $background-color-pressed,
$background-color-focus-over: $background-color-focus-over,
$background-color-focus-pressed: $background-color-focus-pressed,
$background-color-disabled: $background-color-disabled,
$background-gradient: $background-gradient,
$background-gradient-over: $background-gradient-over,
$background-gradient-focus: $background-gradient-focus,
$background-gradient-pressed: $background-gradient-pressed,
$background-gradient-focus-over: $background-gradient-focus-over,
$background-gradient-focus-pressed: $background-gradient-focus-pressed,
$background-gradient-disabled: $background-gradient-disabled,
$color: $color,
$color-over: $color-over,
$color-focus: $color-focus,
$color-pressed: $color-pressed,
$color-focus-over: $color-focus-over,
$color-focus-pressed: $color-focus-pressed,
$color-disabled: $color-disabled,
$inner-border-width: $inner-border-width,
$inner-border-width-over: $inner-border-width-over,
$inner-border-width-focus: $inner-border-width-focus,
$inner-border-width-pressed: $inner-border-width-pressed,
$inner-border-width-focus-over: $inner-border-width-focus-over,
$inner-border-width-focus-pressed: $inner-border-width-focus-pressed,
$inner-border-width-disabled: $inner-border-width-disabled,
$inner-border-color: $inner-border-color,
$inner-border-color-over: $inner-border-color-over,
$inner-border-color-focus: $inner-border-color-focus,
$inner-border-color-pressed: $inner-border-color-pressed,
$inner-border-color-focus-over: $inner-border-color-focus-over,
$inner-border-color-focus-pressed: $inner-border-color-focus-pressed,
$inner-border-color-disabled: $inner-border-color-disabled,
$body-outline-width-focus: $body-outline-width-focus,
$body-outline-style-focus: $body-outline-style-focus,
$body-outline-color-focus: $body-outline-color-focus,
$font-size: $font-size,
$font-size-over: $font-size-over,
$font-size-focus: $font-size-focus,
$font-size-pressed: $font-size-pressed,
$font-size-focus-over: $font-size-focus-over,
$font-size-focus-pressed: $font-size-focus-pressed,
$font-size-disabled: $font-size-disabled,
$font-weight: $font-weight,
$font-weight-over: $font-weight-over,
$font-weight-focus: $font-weight-focus,
$font-weight-pressed: $font-weight-pressed,
$font-weight-focus-over: $font-weight-focus-over,
$font-weight-focus-pressed: $font-weight-focus-pressed,
$font-weight-disabled: $font-weight-disabled,
$font-family: $font-family,
$font-family-over: $font-family-over,
$font-family-focus: $font-family-focus,
$font-family-pressed: $font-family-pressed,
$font-family-focus-over: $font-family-focus-over,
$font-family-focus-pressed: $font-family-focus-pressed,
$font-family-disabled: $font-family-disabled,
$line-height: $line-height,
$icon-size: $icon-size,
$glyph-font-size: $glyph-font-size,
$icon-spacing: $icon-spacing,
$glyph-color: $glyph-color,
$glyph-opacity: $glyph-opacity,
$arrow-width: $arrow-width,
$arrow-height: $arrow-height,
$arrow-glyph: $arrow-glyph,
$arrow-glyph-color: $arrow-glyph-color,
$split-width: $split-width,
$split-height: $split-height,
$split-line-width: $split-line-width,
$split-line-color: $split-line-color,
$include-ui-menu-arrows: $include-ui-menu-arrows,
$include-ui-split-arrows: $include-ui-split-arrows,
$include-split-noline-arrows: $include-split-noline-arrows,
$include-split-over-arrows: $include-split-over-arrows,
$opacity-disabled: $opacity-disabled,
$inner-opacity-disabled: $inner-opacity-disabled
);
}