@if $include-ext-toolbar-toolbar { @if $include-button-default-toolbar-small-ui { @include extjs-button-toolbar-small-ui( $ui: 'plain', $border-color: $button-toolbar-border-color, $border-color-focus: $button-toolbar-border-color, $border-color-disabled: $button-toolbar-border-color, $background-color: $button-toolbar-background-color, $background-color-focus: $button-toolbar-background-color, $background-color-disabled: $button-toolbar-background-color ); } @if $include-button-default-toolbar-medium-ui { @include extjs-button-toolbar-medium-ui( $ui: 'plain', $border-color: $button-toolbar-border-color, $border-color-focus: $button-toolbar-border-color, $border-color-disabled: $button-toolbar-border-color, $background-color: $button-toolbar-background-color, $background-color-focus: $button-toolbar-background-color, $background-color-disabled: $button-toolbar-background-color ); } @if $include-button-default-toolbar-large-ui { @include extjs-button-toolbar-large-ui( $ui: 'plain', $border-color: $button-toolbar-border-color, $border-color-focus: $button-toolbar-border-color, $border-color-disabled: $button-toolbar-border-color, $background-color: $button-toolbar-background-color, $background-color-focus: $button-toolbar-background-color, $background-color-disabled: $button-toolbar-background-color ); } // neptune buttons are given their disabled appearance using opacity. IE8 and below // in xp have problems rendering png icons with alpha transparency when opacity // is applied to the element if the element has a $button-toolbar-border-color background. To work // around this we give the disabled button the same background-color as the toolbar. // see EXTJSIV-8846 .#{$prefix}btn-plain-toolbar-small-disabled, .#{$prefix}btn-plain-toolbar-medium-disabled, .#{$prefix}btn-plain-toolbar-large-disabled { .#{$prefix}btn-icon-el { background-color: $toolbar-background-color; @if $include-ie { .#{$prefix}ie8 & { // in IE8 position: absolute breaks inheritance of opacity, // so we have to apply the opacity to the icon element. // We don't do this in the button mixin because the icon el has to // have a background-color or else partially $button-toolbar-border-color pixels // in the icon will not display correctly. @if $button-toolbar-opacity-disabled != 1 { @include opacity($button-toolbar-opacity-disabled); } } } } } }