docs/resources/themes/stylesheets/ext4/default/widgets/_buttongroup.scss

   1 @mixin extjs-buttongroup {
   2     @include x-frame(
   3         'btn-group',
   4         'framed',
   5
   6         $buttongroup-border-radius,
   7         $buttongroup-border-width,
   8         $buttongroup-padding,
   9         $buttongroup-background-color,
  10         $table: true
  11     );
  12
  13     .#{$prefix}btn-group {
  14         position: relative;
  15         overflow: hidden;
  16     }
  17
  18     .#{$prefix}btn-group-framed {
  19         border-color: $panel-frame-border-color;
  20         @include inner-border(
  21             $width: $buttongroup-inner-border-width,
  22             $color: $buttongroup-inner-border-color
  23         );
  24
  25         margin: $buttongroup-margin;
  26     }
  27
  28     .x-btn-group-header {
  29         margin: $buttongroup-header-margin;
  30     }
  31
  32     .x-btn-group-header-body {
  33         padding: $buttongroup-header-padding;
  34
  35         background: $buttongroup-header-background-color;
  36
  37         @include border-top-radius($buttongroup-border-radius);
  38     }
  39
  40     .x-btn-group-header-text {
  41         font: $buttongroup-header-font;
  42         color: $buttongroup-header-color;
  43         white-space: nowrap;
  44     }
  45
  46     .x-btn-group-body {
  47         position: relative;
  48         zoom: 1;
  49     }
  50 }