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