X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/0494b8d9b9bb03ab6c22b34dae81261e3cd7e3e6..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/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
index 00000000..c10eab11
--- /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);
+        }
+    }
+}