Upgrade to ExtJS 4.0.0 - Released 04/26/2011

[extjs.git] / resources / themes / stylesheets / ext4 / default / mixins / _color-by-background.scss

diff --git a/resources/themes/stylesheets/ext4/default/mixins/_color-by-background.scss b/resources/themes/stylesheets/ext4/default/mixins/_color-by-background.scss
new file mode 100644 (file)
index 0000000..c10eab1
--- /dev/null
+++ b/resources/themes/stylesheets/ext4/default/mixins/_color-by-background.scss
@@ -0,0 +1,23 @@
+/**
+ *
+ */
+@mixin color-by-background($bg-color, $contrast: 70%, $default-color: null, $bevel-text: true) {
+    @if ($default-color != null) {
+        color: $default-color;
+    } @else {
+        @if (lightness($bg-color) > 40) {
+            color: darken($bg-color, $contrast);
+        }
+        @else {
+            color: lighten($bg-color, $contrast)
+        }
+    }
+
+    @if ($bevel-text != false) {
+        @if (lightness($bg-color) < 40) {
+            @include text-shadow(rgba(0,0,0,.5) 0 -1px 0);
+        } @else {
+            @include text-shadow(rgba(255,255,255,.25) 0 1px 0);
+        }
+    }
+}