JezK
Edit File: operations.less
#operations { color: #110000 + #000011 + #001100; // #111111 height: 10px / 2px + 6px - 1px * 2; // 9px width: 2 * 4 - 5em; // 3em .spacing { height: 10px / 2px+6px-1px*2; width: 2 * 4-5em; } substraction: 20 - 10 - 5 - 5; // 0 division: 20 / 5 / 4; // 1 } @x: 4; @y: 12em; .with-variables { height: @x + @y; // 16em width: 12 + @y; // 24em size: 5cm - @x; // 1cm } .with-functions { color: rgb(200, 200, 200) / 2; color: 2 * hsl(0, 50%, 50%); color: rgb(10, 10, 10) + hsl(0, 50%, 50%); } @z: -2; .negative { height: 2px + @z; // 0px width: 2px - @z; // 4px } .shorthands { padding: -1px 2px 0 -4px; // } .colors { color: #123; // #112233 border-color: #234 + #111111; // #334455 background-color: #222222 - #fff; // #000000 .other { color: 2 * #111; // #222222 border-color: #333333 / 3 + #111; // #222222 } } .negations { @var: 4px; variable: -@var; // 4 variable1: -@var + @var; // 0 variable2: @var + -@var; // 0 variable3: @var - -@var; // 8 variable4: -@var - -@var; // 0 paren: -(@var); // -4px paren2: -(2 + 2) * -@var; // 16 }