@include extjs-button-ui(
/* UI + Scale */
'primary-small',
$button-small-border-radius,
$button-small-border-width,
$button-default-border-color,
$button-default-border-color-over,
$button-default-border-color-focus,
$button-default-border-color-pressed,
$button-default-border-color-disabled,
$button-small-padding,
$button-small-text-padding,
$button-default-background-color,
$button-default-background-color-over,
$button-default-background-color-focus,
$button-default-background-color-pressed,
$button-default-background-color-disabled,
$button-default-background-gradient,
$button-default-background-gradient-over,
$button-default-background-gradient-focus,
$button-default-background-gradient-pressed,
$button-default-background-gradient-disabled,
$button-default-color,
$button-default-color-over,
$button-default-color-focus,
$button-default-color-pressed,
$button-default-color-disabled,
$button-small-font-size,
$button-small-font-size-over,
$button-small-font-size-focus,
$button-small-font-size-pressed,
$button-small-font-size-disabled,
$button-small-font-weight,
$button-small-font-weight-over,
$button-small-font-weight-focus,
$button-small-font-weight-pressed,
$button-small-font-weight-disabled,
$button-small-font-family,
$button-small-font-family-over,
$button-small-font-family-focus,
$button-small-font-family-pressed,
$button-small-font-family-disabled,
$button-small-icon-size
);
@include extjs-button-ui(
'primary-medium',
$button-medium-border-radius,
$button-medium-border-width,
$button-default-border-color,
$button-default-border-color-over,
$button-default-border-color-focus,
$button-default-border-color-pressed,
$button-default-border-color-disabled,
$button-medium-padding,
$button-medium-text-padding,
$button-default-background-color,
$button-default-background-color-over,
$button-default-background-color-focus,
$button-default-background-color-pressed,
$button-default-background-color-disabled,
$button-default-background-gradient,
$button-default-background-gradient-over,
$button-default-background-gradient-focus,
$button-default-background-gradient-pressed,
$button-default-background-gradient-disabled,
$button-default-color,
$button-default-color-over,
$button-default-color-focus,
$button-default-color-pressed,
$button-default-color-disabled,
$button-medium-font-size,
$button-medium-font-size-over,
$button-medium-font-size-focus,
$button-medium-font-size-pressed,
$button-medium-font-size-disabled,
$button-medium-font-weight,
$button-medium-font-weight-over,
$button-medium-font-weight-focus,
$button-medium-font-weight-pressed,
$button-medium-font-weight-disabled,
$button-medium-font-family,
$button-medium-font-family-over,
$button-medium-font-family-focus,
$button-medium-font-family-pressed,
$button-medium-font-family-disabled,
$button-medium-icon-size
);
@include extjs-button-ui(
'primary-large',
$button-large-border-radius,
$button-large-border-width,
$button-default-border-color,
$button-default-border-color-over,
$button-default-border-color-focus,
$button-default-border-color-pressed,
$button-default-border-color-disabled,
$button-large-padding,
$button-large-text-padding,
$button-default-background-color,
$button-default-background-color-over,
$button-default-background-color-focus,
$button-default-background-color-pressed,
$button-default-background-color-disabled,
$button-default-background-gradient,
$button-default-background-gradient-over,
$button-default-background-gradient-focus,
$button-default-background-gradient-pressed,
$button-default-background-gradient-disabled,
$button-default-color,
$button-default-color-over,
$button-default-color-focus,
$button-default-color-pressed,
$button-default-color-disabled,
$button-large-font-size,
$button-large-font-size-over,
$button-large-font-size-focus,
$button-large-font-size-pressed,
$button-large-font-size-disabled,
$button-large-font-weight,
$button-large-font-weight-over,
$button-large-font-weight-focus,
$button-large-font-weight-pressed,
$button-large-font-weight-disabled,
$button-large-font-family,
$button-large-font-family-over,
$button-large-font-family-focus,
$button-large-font-family-pressed,
$button-large-font-family-disabled,
$button-large-icon-size
);
@include extjs-button-ui(
'primary-toolbar-small',
$button-small-border-radius,
$button-small-border-width,
$button-toolbar-border-color,
$button-toolbar-border-color-over,
$button-toolbar-border-color-focus,
$button-toolbar-border-color-pressed,
$button-toolbar-border-color-disabled,
$button-small-padding,
$button-small-text-padding,
$button-toolbar-background-color,
$button-toolbar-background-color-over,
$button-toolbar-background-color-focus,
$button-toolbar-background-color-pressed,
$button-toolbar-background-color-disabled,
$button-toolbar-background-gradient,
$button-toolbar-background-gradient-over,
$button-toolbar-background-gradient-focus,
$button-toolbar-background-gradient-pressed,
$button-toolbar-background-gradient-disabled,
$button-toolbar-color,
$button-toolbar-color-over,
$button-toolbar-color-focus,
$button-toolbar-color-pressed,
$button-toolbar-color-disabled,
$button-small-font-size,
$button-small-font-size-over,
$button-small-font-size-focus,
$button-small-font-size-pressed,
$button-small-font-size-disabled,
$button-small-font-weight,
$button-small-font-weight-over,
$button-small-font-weight-focus,
$button-small-font-weight-pressed,
$button-small-font-weight-disabled,
$button-small-font-family,
$button-small-font-family-over,
$button-small-font-family-focus,
$button-small-font-family-pressed,
$button-small-font-family-disabled,
$button-small-icon-size
);
@include extjs-button-ui(
'primary-toolbar-medium',
$button-medium-border-radius,
$button-medium-border-width,
$button-toolbar-border-color,
$button-toolbar-border-color-over,
$button-toolbar-border-color-focus,
$button-toolbar-border-color-pressed,
$button-toolbar-border-color-disabled,
$button-medium-padding,
$button-medium-text-padding,
$button-toolbar-background-color,
$button-toolbar-background-color-over,
$button-toolbar-background-color-focus,
$button-toolbar-background-color-pressed,
$button-toolbar-background-color-disabled,
$button-toolbar-background-gradient,
$button-toolbar-background-gradient-over,
$button-toolbar-background-gradient-focus,
$button-toolbar-background-gradient-pressed,
$button-toolbar-background-gradient-disabled,
$button-toolbar-color,
$button-toolbar-color-over,
$button-toolbar-color-focus,
$button-toolbar-color-pressed,
$button-toolbar-color-disabled,
$button-medium-font-size,
$button-medium-font-size-over,
$button-medium-font-size-focus,
$button-medium-font-size-pressed,
$button-medium-font-size-disabled,
$button-medium-font-weight,
$button-medium-font-weight-over,
$button-medium-font-weight-focus,
$button-medium-font-weight-pressed,
$button-medium-font-weight-disabled,
$button-medium-font-family,
$button-medium-font-family-over,
$button-medium-font-family-focus,
$button-medium-font-family-pressed,
$button-medium-font-family-disabled,
$button-medium-icon-size
);
@include extjs-button-ui(
'primary-toolbar-large',
$button-large-border-radius,
$button-large-border-width,
$button-toolbar-border-color,
$button-toolbar-border-color-over,
$button-toolbar-border-color-focus,
$button-toolbar-border-color-pressed,
$button-toolbar-border-color-disabled,
$button-large-padding,
$button-large-text-padding,
$button-toolbar-background-color,
$button-toolbar-background-color-over,
$button-toolbar-background-color-focus,
$button-toolbar-background-color-pressed,
$button-toolbar-background-color-disabled,
$button-toolbar-background-gradient,
$button-toolbar-background-gradient-over,
$button-toolbar-background-gradient-focus,
$button-toolbar-background-gradient-pressed,
$button-toolbar-background-gradient-disabled,
$button-toolbar-color,
$button-toolbar-color-over,
$button-toolbar-color-focus,
$button-toolbar-color-pressed,
$button-toolbar-color-disabled,
$button-large-font-size,
$button-large-font-size-over,
$button-large-font-size-focus,
$button-large-font-size-pressed,
$button-large-font-size-disabled,
$button-large-font-weight,
$button-large-font-weight-over,
$button-large-font-weight-focus,
$button-large-font-weight-pressed,
$button-large-font-weight-disabled,
$button-large-font-family,
$button-large-font-family-over,
$button-large-font-family-focus,
$button-large-font-family-pressed,
$button-large-font-family-disabled,
$button-large-icon-size
);
|