partkeepr

fork of partkeepr
git clone https://git.e1e0.net/partkeepr.git
Log | Files | Refs | Submodules | README | LICENSE

_btn-group.scss (2155B)

      1 /**
      2  * Creates the base structure of a button group.
      3  * @member Ext.container.ButtonGroup
      4  */
      5 @mixin extjs-btn-group {
      6     .#{$prefix}btn-group {
      7         position: relative;
      8         overflow: hidden;
      9     }
     10 
     11     .#{$prefix}btn-group-body {
     12         position: relative;
     13         zoom: 1;
     14         padding: $btn-group-padding;
     15         .#{$prefix}table-layout-cell {
     16             vertical-align: top;
     17         }
     18     }
     19 
     20     .#{$prefix}btn-group-header-text {
     21         white-space: nowrap;
     22     }
     23 
     24     @include extjs-btn-group-ui('default');
     25 }
     26 
     27 /**
     28  * Creates a visual theme of a button group.
     29  * @member Ext.container.ButtonGroup
     30  */
     31 @mixin extjs-btn-group-ui(
     32     $ui-label,
     33     $ui-base-color: null,
     34 
     35     // background
     36     $ui-background-color: $btn-group-background-color,
     37 
     38     // borders
     39     $ui-border-color: $btn-group-border-color,
     40     $ui-border-width: $btn-group-border-width,
     41     $ui-border-radius: $btn-group-border-radius,
     42     $ui-inner-border-color: $btn-group-inner-border-color,
     43 
     44     //header
     45     $ui-header-background-color: $btn-group-header-background-color,
     46     $ui-header-font: $btn-group-header-font,
     47     $ui-header-color: $btn-group-header-color
     48 ){
     49     @include x-frame(
     50         'btn-group',
     51         $ui: '#{$ui-label}-framed',
     52 
     53         /* Radius, width, padding and background-color */
     54         $border-radius: $ui-border-radius,
     55         $border-width: $ui-border-width,
     56         $padding: $btn-group-padding,
     57         $background-color: $ui-background-color
     58     );
     59 
     60     .#{$prefix}btn-group-#{$ui-label}-framed {
     61         border-color: $ui-border-color;
     62         @include inner-border(
     63             $width: $btn-group-inner-border-width,
     64             $color: $ui-inner-border-color
     65         );
     66     }
     67 
     68     .#{$prefix}btn-group-header-#{$ui-label}-framed {
     69         margin: $btn-group-header-margin;
     70     }
     71 
     72     .#{$prefix}btn-group-header-body-#{$ui-label}-framed {
     73         padding: $btn-group-header-padding;
     74 
     75         background: $ui-header-background-color;
     76 
     77         @include border-top-radius($ui-border-radius);
     78     }
     79 
     80     .#{$prefix}btn-group-header-text-#{$ui-label}-framed {
     81         font: $ui-header-font;
     82         color: $ui-header-color;
     83     }
     84 }