apps/wiki/static--wiki--editor--node_modules--grunt-contrib-less--node_modules--less--test/less/variables.less

   1 @a: 2;
   2 @x: (@a * @a);
   3 @y: (@x + 1);
   4 @z: (@x * 2 + @y);
   5 @var: -1;
   6
   7 .variables {
   8   width: (@z + 1cm); // 14cm
   9 }
  10
  11 @b: @a * 10;
  12 @c: #888;
  13
  14 @fonts: "Trebuchet MS", Verdana, sans-serif;
  15 @f: @fonts;
  16
  17 @quotes: "~" "~";
  18 @q: @quotes;
  19 @onePixel: 1px;
  20
  21 .variables {
  22   height: (@b + @x + 0px); // 24px
  23   color: @c;
  24   font-family: @f;
  25   quotes: @q;
  26 }
  27
  28 .redef {
  29     @var: 0;
  30         .inition {
  31                 @var: 4;
  32                 @var: 2;
  33                 three: @var;
  34                 @var: 3;
  35         }
  36         zero: @var;
  37 }
  38
  39 .values {
  40         minus-one: @var;
  41     @a: 'Trebuchet';
  42     @multi: 'A', B, C;
  43     font-family: @a, @a, @a;
  44     color: @c !important;
  45     multi: something @multi, @a;
  46 }
  47
  48 .variable-names {
  49     @var: 'hello';
  50     @name: 'var';
  51     name: @@name;
  52 }
  53
  54 .alpha {
  55     @var: 42;
  56     filter: alpha(opacity=@var);
  57 }
  58
  59 .polluteMixin() {
  60     @a: 'pollution';
  61 }
  62 .testPollution {
  63     @a: 'no-pollution';
  64     a: @a;
  65         .polluteMixin();
  66         a: @a;
  67 }
  68
  69 .units {
  70   width: @onePixel;
  71   same-unit-as-previously: (@onePixel / @onePixel);
  72   square-pixel-divided: (@onePixel * @onePixel / @onePixel);
  73   odd-unit: unit((@onePixel * 4em / 2cm));
  74   percentage: (10 * 50%);
  75   pixels: (50px * 10);
  76   conversion-metric-a: (20mm + 1cm);
  77   conversion-metric-b: (1cm + 20mm);
  78   conversion-imperial: (1in + 72pt + 6pc);
  79   custom-unit: (42octocats * 10);
  80   custom-unit-cancelling: (8cats * 9dogs / 4cats);
  81   mix-units: (1px + 1em);
  82   invalid-units: (1px * 1px);
  83 }