calc.css 459 B

1234567891011121314151617181920
  1. .no-math {
  2. root: calc(100% - 30px);
  3. root2: calc(100% - 40px);
  4. width: calc(50% + (25vh - 20px));
  5. height: calc(50% + (25vh - 20px));
  6. min-height: calc(10vh + calc(5vh));
  7. foo: 3 calc(3 + 4) 11;
  8. bar: calc(1 + 20%);
  9. }
  10. .b {
  11. one: calc(100% - 20px);
  12. two: calc(100% - (10px + 10px));
  13. three: calc(100% - (3 * 1));
  14. four: calc(100% - (3 * 1));
  15. nested: calc(calc(2.25rem + 2px) - 1px * 2);
  16. }
  17. .c {
  18. height: calc(100% - ((10px * 3) + (10px * 2)));
  19. }