Upgrade to ExtJS 4.0.1 - Released 05/18/2011
[extjs.git] / docs / resources / themes / stylesheets / ext4 / default / widgets / _progress.scss
diff --git a/docs/resources/themes/stylesheets/ext4/default/widgets/_progress.scss b/docs/resources/themes/stylesheets/ext4/default/widgets/_progress.scss
new file mode 100644 (file)
index 0000000..0be37ed
--- /dev/null
@@ -0,0 +1,67 @@
+@mixin extjs-progress {
+    .#{$prefix}progress {
+        border: $progress-border-width solid $progress-border-color;
+        @include border-radius($progress-border-radius);
+        
+        overflow: hidden;
+        
+        height: $progress-height;
+    }
+    
+    .#{$prefix}progress-bar {
+        height: $progress-height - ($progress-border-width * 2);
+        
+        overflow: hidden;
+        position: absolute;
+        
+        width: 0;
+        
+        @include border-radius($progress-border-radius);
+        border-right: 1px solid;
+        border-right-color: $progress-border-color;
+        border-top: 1px solid lighten($progress-bar-color, 5);
+        
+        @if $supports-gradients or $compile-all {
+            @include background-gradient($progress-bar-color, glossy);
+        }
+        
+        .#{$prefix}progress-text {
+            
+        }
+    }
+
+    .#{$prefix}progress-text {
+        overflow: hidden;
+        
+        position: absolute;
+        
+        padding: 0 5px;
+        
+        height: $progress-height - ($progress-border-width * 2);
+        
+        color: $progress-text-color-front;
+        font-weight: $progress-text-font-weight;
+        font-size: $progress-text-font-size;
+        line-height: 16px;
+        text-align: $progress-text-text-align;
+    }
+    
+    .#{$prefix}progress-text-back {
+        padding-top: 1px;
+        color: $progress-text-color-back;
+    }
+    
+    @if not $supports-gradients or $compile-all {
+        .#{$prefix}nlg {
+            .#{$prefix}progress-bar {
+                background: theme-image($theme-name, 'progress/progress-bg.gif') repeat-x;
+            }
+        }
+    }
+    
+    @if $include-ie or $compile-all {
+        .#{$prefix}strict .#{$prefix}progress  {
+            height: $progress-height - ($progress-border-width * 2);
+        }
+    }
+}
\ No newline at end of file