aboutsummaryrefslogtreecommitdiff
path: root/mod/less/vendors/lessphp/tests/inputs/colors.less
diff options
context:
space:
mode:
Diffstat (limited to 'mod/less/vendors/lessphp/tests/inputs/colors.less')
-rw-r--r--mod/less/vendors/lessphp/tests/inputs/colors.less122
1 files changed, 122 insertions, 0 deletions
diff --git a/mod/less/vendors/lessphp/tests/inputs/colors.less b/mod/less/vendors/lessphp/tests/inputs/colors.less
new file mode 100644
index 000000000..d407a74f3
--- /dev/null
+++ b/mod/less/vendors/lessphp/tests/inputs/colors.less
@@ -0,0 +1,122 @@
+
+body {
+ color: hsl(34, 50%, 40%);
+ color: hsla(34, 50%, 40%, 0.3);
+
+ lighten: lighten(#efefef, 10%);
+ lighten: lighten(rgb(23, 53, 231), 22%);
+ lighten: lighten(rgba(212, 103, 88, 0.5), 10%);
+
+ darken: darken(#efefef, 10%);
+ darken: darken(rgb(23, 53, 231), 22%);
+ darken: darken(rgba(23, 53, 231, 0.5), 10%);
+
+ saturate: saturate(#efefef, 10%);
+ saturate: saturate(rgb(23, 53, 231), 22%);
+ saturate: saturate(rgba(23, 53, 231, 0.5), 10%);
+
+ desaturate: desaturate(#efefef, 10%);
+ desaturate: desaturate(rgb(23, 53, 231), 22%);
+ desaturate: desaturate(rgba(23, 53, 231, 0.5), 10%);
+
+ spin: spin(#efefef, 12);
+ spin: spin(rgb(23, 53, 231), 15);
+ spin: spin(rgba(23, 53, 231, 0.5), 19);
+
+ spin: spin(#efefef, -12);
+ spin: spin(rgb(23, 53, 231), -15);
+ spin: spin(rgba(23, 53, 231, 0.5), -19);
+
+ one: fadein(#abcdef, 10%);
+ one: fadeout(#abcdef, -10%);
+
+ two: fadeout(#029f23, 10%);
+ two: fadein(#029f23, -10%);
+
+
+ three: fadein(rgba(1,2,3, 0.5), 10%);
+ three: fadeout(rgba(1,2,3, 0.5), -10%);
+
+ four: fadeout(rgba(1,2,3, 0), 10%);
+ four: fadein(rgba(1,2,3, 0), -10%);
+
+ hue: hue(rgb(34,20,40));
+ sat: saturation(rgb(34,20,40));
+ lit: lightness(rgb(34,20,40));
+
+ @old: #34fa03;
+ @new: hsl(hue(@old), 45%, 90%);
+ what: @new;
+
+ zero: saturate(#123456, -100%);
+ zero: saturate(#123456, 100%);
+ zero: saturate(#000000, 100%);
+ zero: saturate(#ffffff, 100%);
+
+ zero: lighten(#123456, -100%);
+ zero: lighten(#123456, 100%);
+ zero: lighten(#000000, 100%);
+ zero: lighten(#ffffff, 100%);
+
+ zero: spin(#123456, -100);
+ zero: spin(#123456, 100);
+ zero: spin(#000000, 100);
+ zero: spin(#ffffff, 100);
+}
+
+
+alpha {
+ // g: alpha(red);
+ g: alpha(rgba(0,0,0,0));
+ g: alpha(rgb(155,55,0));
+}
+
+fade {
+ f: fade(red, 50%);
+ f: fade(#fff, 20%);
+ f: fade(rgba(34,23,64,0.4), 50%);
+}
+
+@a: rgb(255,255,255);
+@b: rgb(0,0,0);
+
+.mix {
+ color: mix(@a, @b, 50%);
+}
+
+.percent {
+ per: percentage(0.5);
+}
+
+// color keywords
+
+.colorz {
+ color: whitesmoke - 10;
+ color: spin(red, 34);
+}
+
+
+
+// purposfuly whacky to match less.js
+
+@color: #fcf8e3;
+
+body {
+ start: @color;
+ spin: spin(@color, -10); // #fcf4e3
+ chained: darken(spin(@color, -10), 3%); // gives #fbeed5, should be #fbefd5
+ direct: darken(#fcf4e3, 3%); // #fbefd5
+}
+
+// spin around
+pre {
+ @errorBackground: #f2dede;
+ spin: spin(@errorBackground, -10);
+}
+
+dd {
+ @white: #fff;
+ background-color: mix(@white, darken(@white, 10%), 60%);
+}
+
+