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/pattern_matching.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/pattern_matching.less')
-rw-r--r-- | vendors/lessphp/tests/inputs/pattern_matching.less | 167 |
1 files changed, 167 insertions, 0 deletions
diff --git a/vendors/lessphp/tests/inputs/pattern_matching.less b/vendors/lessphp/tests/inputs/pattern_matching.less new file mode 100644 index 000000000..e875473d3 --- /dev/null +++ b/vendors/lessphp/tests/inputs/pattern_matching.less @@ -0,0 +1,167 @@ + +.demo (light, @color) { + color: lighten(@color, 10%); +} +.demo (@_, @color) { + display: block; +} + +@switch: light; + +.class { + .demo(@switch, #888); +} + +// by arity + +.mixin () { + zero: 0; +} +.mixin (@a: 1px) { + one: 1; +} +.mixin (@a) { + one-req: 1; +} +.mixin (@a: 1px, @b: 2px) { + two: 2; +} + +.mixin (@a, @b, @c) { + three-req: 3; +} + +.mixin (@a: 1px, @b: 2px, @c: 3px) { + three: 3; +} + +.zero { + .mixin(); +} + +.one { + .mixin(1); +} + +.two { + .mixin(1, 2); +} + +.three { + .mixin(1, 2, 3); +} + +// + +.mixout ('left') { + left: 1; +} + +.mixout ('right') { + right: 1; +} + +.left { + .mixout('left'); +} +.right { + .mixout('right'); +} + +// + +.border (@side, @width) { + color: black; + .border-side(@side, @width); +} +.border-side (left, @w) { + border-left: @w; +} +.border-side (right, @w) { + border-right: @w; +} + +.border-right { + .border(right, 4px); +} +.border-left { + .border(left, 4px); +} + +// + + +.border-radius (@r) { + both: @r * 10; +} +.border-radius (@r, left) { + left: @r; +} +.border-radius (@r, right) { + right: @r; +} + +.only-right { + .border-radius(33, right); +} +.only-left { + .border-radius(33, left); +} +.left-right { + .border-radius(33); +} + +.hola(hello, @hello...) { + color: blue; +} + +#hola { + .hola(hello, world); + .hola(jello, world); +} + +.resty(@hello, @world, @the_rest...) { + padding: @hello @world; + rest: @the_rest; +} + +#nnn { + .body(10, 10, 10, 10, 10); + .body(10, 10, 10); + .body(10, 10); + .body(10); + .body(); +} + +.defaults(@aa, @bb:e343, @cc: "heah", ...) { + height: @aa; +} + +#defaults_1 { + .defaults(); + .defaults(one); + .defaults(two, one); + .defaults(three, two, one); + .defaults(four, three, two, one); +} + + +.thing() { color: green; } +.thing(...) { color: blue; } +.thing { color: red; } + +#aa { + .thing(); +} + +#bb { + .thing; +} + + +#cc { + .thing(1); +} + + + |