counter-increment is not working

[ritiksoni00]

<div style="--incr: 4">a</div>
<div style="--incr: 6">b</div>
<div style="--incr: 4">c</div>
<div style="--incr: 4">d</div>
<div style="--incr: 4">e</div>
<div style="--incr: 4">f</div>
<div style="--incr: 4">g</div>

div {
  counter-increment: sum var(--incr);
}

div::after {
  content: "-" counter(sum)
}

not supported counter-increment.

the sum is always zero using weasyprint. it should be incremented as in the given example.

example

#1592

[liZe]

You’re right, var doesn’t work in counter-increment. That’s a problem explained in #1219. It wouldn’t be that complicated to fix, but it definitely requires deep changes in the way CSS properties are handled.

[ritiksoni00]

i didn't get this by reading the issue you provide? and why var doesn’t work in counter-increment?

[liZe]

why var doesn’t work in counter-increment

#1219 explains that var is not supported for properties that have multiple values separated by a space, like counter-increment.