Warning, /webapps/ocs-webserver/library/lessphp/tests/inputs/pattern_matching.less is written in an unsupported language. File is not indexed.
0001 0002 .demo (light, @color) { 0003 color: lighten(@color, 10%); 0004 } 0005 .demo (@_, @color) { 0006 display: block; 0007 } 0008 0009 @switch: light; 0010 0011 .class { 0012 .demo(@switch, #888); 0013 } 0014 0015 // by arity 0016 0017 .mixin () { 0018 zero: 0; 0019 } 0020 .mixin (@a: 1px) { 0021 one: 1; 0022 } 0023 .mixin (@a) { 0024 one-req: 1; 0025 } 0026 .mixin (@a: 1px, @b: 2px) { 0027 two: 2; 0028 } 0029 0030 .mixin (@a, @b, @c) { 0031 three-req: 3; 0032 } 0033 0034 .mixin (@a: 1px, @b: 2px, @c: 3px) { 0035 three: 3; 0036 } 0037 0038 .zero { 0039 .mixin(); 0040 } 0041 0042 .one { 0043 .mixin(1); 0044 } 0045 0046 .two { 0047 .mixin(1, 2); 0048 } 0049 0050 .three { 0051 .mixin(1, 2, 3); 0052 } 0053 0054 // 0055 0056 .mixout ('left') { 0057 left: 1; 0058 } 0059 0060 .mixout ('right') { 0061 right: 1; 0062 } 0063 0064 .left { 0065 .mixout('left'); 0066 } 0067 .right { 0068 .mixout('right'); 0069 } 0070 0071 // 0072 0073 .border (@side, @width) { 0074 color: black; 0075 .border-side(@side, @width); 0076 } 0077 .border-side (left, @w) { 0078 border-left: @w; 0079 } 0080 .border-side (right, @w) { 0081 border-right: @w; 0082 } 0083 0084 .border-right { 0085 .border(right, 4px); 0086 } 0087 .border-left { 0088 .border(left, 4px); 0089 } 0090 0091 // 0092 0093 0094 .border-radius (@r) { 0095 both: @r * 10; 0096 } 0097 .border-radius (@r, left) { 0098 left: @r; 0099 } 0100 .border-radius (@r, right) { 0101 right: @r; 0102 } 0103 0104 .only-right { 0105 .border-radius(33, right); 0106 } 0107 .only-left { 0108 .border-radius(33, left); 0109 } 0110 .left-right { 0111 .border-radius(33); 0112 } 0113 0114 .hola(hello, @hello...) { 0115 color: blue; 0116 } 0117 0118 #hola { 0119 .hola(hello, world); 0120 .hola(jello, world); 0121 } 0122 0123 .resty(@hello, @world, @the_rest...) { 0124 padding: @hello @world; 0125 rest: @the_rest; 0126 } 0127 0128 #nnn { 0129 .body(10, 10, 10, 10, 10); 0130 .body(10, 10, 10); 0131 .body(10, 10); 0132 .body(10); 0133 .body(); 0134 } 0135 0136 .defaults(@aa, @bb:e343, @cc: "heah", ...) { 0137 height: @aa; 0138 } 0139 0140 #defaults_1 { 0141 .defaults(); 0142 .defaults(one); 0143 .defaults(two, one); 0144 .defaults(three, two, one); 0145 .defaults(four, three, two, one); 0146 } 0147 0148 0149 .thing() { color: green; } 0150 .thing(...) { color: blue; } 0151 .thing { color: red; } 0152 0153 #aa { 0154 .thing(); 0155 } 0156 0157 #bb { 0158 .thing; 0159 } 0160 0161 0162 #cc { 0163 .thing(1); 0164 } 0165 0166 0167