Задан icon-size

public/sass/default-theme.scss

+// This line changes the location of your images when creating UIs to be relative instead of within the ExtJS directory. 
+// You MUST set this to true/string value if you are creating new UIs + supporting legacy browsers. 
+// This only applies to new UIs. It does not apply to default component images (i.e. when changing $base-color) 
+// The value can either be true, in which case the image path will be "../images/" 
+// or a string, of where the path is 
+// $relative-image-path-for-uis: '../images/ui/';
+
+// Local prefixes
+$prefix-icon-btn: 'ibtn-' !default;
+
+// Global variables must be here
+$base-color: #f0f0f0;
+$toolbar-separator-color: #aca899;
+
+//tips
+$tip-base-color: $base-color;
+
+//buttons
+$button-default-color: #eeeeee !default;
+$button-default-base-color: #206d9b;
+$button-default-base-color-over: #1b7aaa;
+$button-default-base-color-focus: $button-default-base-color-over;
+$button-default-base-color-pressed: #1290c0;
+$button-default-base-color-disabled: adjust-color($base-color, $hue: 0deg, $saturation: -55.556%, $lightness: 12.745%) !default; //F7F7F7
+
+$button-default-border-color: #bbbbbb;
+$button-default-border-color-over: #9d9d9d;
+$button-default-border-color-focus: $button-default-border-color-over;
+$button-default-border-color-pressed: $button-default-border-color-over;
+$button-default-border-color-disabled: adjust-color($button-default-base-color-disabled, $hue: 0deg, $saturation: 0%, $lightness: -8.627%) !default;
+
+$button-default-background-gradient: 'matte';
+$button-default-background-gradient-over: 'matte';
+$button-default-background-gradient-focus: 'matte';
+$button-default-background-gradient-pressed: 'matte-reverse';
+$button-default-background-gradient-disabled: 'matte';
+
+$button-default-background-gradient-color-stops: null;
+$button-default-background-gradient-color-stops-over: null;
+$button-default-background-gradient-color-stops-focus: null;
+$button-default-background-gradient-color-stops-pressed: null;
+$button-default-background-gradient-color-stops-disabled: null;
+
+
+$button-toolbar-base-color: $button-default-base-color;
+
+$button-toolbar-color-over: $button-default-color !default;
+
+$button-toolbar-border-color: transparent !default;
+$button-toolbar-border-color-over: $button-default-border-color-over;
+$button-toolbar-border-color-focus: $button-default-border-color-focus;
+$button-toolbar-border-color-pressed: $button-default-border-color-pressed;
+$button-toolbar-border-color-disabled: $button-default-border-color-disabled;
+
+$button-toolbar-background-color: transparent !default;
+$button-toolbar-background-color-over: $button-default-base-color-over;
+$button-toolbar-background-color-focus: $button-default-base-color-focus;
+$button-toolbar-background-color-pressed: $button-default-base-color-pressed;
+$button-toolbar-background-color-disabled: transparent;
+
+$button-toolbar-background-gradient: null;
+$button-toolbar-background-gradient-over: 'matte';
+$button-toolbar-background-gradient-focus: 'matte';
+$button-toolbar-background-gradient-pressed: 'matte-reverse';
+$button-toolbar-background-gradient-disabled: null;
+
+$button-toolbar-background-gradient-color-stops: null;
+$button-toolbar-background-gradient-color-stops-over: null;
+$button-toolbar-background-gradient-color-stops-focus: null;
+$button-toolbar-background-gradient-color-stops-pressed: null;
+$button-toolbar-background-gradient-color-stops-disabled: null;
+
+@import 'compass';
+@import 'ext4/default/all';
+
+@include extjs-window-ui (
+    'default',
+    
+    $ui-padding: 0 0 20px 0,
+    $ui-border-radius: 5px,
+    $ui-border-color: #a1a1a1,
+    $ui-inner-border-color: transparent,
+    
+    $ui-header-color: null,
+    $ui-header-font-size: $window-header-font-size,
+    $ui-header-font-weight: $window-header-font-weight,
+    
+    $ui-body-border-color: transparent,
+    $ui-body-background-color: $base-color,
+    $ui-body-color: null,
+    
+    $ui-background-color: $base-color
+);
+
+@include extjs-panel-ui(
+    'default',
+
+    $ui-base-color: $panel-base-color,
+    $ui-border-width: $panel-border-width,
+    $ui-border-color: $panel-border-color,
+    $ui-border-radius: $panel-border-radius,
+    
+    $ui-header-color: $panel-header-color,
+    $ui-header-font-size: $panel-header-font-size,
+    $ui-header-font-weight: $panel-header-font-weight,
+    $ui-header-border-color: $panel-header-border-color,
+    $ui-header-background-color: $panel-header-background-color,
+    $ui-header-background-gradient: $panel-header-background-gradient,
+
+    $ui-body-color: $panel-body-color,
+    $ui-body-border-color: $panel-body-border-color,
+    $ui-body-border-width: 1px,
+    $ui-body-background-color: transparent
+);
+
+@include extjs-panel-ui(
+    'desk-panel',
+
+    $ui-base-color: $panel-base-color,
+    $ui-border-width: $panel-border-width,
+    $ui-border-color: $panel-border-color,
+    $ui-border-radius: $panel-border-radius,
+    
+    $ui-header-color: $panel-header-color,
+    $ui-header-font-size: $panel-header-font-size,
+    $ui-header-font-weight: $panel-header-font-weight,
+    $ui-header-border-color: $panel-header-border-color,
+    $ui-header-background-color: $panel-header-background-color,
+    $ui-header-background-gradient: $panel-header-background-gradient,
+
+    $ui-body-color: $panel-body-color,
+    $ui-body-border-color: $panel-body-border-color,
+    $ui-body-border-width: 1px,
+    $ui-body-background-color: #EEE
+);
+
+.#{$prefix}desk-panel-bg {
+    background-image: url('../images/ui/panel/AT.png');
+    background-repeat: no-repeat;
+    background-position: right bottom;
+}
+
+.#{$prefix}window-authbaner {
+    background-image: url('../images/ui/toolbar/navbg.jpg');
+    background-repeat: repeat-x;
+    background-position: top;
+}
+
+@include extjs-toolbar-ui(
+    'default',
+    
+    $background-color: #f0f0f0,
+    $background-gradient: null,
+    $border-color: transparent
+);
+
+@include extjs-toolbar-ui(
+    'authform-baner',
+    
+    $background-color: transparent,
+    $background-gradient: null,
+    $border-color: transparent
+);
+
+@include extjs-toolbar-ui(
+    'programbar-panel',
+    
+    $background-color: #1a7cab,
+    $background-gradient: 'bevel',
+    $border-color: #c0c0c0
+);
+
+.#{$prefix}programbar-panel {
+    padding: 0px;
+}
+
+@include extjs-toolbar-ui(
+    'programbar',
+    
+    $background-color: transparent,
+    $background-gradient: null
+);
+
+@include extjs-button-ui (
+    'program-menu-toolbar-small',
+    
+    $border-radius: 5px,
+    
+    $border-width: 1px,
+            
+    $border-color: #236794,
+    $border-color-over: null,
+    $border-color-focus: null,
+    $border-color-pressed: null,
+    $border-color-disabled: null,
+    
+    $padding: 0px,
+    $text-padding: null,
+    
+    $background-color: null,
+    $background-color-over: #236794,
+    $background-color-focus: #236794,
+    $background-color-pressed: #236794,
+    $background-color-disabled: null,
+    
+    $background-gradient: null,
+    $background-gradient-over: 'bevel',
+    $background-gradient-focus: 'bevel',
+    $background-gradient-pressed: 'bevel',
+    $background-gradient-disabled: null,
+    
+    $color: #fff,
+    $color-over: #fff,
+    $color-focus: #fff,
+    $color-pressed: #fff,
+    $color-disabled: #c0c0c0,
+    
+    $font-size: null,
+    $font-size-over: null,
+    $font-size-focus: null,
+    $font-size-pressed: null,
+    $font-size-disabled: null,
+    
+    $font-weight: bold,
+    $font-weight-over: bold,
+    $font-weight-focus: bold,
+    $font-weight-pressed: bold,
+    $font-weight-disabled: null,
+    
+    $font-family: 'arial',
+    $font-family-over: 'arial',
+    $font-family-focus: 'arial',
+    $font-family-pressed: 'arial',
+    $font-family-disabled: 'arial',
+    
+    $icon-size: $button-small-icon-size
+);
+
+@include extjs-button-ui (
+    'program-button-toolbar-small',
+    
+    $border-radius: 5px,
+    
+    $border-width: 1px,
+            
+    $border-color: #236794,
+    $border-color-over: null,
+    $border-color-focus: null,
+    $border-color-pressed: null,
+    $border-color-disabled: null,
+    
+    $padding: 0px 10px,
+    $text-padding: null,
+    
+    $background-color: null,
+    $background-color-over: #236794,
+    $background-color-focus: #236794,
+    $background-color-pressed: #5695BF,
+    $background-color-disabled: null,
+    
+    $background-gradient: null,
+    $background-gradient-over: 'bevel',
+    $background-gradient-focus: 'bevel',
+    $background-gradient-pressed: 'bevel',
+    $background-gradient-disabled: null,
+    
+    $color: #D2EAFA,
+    $color-over: #fff,
+    $color-focus: #fff,
+    $color-pressed: #fff,
+    $color-disabled: #c0c0c0,
+    
+    $font-size: null,
+    $font-size-over: null,
+    $font-size-focus: null,
+    $font-size-pressed: null,
+    $font-size-disabled: null,
+    
+    $font-weight: bold,
+    $font-weight-over: bold,
+    $font-weight-focus: bold,
+    $font-weight-pressed: bold,
+    $font-weight-disabled: null,
+    
+    $font-family: 'arial',
+    $font-family-over: 'arial',
+    $font-family-focus: 'arial',
+    $font-family-pressed: 'arial',
+    $font-family-disabled: 'arial',
+    
+    $icon-size: $button-small-icon-size
+);
+
+@mixin grid-action-btn (
+    $ui,
+    
+    $image: null
+) {
+    .#{$prefix}#{$prefix-icon-btn}#{$ui} {
+         background: theme-background-image($theme-name, $image) no-repeat transparent;
+    }
+}
+
+/**
+ * Element icons
+ */
+.#{$prefix}#{$prefix-icon-btn}def, .#{$prefix}#{$prefix-icon-btn}def-dis {
+    width: 18px;
+    height: 17px;
+    cursor: pointer;
+}
+
+.#{$prefix}#{$prefix-icon-btn}def-dis {
+    background-position: 0 -16px !important;
+    cursor: default !important;
+}
+
+/**
+ *   Trace text style
+ */
+.#{$prefix}msg-error {
+    margin-bottom: 4px;
+}
+
+.#{$prefix}msg-trace, .#{$prefix}msg-trace-detail {
+    font-size: 12px;
+    color: #404040;
+    margin-bottom: 16px;
+}
+
+.#{$prefix}msg-trace {
+    overflow: scroll;
+}
+
+.#{$prefix}msg-trace-detail {
+    padding-left: 20px;
+}
+
+// Put here icons list
+@include grid-action-btn ('edit', 'ui/icons/item-edit.png');
+@include grid-action-btn ('delete', 'ui/icons/item-delete.png');
+@include grid-action-btn ('add', 'ui/icons/item-add.png');