Upgrade to ExtJS 4.0.1 - Released 05/18/2011

[extjs.git] / docs / resources / themes / stylesheets / ext4 / default / widgets / _buttongroup.scss

diff --git a/docs/resources/themes/stylesheets/ext4/default/widgets/_buttongroup.scss b/docs/resources/themes/stylesheets/ext4/default/widgets/_buttongroup.scss
new file mode 100644 (file)
index 0000000..7fffa89
--- /dev/null
+++ b/docs/resources/themes/stylesheets/ext4/default/widgets/_buttongroup.scss
@@ -0,0 +1,50 @@
+@mixin extjs-buttongroup {
+    @include x-frame(
+        'btn-group',
+        'framed',
+        
+        $buttongroup-border-radius,
+        $buttongroup-border-width,
+        $buttongroup-padding,
+        $buttongroup-background-color,
+        $table: true
+    );
+    
+    .#{$prefix}btn-group {
+        position: relative;
+        overflow: hidden;
+    }
+    
+    .#{$prefix}btn-group-framed {
+        border-color: $panel-frame-border-color;
+        @include inner-border(
+            $width: $buttongroup-inner-border-width, 
+            $color: $buttongroup-inner-border-color
+        );
+        
+        margin: $buttongroup-margin;
+    }
+    
+    .x-btn-group-header {
+        margin: $buttongroup-header-margin;
+    }
+    
+    .x-btn-group-header-body {
+        padding: $buttongroup-header-padding;
+        
+        background: $buttongroup-header-background-color;
+        
+        @include border-top-radius($buttongroup-border-radius);
+    }
+    
+    .x-btn-group-header-text {
+        font: $buttongroup-header-font;
+        color: $buttongroup-header-color;
+        white-space: nowrap;
+    }
+    
+    .x-btn-group-body {
+        position: relative;
+        zoom: 1;
+    }
+}
\ No newline at end of file