parens.less 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  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. .more-parens {
  9. @var: (2 * 2);
  10. padding: (2 * @var) 4 4 (@var * 1px);
  11. width-all: ((@var * @var) * 6);
  12. width-first: ((@var * @var)) * 6;
  13. width-keep: (@var * @var) * 6;
  14. height-keep: (7 * 7) + (8 * 8);
  15. height-all: ((7 * 7) + (8 * 8));
  16. height-parts: ((7 * 7)) + ((8 * 8));
  17. margin-keep: (4 * (5 + 5) / 2) - (@var * 2);
  18. margin-parts: ((4 * (5 + 5) / 2)) - ((@var * 2));
  19. margin-all: ((4 * (5 + 5) / 2) + (-(@var * 2)));
  20. border-radius-keep: 4px * (1 + 1) / @var + 3px;
  21. border-radius-parts: ((4px * (1 + 1))) / ((@var + 3px));
  22. border-radius-all: (4px * (1 + 1) / @var + 3px);
  23. //margin: (6 * 6)px;
  24. }
  25. .negative {
  26. @var: 1;
  27. neg-var: -@var; // -1 ?
  28. neg-var-paren: -(@var); // -(1) ?
  29. }
  30. .nested-parens {
  31. width: 2 * (4 * (2 + (1 + 6))) - 1;
  32. height: ((2 + 3) * (2 + 3) / (9 - 4)) + 1;
  33. }
  34. .mixed-units {
  35. margin: 2px 4em 1 5pc;
  36. padding: (2px + 4px) 1em 2px 2;
  37. }
  38. .test-false-negatives {
  39. a: ~"(";
  40. }