X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/7a654f8d43fdb43d78b63d90528bed6e86b608cc..3789b528d8dd8aad4558e38e22d775bcab1cbd36:/docs/resources/themes/stylesheets/ext4/default/mixins/_color-by-background.scss

diff --git a/docs/resources/themes/stylesheets/ext4/default/mixins/_color-by-background.scss b/docs/resources/themes/stylesheets/ext4/default/mixins/_color-by-background.scss
new file mode 100644
index 00000000..c10eab11
--- /dev/null
+++ b/docs/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);
+        }
+    }
+}