calc.less 631 B

123456789101112131415161718192021222324252627282930
  1. @val: 10px;
  2. .no-math {
  3. @c: 10px + 20px;
  4. @calc: (@val + 30px);
  5. root: calc(100% - @c);
  6. root2: calc(100% - @calc);
  7. @var: 50vh/2;
  8. width: calc(50% + (@var - 20px));
  9. height: calc(50% + ((@var - 20px)));
  10. min-height: calc(((10vh)) + calc((5vh)));
  11. foo: 1 + 2 calc(3 + 4) 5 + 6;
  12. @floor: floor(1 + .1);
  13. bar: calc(@floor + 20%);
  14. }
  15. .b {
  16. @a: 10px;
  17. @b: 10px;
  18. one: calc(100% - ((min(@a + @b))));
  19. two: calc(100% - (((@a + @b))));
  20. three: calc(e('100%') - (3 * 1));
  21. four: calc(~'100%' - (3 * 1));
  22. nested: calc(calc(2.25rem + 2px) - 1px * 2);
  23. }
  24. .c {
  25. @v: 10px;
  26. height: calc(100% - ((@v * 3) + (@v * 2)));
  27. }