08-27-周三_17-09-29

node_modules/less/test/less-bom/operations.less

@@ -0,0 +1,62 @@
+#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; //
+}
+
+.rem-dimensions {
+  font-size: (20rem / 5 + 1.5rem); // 5.5rem
+}
+
+.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
+}