@a: 2; @x: (@a * @a); @y: (@x + 1); @z: (@x * 2 + @y); @var: -1; .variables { width: (@z + 1cm); // 14cm } @b: @a * 10; @c: #888; @fonts: "Trebuchet MS", Verdana, sans-serif; @f: @fonts; @quotes: "~" "~"; @q: @quotes; @onePixel: 1px; .variables { height: (@b + @x + 0px); // 24px color: @c; font-family: @f; quotes: @q; } .redef { @var: 0; .inition { @var: 4; @var: 2; three: @var; @var: 3; } zero: @var; } .values { minus-one: @var; @a: 'Trebuchet'; @multi: 'A', B, C; font-family: @a, @a, @a; color: @c !important; multi: something @multi, @a; } .variable-names { @var: 'hello'; @name: 'var'; name: @@name; } .alpha { @var: 42; filter: alpha(opacity=@var); } .polluteMixin() { @a: 'pollution'; } .testPollution { @a: 'no-pollution'; a: @a; .polluteMixin(); a: @a; } .units { width: @onePixel; same-unit-as-previously: (@onePixel / @onePixel); square-pixel-divided: (@onePixel * @onePixel / @onePixel); odd-unit: unit((@onePixel * 4em / 2cm)); percentage: (10 * 50%); pixels: (50px * 10); conversion-metric-a: (20mm + 1cm); conversion-metric-b: (1cm + 20mm); conversion-imperial: (1in + 72pt + 6pc); custom-unit: (42octocats * 10); custom-unit-cancelling: (8cats * 9dogs / 4cats); mix-units: (1px + 1em); invalid-units: (1px * 1px); }