parens.less 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. .parens {
  2. @var: 1px;
  3. border: (@var * 2) solid black;
  4. margin: (@var * 1) (@var + 2) (4 * 4) 3;
  5. width: (6 * 6);
  6. padding: 2px (6 * 6px);
  7. }
  8. .in-function {
  9. value: min((1 + 1)) + 1;
  10. }
  11. .more-parens {
  12. @var: (2 * 2);
  13. padding: (2 * @var) 4 4 (@var * 1px);
  14. width-all: ((@var * @var) * 6);
  15. width-first: ((@var * @var)) * 6;
  16. width-keep: (@var * @var) * 6;
  17. height: calc(100% + (25vh - 20px));
  18. height-keep: (7 * 7) + (8 * 8);
  19. height-all: ((7 * 7) + (8 * 8));
  20. height-parts: ((7 * 7)) + ((8 * 8));
  21. margin-keep: (4 * (5 + 5) / 2) - (@var * 2);
  22. margin-parts: ((4 * (5 + 5) / 2)) - ((@var * 2));
  23. margin-all: ((4 * (5 + 5) / 2) + (-(@var * 2)));
  24. border-radius-keep: 4px * (1 + 1) / @var + 3px;
  25. border-radius-parts: ((4px * (1 + 1))) / ((@var + 3px));
  26. border-radius-all: (4px * (1 + 1) / @var + 3px);
  27. // margin: (6 * 6)px;
  28. }
  29. .negative {
  30. @var: 1;
  31. neg-var: -@var; // -1 ?
  32. neg-var-paren: -(@var); // -(1) ?
  33. }
  34. .nested-parens {
  35. width: 2 * (4 * (2 + (1 + 6))) - 1;
  36. height: ((2 + 3) * (2 + 3) / (9 - 4)) + 1;
  37. }
  38. .mixed-units {
  39. margin: 2px 4em 1 5pc;
  40. padding: (2px + 4px) 1em 2px 2;
  41. }
  42. .test-false-negatives {
  43. a: ~"(";
  44. }