X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/0494b8d9b9bb03ab6c22b34dae81261e3cd7e3e6..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/resources/themes/stylesheets/ext4/default/util/_resizable.scss

diff --git a/resources/themes/stylesheets/ext4/default/util/_resizable.scss b/resources/themes/stylesheets/ext4/default/util/_resizable.scss
new file mode 100644
index 00000000..fb87cb22
--- /dev/null
+++ b/resources/themes/stylesheets/ext4/default/util/_resizable.scss
@@ -0,0 +1,222 @@
+@mixin extjs-resizable {
+    .#{$prefix}resizable-handle {
+        position: absolute;
+        
+        z-index: 100;
+        
+        font-size: 1px;
+        line-height: 6px;
+        
+        overflow: hidden;
+            
+        zoom: 1;
+        
+        @include opacity(0);
+        
+        background-color: #fff;
+    }
+
+    .#{$prefix}resizable-handle-east {
+        width: 6px;
+        height: 100%;
+        
+        right: 0;
+        top: 0;
+    }
+    
+    .#{$prefix}resizable-over {
+        .#{$prefix}resizable-handle-east {
+            cursor: e-resize;
+        }
+    }
+    
+    .#{$prefix}resizable-handle-south {
+        width: 100%;
+        height: 6px;
+        
+        left: 0;
+        bottom: 0;
+    }
+    
+    .#{$prefix}resizable-over {
+        .#{$prefix}resizable-handle-south {
+            cursor: s-resize;
+        }
+    }
+    
+    .#{$prefix}resizable-handle-west {
+        width: 6px;
+        height: 100%;
+        
+        left: 0;
+        top: 0;
+    }
+    
+    .#{$prefix}resizable-over {
+        .#{$prefix}resizable-handle-west {
+            cursor: w-resize;
+        }
+    }
+
+    .#{$prefix}resizable-handle-north {
+        width: 100%;
+        height: 6px;
+        
+        left: 0;
+        top: 0;
+    }
+    
+    .#{$prefix}resizable-over {
+        .#{$prefix}resizable-handle-north {
+            cursor: n-resize;
+        }
+    }
+
+    .#{$prefix}resizable-handle-southeast {
+        width: 6px;
+        height: 6px;
+        
+        right: 0;
+        bottom: 0;
+        
+        z-index: 101;
+    }
+    
+    .#{$prefix}resizable-over {
+        .#{$prefix}resizable-handle-southeast {
+            cursor: se-resize;
+        }
+    }
+
+    .#{$prefix}resizable-handle-northwest {
+        width: 6px;
+        height: 6px;
+        
+        left: 0;
+        top: 0;
+        
+        z-index: 101;
+    }
+    
+    .#{$prefix}resizable-over {
+        .#{$prefix}resizable-handle-northwest {
+            cursor: nw-resize;
+        }
+    }
+
+    .#{$prefix}resizable-handle-northeast {
+        width: 6px;
+        height: 6px;
+        
+        right: 0;
+        top: 0;
+        
+        z-index: 101;
+    }
+    
+    .#{$prefix}resizable-over {
+        .#{$prefix}resizable-handle-northeast {
+            cursor: ne-resize;
+        }
+    }
+
+    .#{$prefix}resizable-handle-southwest {
+        width: 6px;
+        height: 6px;
+        
+        left: 0;
+        bottom: 0;
+        
+        z-index: 101;
+    }
+    
+    .#{$prefix}resizable-over {
+        .#{$prefix}resizable-handle-southwest {
+            cursor: sw-resize;
+        }
+    }
+    
+    /*IE rounding error*/
+    .#{$prefix}ie {
+        .#{$prefix}resizable-handle-east {
+            margin-right: -1px; /*IE rounding error*/
+        }
+        
+        .#{$prefix}resizable-handle-south {
+            margin-bottom: -1px;
+        }
+    }
+
+    .#{$prefix}resizable-over .#{$prefix}resizable-handle, .#{$prefix}resizable-pinned .#{$prefix}resizable-handle{
+        @include opacity(1);
+    }
+
+    .#{$prefix}window .#{$prefix}window-handle {
+        @include opacity(0);
+    }
+
+    .#{$prefix}window-collapsed .#{$prefix}window-handle {
+        display: none;
+    }
+
+    .#{$prefix}resizable-proxy {
+        border: 1px dashed #3b5a82;
+        position: absolute;
+        left: 0;
+        top: 0;
+        overflow: hidden;
+        z-index: 50000;
+    }
+
+    .#{$prefix}resizable-overlay {
+        position: absolute;
+        left: 0;
+        top: 0;
+        
+        width: 100%;
+        height: 100%;
+        
+        display: none;
+        
+        z-index: 200000;
+        
+        background-color: #fff;
+            
+        @include opacity(0);
+    }
+    
+    .#{$prefix}resizable-over,
+    .#{$prefix}resizable-pinned {
+        .#{$prefix}resizable-handle-east,
+        .#{$prefix}resizable-handle-west {
+                background-position: left;
+                background-image: theme-image($theme-name, 'sizer/e-handle.gif');
+        }
+        
+        .#{$prefix}resizable-handle-south,
+        .#{$prefix}resizable-handle-north {
+            background-position: top;
+            background-image: theme-image($theme-name, 'sizer/s-handle.gif');
+        }
+        
+        .#{$prefix}resizable-handle-southeast {
+            background-position: top left;
+            background-image: theme-image($theme-name, 'sizer/se-handle.gif');
+        }
+        
+        .#{$prefix}resizable-handle-northwest {
+            background-position: bottom right;
+            background-image: theme-image($theme-name, 'sizer/nw-handle.gif');
+        }
+        
+        .#{$prefix}resizable-handle-northeast {
+            background-position: bottom left;
+            background-image: theme-image($theme-name, 'sizer/ne-handle.gif');
+        }
+
+        .#{$prefix}resizable-handle-southwest {
+            background-position: top right;
+            background-image: theme-image($theme-name, 'sizer/sw-handle.gif');
+        }
+    }
+}
\ No newline at end of file