diff options
author | Silvio Rhatto <rhatto@riseup.net> | 2014-03-15 14:42:42 -0300 |
---|---|---|
committer | Silvio Rhatto <rhatto@riseup.net> | 2014-03-15 14:42:42 -0300 |
commit | 551497ef94f6239b109316d8fab32f0909b13f73 (patch) | |
tree | 236615e9881988ce05f40583ff891bf0fcef2c14 /vendors/lessphp/tests/inputs/math.less | |
download | elgg-551497ef94f6239b109316d8fab32f0909b13f73.tar.gz elgg-551497ef94f6239b109316d8fab32f0909b13f73.tar.bz2 |
Squashed 'mod/less/' content from commit 380edad
git-subtree-dir: mod/less
git-subtree-split: 380edadb3a5e524a8e6ef6df063b678f2f00516f
Diffstat (limited to 'vendors/lessphp/tests/inputs/math.less')
-rw-r--r-- | vendors/lessphp/tests/inputs/math.less | 116 |
1 files changed, 116 insertions, 0 deletions
diff --git a/vendors/lessphp/tests/inputs/math.less b/vendors/lessphp/tests/inputs/math.less new file mode 100644 index 000000000..3f4af2c7d --- /dev/null +++ b/vendors/lessphp/tests/inputs/math.less @@ -0,0 +1,116 @@ + +.unary { + // all operators are parsable as unary operators, anything + // but - throws an error right now though, + + // this gives two numbers + sub: 10 -5; + // add: 10 +5; // error + // div: 10 /5; // error + // mul: 10 *5; // error +} + +.spaces { + // we can make the parser do math by leaving out the + // space after the first value, or putting spaces on both sides + + sub: 10-5; + sub: 10 - 5; + + add: 10+5; + add: 10 + 5; + + // div: 10/5; // this wont work, read on + div: 10 / 5; + + mul: 10*5; + mul: 10 * 5; +} + +// these properties have divison not in parenthases +.supress-division { + border-radius: 10px / 10px; + border-radius: 10px/10px; + border-radius: hello (10px/10px) world; + @x: 10px; + font: @x/30 sans-serif; + font: 10px / 20px sans-serif; + font: 10px/20px sans-serif; + border-radius:0 15px 15px 15px / 0 50% 50% 50%; +} + + +.parens { + // if you are unsure, then just wrap the expression in parentheses and it will + // always evaluate. + + // notice we no longer have unary operators, and these will evaluate + sub: (10 -5); + add: (10 +5); + div: (10 /5); + div: (10/5); // no longer interpreted as the shorthand + mul: (10 *5); +} + +.keyword-names { + // watch out when doing math with keywords, - is a valid keyword character + @a: 100; + @b: 25; + @a-: "hello"; + height: @a-@b; // here we get "hello" 25, not 75 +} + + +.negation { + hello: -(1px); + hello: 0-(1px); + + @something: 10; + hello: -@something; +} + + +// and now here are the tests + +.test { + single: (5); + single: 5+(5); + single: (5)+((5)); + + parens: (5 +(5)) -2; + // parens: ((5 +(5)) -2); // FAILS - fixme + + math: (5 + 5)*(2 / 1); + math: (5+5)*(2/1); + + width: 2 * (4 * (2 + (1 + 6))) - 1; + height: ((2+3)*(2+3) / (9-4)) + 1; + padding: (2px + 4px) 1em 2px 2; + + @var: (2 * 2); + padding: (2 * @var) 4 4 (@var * 1px); + width: (@var * @var) * 6; + height: (7 * 7) + (8 * 8); + margin: 4 * (5 + 5) / 2 - (@var * 2); +} + +.percents { + color: 100 * 10%; + color: 10% * 100; + color: 10% * 10%; + + color: 100px * 10%; // lessjs makes this px + color: 10% * 100px; // lessjs makes this % + + color: 20% + 10%; + color: 20% - 10%; + + color: 20% / 10%; +} + +.misc { + x: 10px * 4em; + y: 10 * 4em; + +} + |