Skip to content

Instantly share code, notes, and snippets.

@homeyer
Created October 7, 2011 10:29
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save homeyer/1269981 to your computer and use it in GitHub Desktop.
Save homeyer/1269981 to your computer and use it in GitHub Desktop.
ExtJS green button component UI definition
@include extjs-button-ui(
/* UI + Scale */
'green-small',
$border-radius: $button-small-border-radius,
$border-width: $button-small-border-width,
$border-color: green,
$border-color-over: green,
$border-color-focus: green,
$border-color-pressed: green,
$border-color-disabled: green,
$padding: $button-small-padding,
$text-padding: $button-small-text-padding,
$background-color: green,
$background-color-over: green,
$background-color-focus: green,
$background-color-pressed: green,
$background-color-disabled: green,
$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-disabled: $button-default-background-gradient-disabled,
$color: $button-default-color,
$color-over: $button-default-color-over,
$color-focus: $button-default-color-focus,
$color-pressed: $button-default-color-pressed,
$color-disabled: $button-default-color-disabled,
$font-size: $button-small-font-size,
$font-size-over: $button-small-font-size-over,
$font-size-focus: $button-small-font-size-focus,
$font-size-pressed: $button-small-font-size-pressed,
$font-size-disabled: $button-small-font-size-disabled,
$font-weight: $button-small-font-weight,
$font-weight-over: $button-small-font-weight-over,
$font-weight-focus: $button-small-font-weight-focus,
$font-weight-pressed: $button-small-font-weight-pressed,
$font-weight-disabled: $button-small-font-weight-disabled,
$font-family: $button-small-font-family,
$font-family-over: $button-small-font-family-over,
$font-family-focus: $button-small-font-family-focus,
$font-family-pressed: $button-small-font-family-pressed,
$font-family-disabled: $button-small-font-family-disabled,
$icon-size: $button-small-icon-size
);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment