12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091 |
- @mixin extjs-btn-group {
- .#{$prefix}btn-group {
- position: relative;
- overflow: hidden;
- }
- .x-btn-group-header-body {
- padding-bottom: 5px;
- }
- .#{$prefix}btn-group-body {
- position: relative;
- // padding-right: $btn-group-padding;
- // @tag ie6hack
- .x-table-layout-cell {
- padding-right: $btn-group-padding;
- }
- .#{$prefix}table-layout-cell {
- vertical-align: top;
- }
- }
- .#{$prefix}btn-group-header-text {
- @extend .overflow-ellipsis;
- }
- @include extjs-btn-group-ui('default');
- }
- /**
- * @mixin extjs-btn-group-ui
- * @class Ext.ButtonGroup
- */
- @mixin extjs-btn-group-ui(
- $ui-label,
- $ui-base-color: null,
- // background
- $ui-background-color: $btn-group-background-color,
- // borders
- $ui-border-color: $btn-group-border-color,
- $ui-border-width: $btn-group-border-width,
- $ui-border-radius: $btn-group-border-radius,
- $ui-inner-border-color: $btn-group-inner-border-color,
- //header
- $ui-header-background-color: $btn-group-header-background-color,
- $ui-header-font: $btn-group-header-font,
- $ui-header-color: $btn-group-header-color
- ){
- // @include x-frame(
- // 'btn-group',
- // $ui: '#{$ui-label}-framed',
- // /* Radius, width, padding and background-color */
- // $border-radius: $ui-border-radius,
- // $border-width: $ui-border-width,
- // $padding: $btn-group-padding,
- // $background-color: $ui-background-color
- // );
- .#{$prefix}btn-group-#{$ui-label}-framed {
- border-style: solid;
- border-width: $ui-border-width;
- border-color: $ui-border-color;
- // @include inner-border(
- // $width: $btn-group-inner-border-width,
- // $color: $ui-inner-border-color
- // );
- }
- .#{$prefix}btn-group-header-#{$ui-label}-framed {
- // margin: $btn-group-header-margin;
- }
- .#{$prefix}btn-group-header-body-#{$ui-label}-framed {
- // padding: $btn-group-header-padding;
- background: $ui-header-background-color;
- @include border-top-radius($ui-border-radius);
- }
- .#{$prefix}btn-group-header-text-#{$ui-label}-framed {
- font: $ui-header-font;
- color: $ui-header-color;
- }
- }
|