| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788 | 
							
- .simple(@hi) when (@hi) {
 
- 	color: yellow;
 
- }
 
- .something(@hi) when (@hi = cool) {
 
- 	color: red;
 
- }
 
- .another(@x) when (@x > 10) {
 
- 	color: green;
 
- }
 
- .flipped(@x) when (@x =< 10) {
 
- 	color: teal;
 
- }
 
- .yeah(@arg) when (isnumber(@arg)) {
 
- 	color: purple;
 
- }
 
- .yeah(@arg) when (ispixel(@arg)) {
 
- 	color: silver;
 
- }
 
- .hello(@arg) when not (@arg) {
 
- 	color: orange;
 
- }
 
- dd {
 
- 	.simple(true);
 
- 	.simple(2344px);
 
- }
 
- b {
 
- 	.something(cool);
 
- 	.something(birthday);
 
- }
 
- img {
 
- 	.another(12);
 
- 	.another(2);
 
- 	.flipped(12);
 
- 	.flipped(2);
 
- }
 
- body {
 
- 	.yeah("world");
 
- 	.yeah(232px);
 
- 	.yeah(232);
 
- 	.hello(true);
 
- }
 
- .something(@x) when (@x) and (@y), not (@x = what) {
 
- 	color: blue;
 
- }
 
- div {
 
- 	@y: true;
 
- 	.something(true);
 
- }
 
- pre {
 
- 	.something(what);
 
- }
 
- .coloras(@g) when (iscolor(@g)) {
 
- 	color: true @g;
 
- }
 
- link {
 
- 	.coloras(red);
 
- 	.coloras(10px);
 
- 	.coloras(ffjref);
 
- 	.coloras(#fff);
 
- 	.coloras(#fffddd);
 
- 	.coloras(rgb(0,0,0));
 
- 	.coloras(rgba(0,0,0, .34));
 
- }
 
 
  |